.zone{height:200svh;position:relative}.stage{height:100svh;padding:20px;position:sticky;top:0}.panel{border-radius:var(--r-panel);background:radial-gradient(130% 100% at 30% 12%, var(--ink-2) 0%, var(--ink) 60%);height:100%;color:var(--text);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.glow{z-index:1;pointer-events:none;will-change:transform;background:radial-gradient(circle at 45% 40%,#f3f1f412,#0000 62%);width:130vmin;height:130vmin;position:absolute;top:30%;left:62%;transform:translate(-50%,-50%)}.caustics{z-index:1;pointer-events:none;position:absolute;inset:0}.caustics .veil{filter:blur(28px)}.c1{background:radial-gradient(circle at 42% 42%,#fff8e91f,#ffb06a0d 42%,#607ed60a 60%,#0000 72%)}.c2{background:radial-gradient(circle at 45% 40%,#d4e2ff1a,#7a92eb0d 48%,#0000 70%)}.dawn{z-index:2;pointer-events:none;background:radial-gradient(circle, var(--licht) 0%, var(--licht) 42%, #ffdea647 56%, transparent 72%);opacity:0;will-change:transform, opacity;width:150vmin;height:150vmin;position:absolute;top:38%;left:64%;transform:translate(-50%,-50%)scale(.12)}.dawnfill{z-index:2;pointer-events:none;background:var(--licht);opacity:0;will-change:opacity;position:absolute;inset:0}.heroContent{z-index:4;will-change:filter, transform, opacity;padding:clamp(60px,11vh,140px) clamp(24px,5vw,72px) clamp(30px,5vh,70px);position:relative}.herokop{font-family:var(--font-statement);letter-spacing:.006em;font-weight:400;font-size:var(--fs-h1);line-height:1.1}.cycle{vertical-align:baseline;display:inline-grid}.cycle .w{-webkit-text-stroke:.016em currentColor;transition:filter .46s var(--ease), opacity .46s var(--ease);grid-area:1/1;font-weight:400}.cycle .w:not(.is-on){opacity:0;filter:blur(8px)}.sub{font-size:var(--fs-lead);opacity:.84;max-width:60ch;margin-top:clamp(22px,3.4vh,38px);line-height:1.65}.hint{z-index:4;color:var(--text);opacity:.5;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint svg{animation:2.6s ease-in-out infinite pijl;display:block}@keyframes pijl{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.quoteLayer{z-index:3;padding:0 var(--gutter);color:var(--ink);opacity:0;pointer-events:none;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.arrive{opacity:0;position:absolute;inset:0}.qbox{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.qbox blockquote,.quoteStatic blockquote{font-family:var(--font-statement);letter-spacing:.006em;font-weight:400;font-size:var(--fs-quote);text-wrap:balance;max-width:12em;line-height:1.18}.qw{transition:color .3s}.qsub{font-size:var(--fs-lead);opacity:0;filter:blur(6px);max-width:52ch;transition:opacity .5s var(--ease), filter .5s var(--ease), transform .5s var(--ease);margin-top:clamp(18px,3vh,32px);line-height:1.65;transform:translateY(12px)}.qsub.in{opacity:1;filter:blur();transform:none}.opscherp{color:var(--accent-l);font-weight:500}.quoteStatic{padding:clamp(60px, 9vh, 110px) var(--gutter) 0;display:none}.quoteStatic .qsub{opacity:1;filter:none;transform:none}.flow{background:linear-gradient(180deg, var(--licht) 0%, var(--licht-2) 46%, var(--licht-3) 100%);color:var(--ink);position:relative}.herken{padding-top:var(--lucht-sectie);padding-bottom:var(--lucht-sectie);max-width:1200px}.herken .h2{margin-bottom:var(--lucht-kop)}.blokken{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);display:grid}.blok p{opacity:.85;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}.vierkop{max-width:1100px;padding-top:clamp(40px,8vh,90px)}.vierkop p{font-size:var(--fs-lead);max-width:52ch;margin-top:14px;line-height:1.65}.vierzone{height:320svh;position:relative}.viersticky{align-items:center;min-height:100svh;display:flex;position:sticky;top:0}.vierstage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(10px,2vh,22px) clamp(30px,6vw,90px);width:100%;max-width:1200px;display:grid}.vitem{display:contents}.vwoord{font-family:var(--font-display);letter-spacing:-.008em;opacity:.28;filter:blur(2.5px);transition:opacity .45s var(--ease), filter .45s var(--ease), color .45s ease;grid-column:1;font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:300;line-height:1.12}.vitem.aan .vwoord{opacity:1;filter:blur();color:var(--accent-l)}.vzin{opacity:0;filter:blur(5px);max-width:26em;transition:opacity .45s var(--ease), filter .45s var(--ease), transform .45s var(--ease);grid-area:1/2/span 4;align-self:center;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.7;transform:translateY(12px)}.vitem.aan .vzin{opacity:1;filter:blur();transform:none}.handen{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);padding-top:clamp(100px,15vh,180px);padding-bottom:clamp(100px,15vh,180px);display:grid}.handen .kop{align-self:start;position:sticky;top:16vh}.handen .kop p{margin-top:var(--lucht-kop);font-size:var(--fs-body);opacity:.85;max-width:26em;line-height:1.7}.fase{margin-bottom:clamp(34px,6vh,60px)}.fase p{font-size:var(--fs-body);opacity:.85;max-width:30em;line-height:1.75}.wie{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(30px,6vw,90px);padding-top:clamp(100px,15vh,180px);padding-bottom:clamp(100px,15vh,180px);display:grid}.wiequote{font-family:var(--font-statement);letter-spacing:.006em;max-width:16em;margin-bottom:var(--lucht-kop);font-size:clamp(1.9rem,4.2vw,3.9rem);font-weight:400;line-height:1.2}.wie p{font-size:var(--fs-body);opacity:.88;max-width:34em;line-height:1.75}.wiefoto{margin:0}.wiefoto img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--r-panel);width:100%;height:auto}@media (prefers-reduced-motion:reduce){.zone{height:auto}.stage{height:100svh;position:static}.dawn,.dawnfill,.quoteLayer{display:none}.quoteStatic{display:block}.vierzone{height:auto}.viersticky{min-height:0;padding:clamp(30px,6vh,60px) 0;position:static}.vierstage{display:block}.vitem{margin-bottom:26px;display:block}.vwoord{opacity:1;filter:none}.vzin{opacity:1;filter:none;margin-top:6px;transform:none}.handen .kop,.handen .kop{position:static}.wie{grid-template-columns:1fr}}@media (width<=760px){.herokop{font-size:clamp(2.7rem,12vw,3.6rem)}.sub{max-width:34ch;font-size:1rem}.sub br{display:none}.heroContent{padding-top:clamp(30px,6vh,60px);padding-bottom:clamp(20px,4vh,40px)}.actions{gap:18px;margin-top:24px}.qbox blockquote,.quoteStatic blockquote{font-size:clamp(1.7rem,8vw,2.4rem)}.blokken{grid-template-columns:1fr}.vierzone{height:auto}.viersticky{min-height:0;padding:clamp(30px,6vh,60px) 0;position:static}.vierstage{display:block}.vitem{margin-bottom:26px;display:block}.vwoord{opacity:1;filter:none}.vzin{opacity:1;filter:none;margin-top:6px;transform:none}.handen{grid-template-columns:1fr}.handen .kop{position:static}.wie{grid-template-columns:1fr}}