.ti{padding:calc(var(--ti-kop,104px) + 8px) var(--hero-zij) max(48px, env(safe-area-inset-bottom));min-height:100svh}.ti-plaat{aspect-ratio:9/19;width:100%;position:relative}.telefoon[data-open=true] .d-hart{animation:d-stijg 2.4s var(--ease-uit) infinite;animation-delay:calc(var(--n) * .4s)}.telefoon[data-open=true] .pr-puls{opacity:1;animation:3s linear infinite d-puls}.telefoon[data-open=true] .fr-bel{opacity:1;transform:scale(1)}.telefoon[data-open=true] .ac-streep{fill:var(--gold)}.telefoon[data-open=true] .ac-signaal rect{opacity:1}.ti-lijst,.ti-rij{position:relative}.ti-rij:before,.ti-lijst:after{content:"";background:var(--line-sterk);transform-origin:0;height:1px;transition:scale .9s cubic-bezier(.65, 0, .35, 1) calc(var(--n,5) * 90ms);position:absolute;top:0;left:0;right:0;scale:0 1}.ti-lijst:after{top:auto;bottom:0}.ti[data-open=true] .ti-rij:before,.ti[data-open=true] .ti-lijst:after{scale:1}.ti-knop{text-align:left;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 0;display:grid}.ti-nr{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--fog);align-self:start;padding-top:5px;font-size:11px;transition:color .3s}.ti-rij[data-dit=true] .ti-nr{color:rgb(var(--inkt-rgb))}.ti-titel{font-family:var(--font-archivo), var(--font-geist), sans-serif;font-variation-settings:"wdth" 108;letter-spacing:-.025em;text-wrap:balance;color:rgb(var(--inkt-rgb));font-size:21px;font-weight:800;line-height:1.02;transition:color .4s}.ti-rij[data-dit=false] .ti-titel{color:rgb(var(--inkt-rgb) / .5)}.ti-masker{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:visible clip}.ti-masker>span{transform-origin:0 100%;transition:translate .8s var(--ease-uit), rotate .8s var(--ease-uit);display:inline-block;translate:0 110%;rotate:7deg}.ti[data-open=true] .ti-knop .ti-masker>span{transition-delay:calc(var(--n) * 90ms + var(--w,0) * 55ms + .22s);translate:0;rotate:none}.ti-mini-plek{transition:scale .7s cubic-bezier(.34, 1.7, .64, 1), rotate .7s var(--ease-uit);display:block;rotate:-30deg;scale:0}.ti[data-open=true] .ti-mini-plek{transition-delay:calc(var(--n) * 90ms + .48s);rotate:none;scale:1}.ti-mini{width:22px}.ti-rij[data-dit=true] .ti-mini,.ti-rij[data-vliegt-dicht=true] .ti-mini{visibility:hidden}.ti-paneel{grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.65,0,.35,1);display:grid}.ti-rij[data-dit=true] .ti-paneel{grid-template-rows:1fr}.ti-binnen{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:end;gap:18px;min-height:0;padding-top:10px;display:grid;overflow:hidden}.ti-groot{width:calc(100% - 46px);max-width:150px;margin:0 0 20px 46px}.ti-rij[data-vliegt-open=true] .ti-groot,.ti-rij[data-dit=false] .ti-groot{visibility:hidden}@keyframes ti-wieg{0%,to{transform:perspective(700px)rotateY(-7deg)rotateX(2deg)translateY(0)}50%{transform:perspective(700px)rotateY(7deg)rotateX(-2deg)translateY(-4px)}}.ti-rij[data-dit=true][data-vliegt-open=false] .ti-groot .ti-plaat{animation:5s ease-in-out infinite ti-wieg}.ti-tekst{font-family:var(--font-geist), system-ui, sans-serif;gap:8px;padding-bottom:20px;display:grid}.ti-zin{color:rgb(var(--inkt-rgb));font-size:15px;font-weight:500;line-height:1.35}.ti-uitleg{color:var(--fog);opacity:0;font-size:13.5px;line-height:1.5;transition:opacity .3s,translate .3s;translate:0 10px}.ti-rij[data-dit=true] .ti-zin .ti-masker>span{transition-delay:calc(var(--w) * 45ms + .38s);translate:0;rotate:none}.ti-rij[data-dit=true] .ti-uitleg{opacity:1;transition:opacity .7s .7s, translate .7s .7s var(--ease-uit);translate:0}@keyframes ti-tijd{to{scale:1}}.ti-tijd{z-index:1;background:rgb(var(--inkt-rgb));transform-origin:0;height:2px;animation:6s linear .82s forwards ti-tijd;position:absolute;bottom:-1px;left:0;right:0;scale:0 1}.ti[data-pauze=true] .ti-tijd{animation-play-state:paused}.ti-vlieger{z-index:30;pointer-events:none;will-change:transform, width;filter:drop-shadow(0 18px 28px #00000047);position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){.ti *,.ti :before,.ti :after{transition:none!important;animation:none!important}}
.vs-plaat{width:100%;height:100%;transform-style:preserve-3d;position:relative}.vs-split button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.vs-split{--kop:var(--vs-kop,162px);--stage:calc(100svh - var(--kop));--veer:cubic-bezier(.34, 1.45, .5, 1);box-sizing:border-box;height:100svh;padding:var(--kop) var(--hero-zij) 72px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:4vw;display:grid}.vs-masker{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:visible clip}.vs-masker>span{transform-origin:0 100%;transition:translate .9s var(--ease-uit), rotate .9s var(--ease-uit);display:inline-block;translate:0 112%;rotate:7deg}.vs-split-lijst{margin:0;padding:0;list-style:none}.vs-split-rij{position:relative}.vs-split-slot{height:1px}.vs-split-lijn{background:var(--line-sterk);transform-origin:0;height:1px;transition:transform 1.1s cubic-bezier(.65,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.vs-split:not([data-fase=wacht]) .vs-split-lijn{transition-delay:calc(var(--n) * 85ms);transform:scaleX(1)}.vs-split-knop{grid-template-columns:3.4rem minmax(0,1fr);align-items:baseline;width:100%;padding:clamp(10px,2svh,18px) 0!important;display:grid!important}.vs-split-nr{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--fog);font-size:11px;transition:color .4s}.vs-split-rij[data-dit=true] .vs-split-nr{color:rgb(var(--inkt-rgb))}.vs-split-titel{font-family:var(--font-archivo), var(--font-geist), sans-serif;font-variation-settings:"wdth" 108;letter-spacing:-.025em;text-wrap:balance;color:rgb(var(--inkt-rgb));font-size:clamp(24px,min(2.7vw,4.4svh),52px);font-weight:800;line-height:1.02}.vs-split-knop{transition:opacity .45s var(--ease-uit)}.vs-split[data-keuze=true] .vs-split-rij:not([data-dit=true]) .vs-split-knop{opacity:.25}.vs-split:not([data-fase=wacht]) .vs-split-knop .vs-masker>span{transition-delay:calc(var(--n) * 95ms + var(--w,0) * 60ms + .26s);translate:0;rotate:none}.vs-split-zin{font-family:var(--font-geist), system-ui, sans-serif;color:rgb(var(--inkt-rgb));margin:2px 0 0;font-size:clamp(18px,1.35vw,24px);font-weight:500;line-height:1.3}.vs-split-uitleg{max-width:46ch;font-family:var(--font-geist), system-ui, sans-serif;color:rgb(var(--inkt-rgb) / .66);opacity:0;margin:10px 0 24px;font-size:clamp(15px,1vw,17px);line-height:1.55;transition:opacity .2s,translate .2s;translate:0 12px}.vs-split-rij[data-dit=true] .vs-split-uitleg{opacity:1;transition:opacity .6s var(--ease-uit) .35s, translate .6s var(--ease-uit) .35s;translate:0}.vs-split-links{--open-h:clamp(138px, min(10.6vw, 17svh), 178px);--schuif:.6s cubic-bezier(.65, 0, .2, 1);min-width:0}.vs-split-paneel{height:0;transition:height var(--schuif);padding-left:3.4rem;overflow:hidden}.vs-split-rij[data-dit=true] .vs-split-paneel{height:var(--open-h)}.vs-split-tekst{height:var(--open-h);transition:height var(--schuif);padding-left:3.4rem;overflow:hidden}.vs-split[data-keuze=true] .vs-split-tekst{height:0}.vs-split-paneel .vs-masker>span{transition-duration:.25s}.vs-split-rij[data-dit=true] .vs-split-paneel .vs-masker>span{transition-duration:.8s;transition-delay:calc(var(--w) * 45ms + .12s);translate:0;rotate:none}.vs-split-hint{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--inkt-rgb) / .55);opacity:0;margin:clamp(14px,2.2svh,24px) 0 0;font-size:11px;transition:opacity .5s .4s}.vs-split[data-fase=klaar] .vs-split-hint{opacity:1}.vs-split-podium{perspective:2600px;height:100%;position:relative}.vs-split-vlucht{transform-style:preserve-3d;transition:transform 1.35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate3d(0,14%,-300px)rotateY(64deg)rotate(-8deg)scale(.5)}.vs-split:not([data-fase=wacht]) .vs-split-vlucht{transform:none}.vs-split-groep{--h:min(calc(var(--stage) * .66), 30vw);--w:calc(var(--h) * 9 / 19);--gap:4px;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;animation:9s ease-in-out 2.4s infinite alternate paused vs-split-adem;position:absolute;top:50%;left:50%;transform:rotateX(4deg)rotateY(-48deg)}.vs-split[data-fase=klaar] .vs-split-groep{animation-play-state:running}@keyframes vs-split-adem{0%{transform:rotateX(4deg)rotateY(-48deg)translateY(0)}to{transform:rotateX(6deg)rotateY(-42deg)translateY(-10px)}}.vs-split[data-fase=open] .vs-split-groep,.vs-split[data-fase=klaar] .vs-split-groep{--gap:calc(var(--w) * .78)}.vs-split-deel{transform-style:preserve-3d;transform:translateZ(calc((2 - var(--n)) * var(--gap)));opacity:0;transition:transform 1.15s var(--veer) calc((4 - var(--n)) * 70ms), translate .7s var(--veer), opacity .5s;cursor:pointer;position:absolute;inset:0}.vs-split:not([data-fase=wacht]) .vs-split-deel{opacity:1;transition:transform 1.15s var(--veer) calc((4 - var(--n)) * 70ms), translate .7s var(--veer), opacity .45s calc(var(--n) * 30ms)}.vs-split .vs-split-deel .ex-plaat,.vs-split .vs-split-deel .ex-zijkant{transition:opacity .45s var(--ease-uit)}.vs-split[data-keuze=true] .vs-split-deel:not([data-dit=true]) .ex-plaat,.vs-split[data-keuze=true] .vs-split-deel:not([data-dit=true]) .ex-zijkant{opacity:.3}.vs-split-til{transform-style:preserve-3d;transition:translate .7s var(--veer);position:absolute;inset:0}.vs-split-deel[data-dit=true] .vs-split-til{translate:0 -6%}.vs-glans{pointer-events:none;border-radius:13%/6.2%;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px)}.vs-glans:after{content:"";background:linear-gradient(100deg,#0000,#ffffff80 50%,#0000);width:45%;animation:1.1s cubic-bezier(.45,0,.2,1) .25s both vs-glans;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-14deg)}@keyframes vs-glans{to{left:130%}}.vs-split-schaduw{filter:blur(8px);opacity:0;height:40px;transition:opacity .8s, scale 1.2s var(--ease-uit);background:radial-gradient(closest-side,#00000029,#0000);border-radius:50%;position:absolute;bottom:10%;left:8%;right:8%;scale:.3 1}.vs-split[data-fase=open] .vs-split-schaduw,.vs-split[data-fase=klaar] .vs-split-schaduw{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.vs-split *,.vs-split :before,.vs-split :after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important}}.vs-split-vlucht,.vs-split-groep{pointer-events:none}.vs-split-deel{pointer-events:auto}
