:root{color-scheme:light;--bg: #eceef2;--bg-2: #e3e6ed;--vlak: #fbfcfe;--vlak-2: #f2f4f9;--inkt: #0e1219;--inkt-2: #4c5565;--inkt-3: #545d6b;--lijn: #d5dae3;--lijn-sterk: #b9c1cf;--accent: #1f3fd6;--accent-2: #4560e6;--accent-inkt: #ffffff;--accent-zacht: rgb(31 63 214 / .1);--accent-rand: rgb(31 63 214 / .3);--focus: #1f3fd6;--cat-heelal: #1f3fd6;--cat-techniek: #2f6f8f;--cat-natuur: #2f6b4a;--cat-mensenwerk: #7a6a2f;--cat-lichaam: #a33a2a;--schaduw: 0 1px 2px rgb(14 18 25 / .05), 0 14px 34px -18px rgb(14 18 25 / .28);--schaduw-op: 0 2px 6px rgb(14 18 25 / .08), 0 26px 54px -22px rgb(14 18 25 / .4);--sluier: rgb(20 24 33 / .4);--font-display: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-tekst: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-klok: clamp(3.5rem, 17vw, 9rem);--t-hero: clamp(2rem, 6.5vw, 3.75rem);--t-kop: clamp(1.5rem, 3.4vw, 2.125rem);--t-halte: clamp(1.3rem, 3.4vw, 1.75rem);--t-tekst: 1.0625rem;--t-klein: .9375rem;--t-meta: .75rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 144px;--r-1: 6px;--r-2: 4px;--r-3: 16px;--decade: 22px;--inhoud: 1180px;--marge: clamp(16px, 4vw, 40px);--as-breed: 1560px;--as-links: 44px;--balk-h: 60px;--snel: .14s;--gewoon: .26s;--traag: .7s;--veer: cubic-bezier(.2, .8, .2, 1);--uit: cubic-bezier(.4, 0, 1, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #090c12;--bg-2: #0d111a;--vlak: #131926;--vlak-2: #192132;--inkt: #e9edf6;--inkt-2: #a6b0c3;--inkt-3: #9aa5ba;--lijn: #222b3c;--lijn-sterk: #35415a;--accent: #7d9bff;--accent-2: #a9bcff;--accent-inkt: #0a0e16;--accent-zacht: rgb(125 155 255 / .16);--accent-rand: rgb(125 155 255 / .45);--focus: #9db4ff;--cat-heelal: #7d9bff;--cat-techniek: #78b6cf;--cat-natuur: #6fbf93;--cat-mensenwerk: #d9c078;--cat-lichaam: #ef8a72;--schaduw: 0 1px 2px rgb(0 0 0 / .5), 0 16px 40px -20px rgb(0 0 0 / .8);--schaduw-op: 0 2px 8px rgb(0 0 0 / .55), 0 30px 60px -24px rgb(0 0 0 / .9);--sluier: rgb(3 5 9 / .66)}}:root[data-theme=dark]{color-scheme:dark;--bg: #090c12;--bg-2: #0d111a;--vlak: #131926;--vlak-2: #192132;--inkt: #e9edf6;--inkt-2: #a6b0c3;--inkt-3: #9aa5ba;--lijn: #222b3c;--lijn-sterk: #35415a;--accent: #7d9bff;--accent-2: #a9bcff;--accent-inkt: #0a0e16;--accent-zacht: rgb(125 155 255 / .16);--accent-rand: rgb(125 155 255 / .45);--focus: #9db4ff;--cat-heelal: #7d9bff;--cat-techniek: #78b6cf;--cat-natuur: #6fbf93;--cat-mensenwerk: #d9c078;--cat-lichaam: #ef8a72;--schaduw: 0 1px 2px rgb(0 0 0 / .5), 0 16px 40px -20px rgb(0 0 0 / .8);--schaduw-op: 0 2px 8px rgb(0 0 0 / .55), 0 30px 60px -24px rgb(0 0 0 / .9);--sluier: rgb(3 5 9 / .66)}@media(min-width:768px){:root{--as-links: 88px}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.vast{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;background-color:var(--bg);color:var(--inkt);font-family:var(--font-tekst);font-size:var(--t-tekst);line-height:1.6;-webkit-font-smoothing:antialiased}:root[data-theme=dark] body{background-image:none}h1,h2,h3{font-family:var(--font-display);line-height:1.12;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.overslaan{position:fixed;top:-100px;left:var(--marge);z-index:60;padding:var(--s-3) var(--s-4);background:var(--accent);color:var(--accent-inkt);border-radius:var(--r-1);text-decoration:none;font-weight:600}.overslaan:focus{top:var(--s-4)}.pagina{margin:0;padding:0}.pagina__midden{max-width:var(--inhoud);margin:0 auto;padding:0 var(--marge) calc(var(--balk-h) + env(safe-area-inset-bottom) + var(--s-7))}.pagina__as{max-width:1560px;margin:0 auto;padding:0 var(--marge)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--lijn-sterk);border-radius:999px;background:var(--vlak);color:var(--inkt);font:inherit;font-size:var(--t-klein);font-weight:550;text-decoration:none;cursor:pointer;transition:transform var(--snel) var(--veer),background-color var(--snel),border-color var(--snel),color var(--snel)}.knop:hover{border-color:var(--accent-rand);color:var(--accent)}.knop:active{transform:scale(.97)}.knop--vol{background:var(--accent);border-color:var(--accent);color:var(--accent-inkt)}.knop--vol:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--accent-inkt)}.knop--stil{background:transparent;border-color:var(--lijn);color:var(--inkt-2)}.knop--stil:hover{background:var(--accent-zacht);color:var(--accent);border-color:var(--accent-rand)}.knop--stil[aria-pressed=true]{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent)}.knop--vlak{min-height:0;padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:3px;border-radius:4px}.knop--rond{position:relative;width:44px;min-width:44px;padding:0}.knop__stip{position:absolute;right:7px;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{min-height:36px;padding:0 var(--s-3);border:1px solid var(--lijn);border-radius:999px;background:transparent;color:var(--inkt-2);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background-color var(--snel),color var(--snel),border-color var(--snel)}.chip:hover{border-color:var(--accent-rand);color:var(--accent)}.chip--aan{background:var(--accent);border-color:var(--accent);color:var(--accent-inkt)}kbd{font-family:var(--font-mono);font-size:.85em;padding:2px 6px;border:1px solid var(--lijn-sterk);border-bottom-width:2px;border-radius:5px;background:var(--vlak);color:var(--inkt)}@keyframes pols{0%,to{opacity:1}50%{opacity:.25}}.klok{display:flex;align-items:baseline;gap:.02em;appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;text-align:left;margin:var(--s-7) 0 var(--s-2);font-family:var(--font-mono);font-size:var(--t-klok);font-weight:400;line-height:.9;letter-spacing:-.06em;color:var(--inkt);font-variant-numeric:tabular-nums}button.klok{cursor:pointer}.klok__teken{align-self:center;margin-left:var(--s-4);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--lijn-sterk);background:var(--vlak);color:var(--inkt-2);transition:color var(--snel),border-color var(--snel),transform var(--snel) var(--veer)}button.klok:hover .klok__teken,button.klok[aria-pressed=true] .klok__teken{color:var(--accent);border-color:var(--accent-rand)}button.klok:active .klok__teken{transform:scale(.88)}.klok__dubbelepunt{color:var(--accent);animation:pols 1s steps(1,end) infinite}.klok__tienden{font-size:.42em;color:var(--accent);letter-spacing:-.02em}.klok--stil .klok__dubbelepunt{animation:none;color:var(--inkt-3)}.klok--stil .klok__tienden{color:var(--inkt-3)}.tijdas{position:relative}.tijdas:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--as-links) / 2);width:1px;background:linear-gradient(var(--lijn-sterk),var(--lijn-sterk) 88%,transparent)}.groep{position:relative}.groep__kop{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--s-3);margin:0;padding:var(--s-6) 0 var(--s-2) var(--as-links);background:linear-gradient(var(--bg) 62%,transparent);font-size:var(--t-meta);font-weight:600;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-3)}.groep__streep{position:absolute;left:calc(var(--as-links) / 2);top:50%;width:calc(var(--as-links) / 2 - var(--s-3));height:1px;background:var(--lijn-sterk)}.groep__lijst{display:block}.halte{content-visibility:auto;contain-intrinsic-size:auto 220px;position:relative;padding-left:var(--as-links);margin-top:clamp(22px,calc(16px + var(--exp) * var(--decade)),240px);--cat: var(--lijn-sterk)}.halte[data-categorie=lichaam]{--cat: var(--cat-lichaam)}.halte[data-categorie=natuur]{--cat: var(--cat-natuur)}.halte[data-categorie=techniek]{--cat: var(--cat-techniek)}.halte[data-categorie=mensenwerk]{--cat: var(--cat-mensenwerk)}.halte[data-categorie=heelal]{--cat: var(--cat-heelal)}.halte[data-sprong=groot]{margin-top:min(74dvh,560px)}.halte__tik{position:absolute;left:calc(var(--as-links) / 2 - 4px);top:12px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--cat);transition:transform var(--gewoon) var(--veer)}.halte__sprong{position:absolute;left:0;top:calc(-1*clamp(14px,calc(8px + var(--exp) * 11px),130px));width:var(--as-links);text-align:center;white-space:nowrap;font-size:var(--t-meta);color:var(--inkt-3);background:var(--bg);padding:3px 0}.halte__sprong sup{font-size:.62em;vertical-align:super;line-height:0}.halte[data-sprong=groot] .halte__sprong{left:var(--as-links);top:-300px;width:auto;padding:0 var(--s-4);font-size:clamp(1.75rem,7vw,3rem);color:var(--inkt-2);letter-spacing:-.03em}.halte__kaart{padding:0}.halte__kop{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}.halte__meter{flex:0 0 auto}.halte__duur{font-family:var(--font-mono);font-size:var(--t-klein);color:var(--cat);font-weight:500;letter-spacing:-.01em}.halte__titel{letter-spacing:-.02em;font-weight:650;text-wrap:balance}.halte__tekst{margin-top:var(--s-3);color:var(--inkt-2);max-width:62ch;text-wrap:pretty}.halte__verhouding{margin-top:var(--s-3);font-size:var(--t-klein);color:var(--inkt-3);font-family:var(--font-mono)}.halte__voet{margin-top:var(--s-4)}.halte__herkomst{margin-top:var(--s-3);font-size:var(--t-meta);color:var(--inkt-3);line-height:1.5;max-width:56ch}@media(min-width:900px){.halte{min-height:clamp(150px,24svh,330px);display:flex;flex-direction:column;justify-content:center}.halte__kaart{display:grid;grid-template-columns:minmax(0,18ch) minmax(0,68ch);gap:0 var(--s-6);align-items:start}.halte__kop{flex-direction:column;align-items:flex-start;gap:var(--s-3);padding-top:var(--s-1)}.halte__meter{--ring-groei: 1.5}.halte--proef .halte__kaart{grid-template-columns:minmax(0,18ch) minmax(0,1fr)}}@media(min-width:1200px){.halte__tekst{font-size:1.125rem;max-width:68ch}.halte__duur{font-size:1rem}.halte[data-register="1"] .halte__titel{font-size:1.65rem}.halte[data-register="2"] .halte__titel{font-size:2.1rem}.halte[data-register="3"] .halte__titel{font-size:2.6rem}.halte[data-register="4"] .halte__titel{font-size:3.6rem}.halte__duur,.halte[data-register="1"] .halte__tekst{font-size:1.0625rem}.halte[data-register="3"] .halte__tekst,.halte[data-register="4"] .halte__tekst{font-size:1.25rem}}.halte[data-register="1"] .halte__titel{font-size:clamp(1.05rem,4vw,1.2rem)}.halte[data-register="1"] .halte__tekst{font-size:var(--t-klein)}.halte[data-register="1"] .halte__herkomst{display:none}.halte[data-register="2"] .halte__titel{font-size:clamp(1.25rem,5vw,1.5rem)}.halte[data-register="3"] .halte__titel{font-size:clamp(1.5rem,6vw,2rem)}.halte[data-register="3"] .halte__tekst{font-size:1.125rem}.halte[data-register="4"] .halte__titel{font-size:clamp(1.9rem,8.5vw,3rem);letter-spacing:-.04em}.halte[data-register="4"] .halte__tekst{font-size:1.125rem}.halte[data-register="4"] .halte__duur{font-size:1rem}.halte[data-register="3"] .halte__kop,.halte[data-register="4"] .halte__kop{gap:var(--s-3)}.halte[data-register="4"] .proef{border-top:0;padding-top:var(--s-4)}.halte--proef .halte__kaart{padding:0;border:0;background:none}.halte--open .halte__tik{transform:scale(1.5)}.halte--gemarkeerd .halte__titel{animation:aandacht 2.2s var(--veer)}@keyframes aandacht{0%{box-shadow:0 0 0 0 var(--accent-zacht)}18%{box-shadow:0 0 0 12px var(--accent-zacht)}to{box-shadow:0 0 #0000}}.filtermelding{margin:var(--s-5) 0 0;padding:var(--s-3) var(--s-4);border:1px dashed var(--lijn-sterk);border-radius:var(--r-1);font-size:var(--t-klein);color:var(--inkt-2)}.slot{margin-top:var(--s-9);padding-left:var(--as-links)}.slot__kop{font-size:var(--t-kop);letter-spacing:-.02em}.slot__tekst{margin-top:var(--s-4);max-width:52ch;color:var(--inkt-2)}.slot__telling{margin-top:var(--s-6);max-width:46ch}.slot__telling-kop{font-size:var(--t-klein);color:var(--inkt-2)}.slot__lijst{margin-top:var(--s-3);list-style:none;padding:0}.slot__rij{display:grid;grid-template-columns:13ch 1fr minmax(7ch,auto);align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--lijn)}.slot__naam{font-size:var(--t-klein)}.slot__aantal{font-size:var(--t-klein);text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.slot__loop{position:relative;height:3px;border-radius:2px;background:var(--lijn);overflow:hidden}.slot__loper{position:absolute;inset:0;transform-origin:left center;background:var(--accent);animation:slot-loop calc(var(--duur) * 1s) linear infinite}@keyframes slot-loop{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.slot__omgekeerd{margin-top:var(--s-4);font-size:var(--t-klein);color:var(--inkt-2)}.uitnodiging{margin-top:var(--s-7);padding:var(--s-5);border:1px solid var(--lijn);border-radius:var(--r-2);background:var(--vlak-2)}.uitnodiging__kop{font-weight:650}.uitnodiging__tekst{margin:var(--s-2) 0 var(--s-5);max-width:48ch;color:var(--inkt-2);font-size:var(--t-klein)}.voet{margin-top:var(--s-8);padding:var(--s-6) 0 0 var(--as-links);border-top:1px solid var(--lijn);font-size:var(--t-klein);color:var(--inkt-2)}.voet__regel{max-width:60ch}.voet__regel+.voet__regel{margin-top:var(--s-3)}.voet__stil{color:var(--inkt-3);font-size:var(--t-meta)}.balk{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);height:calc(var(--balk-h) + env(safe-area-inset-bottom));padding:0 var(--marge) env(safe-area-inset-bottom);border-top:1px solid var(--lijn);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px)}:root[data-toon=donker] .balk{--bg: #0a0c12;--lijn: #232a38;--inkt: #e9edf6;--inkt-2: #b4bccd;--inkt-3: #8d96a8;--vlak: #141a26;--accent: #7d9bff;color:#e9edf6}:root[data-toon=donker] .balk .knop{color:#e9edf6;border-color:#2b3446;background:color-mix(in srgb,#141a26 80%,transparent)}.balk__klok{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-klein);color:var(--inkt-2);min-height:44px;padding:0 var(--s-2) 0 0;border:0;background:none;cursor:pointer;font-family:var(--font-mono)}.balk__klok:hover{color:var(--inkt)}.balk__klok[aria-pressed=true]{color:var(--accent)}.balk__schaal{font-size:var(--t-meta);letter-spacing:.18em;text-transform:uppercase;color:var(--inkt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch;margin-right:auto;transition:opacity var(--gewoon)}@media(max-width:599px){.balk__schaal{display:none}.slot__rij{grid-template-columns:1fr auto;gap:var(--s-2) var(--s-3);padding:var(--s-3) 0}.slot__naam{grid-column:1;grid-row:1}.slot__aantal{grid-column:2;grid-row:1}.slot__loop{grid-column:1 / -1;grid-row:2}}.balk__schaal:empty{opacity:0}.balk__schaal:before{content:"·";margin-right:var(--s-2);opacity:.5}.balk__stip{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pols 2.4s ease-in-out infinite}.balk__knoppen{display:flex;align-items:center;gap:var(--s-2)}.balk .knop{padding:0 var(--s-3);white-space:nowrap}.balk__knoppen .knop--rond{padding:0}@media(max-width:420px){.balk{padding:0 var(--s-4);gap:var(--s-2)}.balk .knop{padding:0 var(--s-2);font-size:var(--t-meta)}.balk__klok{font-size:var(--t-meta)}}.paneel{width:100%;max-width:560px;max-height:88dvh;padding:0;margin:auto auto 0;border:0;border-radius:var(--r-3) var(--r-3) 0 0;background:var(--vlak);color:var(--inkt);box-shadow:var(--schaduw-op);overflow:hidden}.paneel::backdrop{background:var(--sluier, rgb(10 14 20 / .55));backdrop-filter:blur(2px)}.paneel[open]{animation:omhoog var(--gewoon) var(--veer)}@keyframes omhoog{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.paneel__binnen{max-height:88dvh;overflow-y:auto;padding:var(--s-5) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.paneel__kop{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.paneel__titel{font-size:var(--t-kop);letter-spacing:-.02em}.zoek__label{font-weight:600}.zoek__veld{width:100%;min-height:48px;padding:0 var(--s-4);border:1px solid var(--lijn-sterk);border-radius:var(--r-1);background:var(--bg);color:var(--inkt);font:inherit}.zoek__veld::placeholder{color:var(--inkt-3)}.zoek__veld:focus-visible{border-color:var(--accent)}.chips{margin-top:var(--s-4)}.zoek__telling{margin-top:var(--s-4);font-size:var(--t-meta);color:var(--inkt-3);text-transform:uppercase;letter-spacing:.1em}.zoek__lijst{margin-top:var(--s-2);display:grid;gap:2px}.zoek__treffer{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);width:100%;min-height:48px;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-1);background:transparent;color:var(--inkt);font:inherit;text-align:left;cursor:pointer}.zoek__treffer:hover,.zoek__treffer:focus-visible{background:var(--accent-zacht)}.zoek__treffer-titel{font-weight:550}.zoek__treffer-duur{flex:0 0 auto;font-size:var(--t-meta);color:var(--inkt-3)}.form{display:grid;gap:var(--s-5)}.form__inleiding{font-size:var(--t-klein);color:var(--inkt-2)}.form__slot{font-size:var(--t-meta);color:var(--inkt-3)}.veld{display:grid;gap:var(--s-2)}.veld label{font-size:var(--t-klein);font-weight:600}.veld input,.veld textarea{width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--lijn-sterk);border-radius:var(--r-1);background:var(--bg);color:var(--inkt);font:inherit;font-size:var(--t-tekst)}.veld input{min-height:48px}.veld textarea{resize:vertical;min-height:84px;line-height:1.5}.veld input:focus-visible,.veld textarea:focus-visible{border-color:var(--accent)}.veld [aria-invalid=true]{border-color:#c2341f}:root[data-theme=dark] .veld [aria-invalid=true]{border-color:#ff8b7a}.voorbeeld{font-size:var(--t-klein);color:var(--inkt-3)}.voorbeeld__naam{color:var(--accent)}.fout{font-size:var(--t-klein);color:#a82a17}:root[data-theme=dark] .fout{color:#ff9b8c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fout{color:#ff9b8c}}.klaar{display:grid;gap:var(--s-4)}.klaar__kop{font-weight:650;font-size:1.125rem}.klaar__tekst{margin:0;padding:var(--s-4);overflow-x:auto;border:1px solid var(--lijn);border-radius:var(--r-1);background:var(--bg);font-family:var(--font-mono);font-size:var(--t-klein);white-space:pre-wrap}.klaar__knoppen{display:flex;flex-wrap:wrap;gap:var(--s-3)}.melding-plek{position:fixed;left:0;right:0;z-index:50;bottom:calc(var(--balk-h) + env(safe-area-inset-bottom) + var(--s-3));display:flex;justify-content:center;pointer-events:none}.melding{max-width:calc(100% - 2 * var(--marge));padding:var(--s-3) var(--s-5);border-radius:999px;border:1px solid var(--lijn-sterk);background:var(--vlak);box-shadow:var(--schaduw-op);font-size:var(--t-klein);animation:melden var(--gewoon) var(--veer)}@keyframes melden{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stilte{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);padding:var(--marge);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(6px);text-align:center;animation:opdoemen var(--traag) var(--veer)}@keyframes opdoemen{0%{opacity:0}to{opacity:1}}.stilte__tekst{font-family:var(--font-display);font-size:var(--t-kop);letter-spacing:-.02em}:root[data-stil] *{animation-play-state:paused!important}.fout404{max-width:var(--inhoud);margin:0 auto;min-height:100dvh;padding:var(--s-8) var(--marge);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--s-4)}.fout404__label{font-size:var(--t-meta);letter-spacing:.2em;color:var(--inkt-3)}.fout404__kop{font-size:var(--t-kop);letter-spacing:-.02em;max-width:20ch}.fout404__tekst{max-width:46ch;color:var(--inkt-2)}.fout404 .knop{margin-top:var(--s-4)}@media(min-width:768px){.balk{top:0;bottom:auto;height:var(--balk-h);padding:0 var(--marge);border-top:0;border-bottom:1px solid var(--lijn)}.pagina{padding-top:var(--balk-h);padding-bottom:var(--s-9)}.groep__kop{top:var(--balk-h)}.melding-plek{bottom:var(--s-6)}.halte__kaart{padding:var(--s-5) var(--s-6)}.halte__tik{top:34px}.paneel{margin:auto;border-radius:var(--r-3);max-height:84dvh}.paneel__binnen{max-height:84dvh;padding:var(--s-6)}.paneel[open]{animation:opdoemen var(--gewoon) var(--veer)}}@media(min-width:1024px){:root{--as-links: 190px;--inhoud: 1120px}.groep__kop{width:calc(var(--as-links) - var(--s-5));padding:var(--s-5) var(--s-4) var(--s-3) 0;justify-content:flex-end;text-align:right;background:linear-gradient(var(--bg) 70%,transparent)}.groep__streep{display:none}.halte__kop{gap:var(--s-5)}.halte__tekst,.halte__verhouding{max-width:66ch}}@media(prefers-reduced-motion:reduce){.balk__stip,.klok__dubbelepunt,.halte--gemarkeerd .halte__kaart,.halte__verhouding,.melding,.paneel[open],.stilte{animation:none}.knop:active{transform:none}*{transition-duration:1ms!important}}.halte__sprong{position:absolute;left:0;top:-26px;width:var(--as-links);text-align:center;white-space:nowrap;font-size:var(--t-meta);color:var(--inkt-3);background:var(--bg);padding:2px 0}.proef{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--lijn)}.proef__uitslag{margin-top:var(--s-4);min-height:3.2em;font-size:var(--t-klein);color:var(--inkt-2)}.proef__uitslag b{color:var(--inkt);font-weight:600}.proef--sluiter{display:flex;align-items:flex-start;gap:var(--s-5);flex-wrap:wrap}.sluiter__toestel{display:flex;align-items:center;gap:var(--s-4)}.sluiter__poort{position:relative;width:116px;height:84px;overflow:hidden;border:2px solid var(--inkt-2);border-radius:var(--r-2);background:var(--bg-2)}.sluiter__strook{display:flex;width:800%;height:100%;animation:sluiter-strook calc(var(--tempo) * 8s / 24) steps(8) infinite}.sluiter__beeld{position:relative;width:12.5%;height:100%}.sluiter__stip{position:absolute;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--inkt-2)}.sluiter__luik{position:absolute;inset:0;background:#0b0d12;animation:sluiter-luik calc(var(--tempo) * 1s / 24) linear infinite}.sluiter__wiel{width:62px;height:62px;flex:none;animation:sluiter-draai calc(var(--tempo) * 1s / 24) linear infinite}.sluiter__rand{fill:none;stroke:var(--lijn-sterk);stroke-width:2}.sluiter__blad{fill:var(--accent-rand);stroke:var(--accent);stroke-width:1.5}.sluiter__as{fill:var(--lijn-sterk)}.sluiter__zij{flex:1 1 240px}.sluiter__tempo{display:flex;flex-wrap:wrap;gap:var(--s-2)}.sluiter__tempo .knop{padding:8px 12px;font-size:var(--t-klein)}@keyframes sluiter-strook{to{transform:translate(-100%)}}@keyframes sluiter-luik{0%,38%{opacity:1}42%,to{opacity:0}}@keyframes sluiter-draai{to{transform:rotate(1turn)}}.licht__baan{position:relative;height:92px;overflow:hidden;border:1px solid var(--lijn-sterk);border-radius:var(--r-1);background:var(--bg);touch-action:none;cursor:ew-resize}.licht__streep{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.licht__hint{position:absolute;left:var(--s-4);bottom:var(--s-2);font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--inkt-3)}.zonsverduistering{position:fixed;inset:0;z-index:30;pointer-events:none;background:#050912;opacity:0}:root[data-zon] .zonsverduistering{animation:zon-doven 499s linear forwards}@keyframes zon-doven{0%{opacity:0}25%{opacity:.039}50%{opacity:.155}75%{opacity:.349}to{opacity:.62}}.proef--slot{border-top:0;padding-top:0}.eerder{margin-top:var(--s-9);padding:var(--s-5) 0 var(--s-5) var(--as-links);border-top:1px solid var(--lijn)}.eerder__label{font-size:var(--t-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eerder__kop{margin-top:var(--s-2);font-size:var(--t-kop);letter-spacing:-.02em}.eerder__tekst{margin-top:var(--s-3);max-width:56ch;color:var(--inkt-2)}.eerder__stil{margin-top:var(--s-3);font-size:var(--t-meta);color:var(--inkt-3)}@media(prefers-reduced-motion:reduce){:root[data-zon] .zonsverduistering{opacity:0}}.strook{max-width:1560px;margin:clamp(var(--s-7),9svh,160px) auto clamp(var(--s-7),8svh,140px);padding:0 var(--marge)}.strook__kop{margin-bottom:var(--s-6)}.strook__label{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--inkt-3);margin-bottom:var(--s-2)}.strook__titel{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:650;letter-spacing:-.03em;color:var(--inkt);max-width:22ch;text-wrap:balance}.strook__banen{padding:0}.baan{display:grid;grid-template-columns:1fr;gap:1px;padding:var(--s-2) 0;--cat: var(--lijn-sterk)}.baan[data-categorie=lichaam]{--cat: var(--cat-lichaam)}.baan[data-categorie=natuur]{--cat: var(--cat-natuur)}.baan[data-categorie=techniek]{--cat: var(--cat-techniek)}.baan[data-categorie=mensenwerk]{--cat: var(--cat-mensenwerk)}.baan[data-categorie=heelal]{--cat: var(--cat-heelal)}.baan__maat{font-size:var(--t-klein);color:var(--cat);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baan__maat:after{content:" · ";color:var(--inkt-3)}.baan__spoor{position:relative;height:20px;border-bottom:1px solid var(--lijn)}.baan__loper{position:absolute;top:6px;left:0;width:8px;height:8px;border-radius:50%;background:var(--cat);animation:overdebaan calc(var(--duur) * 1s) linear infinite}.baan__loper--waas{top:8px;width:22%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cat),transparent)}@keyframes overdebaan{0%{transform:translate(0)}to{transform:translate(calc(100cqw - 8px))}}.baan__spoor{container-type:inline-size}.baan__naam{font-size:var(--t-klein);color:var(--inkt-2)}.baan__regel{display:flex;align-items:baseline;gap:4px;min-width:0}.baan__regel .baan__naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.baan{grid-template-columns:minmax(0,1fr) 24em;align-items:center;gap:var(--s-5);padding:var(--s-1) 0}.baan__regel{order:2;justify-content:flex-end;flex:0 0 20em;gap:var(--s-3)}.baan__spoor{order:1}.baan__maat:after{content:none}}.strook__slot{margin-top:var(--s-5);font-size:var(--t-klein);color:var(--inkt-3);max-width:62ch}.meter{display:block;width:calc(var(--ring) * var(--ring-groei, 1));height:calc(var(--ring) * var(--ring-groei, 1));color:var(--cat)}.meter svg{display:block;width:100%;height:100%;overflow:visible}.meter__spoor{fill:none;stroke:var(--lijn);stroke-width:calc(2 / var(--ring-groei, 1))}.meter__wijzer{transform-origin:20px 20px;animation:uurwerk calc(var(--duur) * 1s) linear infinite}.meter__wijzer line{stroke:currentColor;stroke-width:2}@keyframes uurwerk{to{transform:rotate(1turn)}}.meter__punt{fill:currentColor}.meter--snel{display:grid;place-items:center}.meter__flikker{width:68%;height:68%;border-radius:50%;background:currentColor;animation:flikker .16s steps(2,end) infinite}@keyframes flikker{0%,50%{opacity:1}51%,to{opacity:.15}}.halte:not([data-zicht]) .meter__wijzer,.halte:not([data-zicht]) .meter__flikker,.strook:not([data-zicht]) .baan__loper{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.meter__wijzer{animation:none}.meter__flikker{animation:none;opacity:.55}}:root[data-pauze] .scene,:root[data-pauze] .scene *,:root[data-pauze] .halte *,:root[data-pauze] .hero *,:root[data-pauze] .dino__knal *{animation-play-state:paused!important}.knop--tempo{gap:.35rem}.knop--tempo .mono{font-size:var(--t-meta);letter-spacing:.02em}.knop--tempo[data-pauze]{color:var(--accent);border-color:var(--accent-rand)}.paneel--tempo{max-width:30rem}.tempo__uitleg{margin:0 0 var(--s-3);font-size:var(--t-tekst);color:var(--inkt-2)}.tempo__rij{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-3)}.tempo__keuze{flex:1 0 4.2rem;min-height:44px;padding:0 var(--s-2);border:1px solid var(--lijn);border-radius:var(--r-2);background:var(--vlak);color:var(--inkt);font-size:var(--t-klein);cursor:pointer;transition:border-color var(--gewoon),background var(--gewoon)}.tempo__keuze:hover{border-color:var(--lijn-sterk)}.tempo__keuze[data-aan]{border-color:var(--accent);background:var(--accent);color:var(--accent-inkt)}.tempo__voet{margin:0;font-size:var(--t-meta);color:var(--inkt-3);line-height:1.5}@media(max-width:767px){.knop--tempo svg{display:none}}.veld__uitleg{margin:.35rem 0 0;font-size:var(--t-meta);line-height:1.5;color:var(--inkt-3)}.veld select{width:100%;min-height:44px;padding:0 var(--s-2);border:1px solid var(--lijn);border-radius:var(--r-2);background:var(--vlak);color:var(--inkt);font:inherit}.klaar__fijndruk{margin:var(--s-2) 0 0;font-size:var(--t-meta);color:var(--inkt-3);line-height:1.5}.beheer{max-width:52rem;margin:0 auto;padding:var(--s-6) var(--marge) calc(var(--balk-h) + var(--s-6));color:var(--inkt)}.beheer__kop h1{margin:0 0 var(--s-2);font-family:var(--font-display);font-size:var(--t-kop);font-weight:600}.beheer__uitleg{margin:0 0 var(--s-2);color:var(--inkt-2)}.beheer__waarschuwing{margin:0 0 var(--s-6);padding:var(--s-2) var(--s-3);border-inline-start:2px solid var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent);font-size:var(--t-klein);color:var(--inkt-2)}.beheer__lijst{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-4)}.beheer__rij{padding:var(--s-4);border:1px solid var(--lijn);border-radius:var(--r-3);background:var(--vlak)}.beheer__rij[data-status=approved]{border-color:color-mix(in oklab,var(--accent) 55%,transparent)}.beheer__rij[data-status=rejected]{opacity:.6}.beheer__hoofd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-3)}.beheer__fqdn{font-size:var(--t-halte);color:var(--accent)}.beheer__status{font-size:var(--t-klein);color:var(--inkt-3)}.beheer__gegevens{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s-2) var(--s-4);margin:0 0 var(--s-3)}.beheer__gegevens dt{font-size:var(--t-meta);color:var(--inkt-3)}.beheer__gegevens dd{margin:0;font-size:var(--t-klein)}.beheer__omschrijving{margin:0 0 var(--s-3)}.beheer__reden{margin:0 0 var(--s-3);font-size:var(--t-klein);color:var(--inkt-3)}.beheer__record{margin:0 0 var(--s-3);padding:var(--s-2);border-radius:var(--r-1);background:color-mix(in oklab,var(--inkt) 6%,transparent);font-size:var(--t-meta);color:var(--inkt-2)}.beheer__knoppen{display:flex;flex-wrap:wrap;gap:var(--s-2)}.beheer__afwijzen{display:grid;gap:var(--s-2)}.beheer__afwijzen label{font-size:var(--t-meta);color:var(--inkt-3)}.beheer__afwijzen input{min-height:44px;padding:0 var(--s-2);border:1px solid var(--lijn);border-radius:var(--r-2);background:var(--bg);color:var(--inkt);font:inherit}.beheer__log{margin-top:var(--s-6)}.beheer__log h2{margin:0 0 var(--s-2);font-size:var(--t-halte);font-weight:600}.beheer__log ol{margin:0;padding-inline-start:1.2rem;display:grid;gap:.35rem}.beheer__log li{font-size:var(--t-meta);color:var(--inkt-2)}.beheer__voet{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-6)}.beheer__poort{display:grid;justify-items:start;gap:var(--s-2);margin:var(--s-4) 0;padding:var(--s-4);border:1px solid var(--lijn);border-radius:var(--r-3);background:var(--vlak)}.beheer__uid{margin:0;padding:var(--s-2);border-radius:var(--r-1);background:color-mix(in oklab,var(--inkt) 8%,transparent);font-size:var(--t-klein);word-break:break-all;user-select:all}.knop--tekst{min-height:0;padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}.fout--breed{padding:var(--s-2) var(--s-3);border-inline-start:2px solid currentColor;border-radius:0 var(--r-1) var(--r-1) 0;background:color-mix(in oklab,currentColor 8%,transparent)}.beheer__poort label{font-size:var(--t-meta);color:var(--inkt-3)}.beheer__poort input{width:min(100%,22rem);min-height:44px;padding:0 var(--s-2);border:1px solid var(--lijn);border-radius:var(--r-2);background:var(--bg);color:var(--inkt);font:inherit}.stappen{display:flex;gap:var(--s-2);margin-bottom:var(--s-4);border-bottom:1px solid var(--lijn)}.stappen__knop{appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--inkt-2);font:inherit;font-size:var(--t-klein);padding:var(--s-2) var(--s-1) var(--s-2) 0;margin-inline-end:var(--s-3);cursor:pointer;display:flex;align-items:center;gap:var(--s-2);min-height:44px}.stappen__knop--aan{color:var(--inkt);border-bottom-color:var(--accent)}.stappen__nr{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:1px solid currentColor;font-family:var(--mono);font-size:.75rem}.stappen__knop--aan .stappen__nr{background:var(--accent);border-color:var(--accent);color:var(--vlak)}.uitleg{border:1px solid var(--lijn);border-radius:var(--r-2);padding:var(--s-3);background:color-mix(in oklab,var(--accent) 5%,transparent)}.uitleg__kop{margin:0 0 var(--s-2);font-weight:600;font-size:var(--t-klein)}.uitleg__stappen{margin:0;padding-inline-start:1.2rem;display:grid;gap:.3rem;font-size:var(--t-klein)}.uitleg__slot{margin:var(--s-2) 0 0;font-size:var(--t-klein);color:var(--inkt-2)}.records{border:0;padding:0;margin:0;display:grid;gap:var(--s-3)}.records legend{font-size:var(--t-klein);font-weight:600;padding:0}.records__rij{display:grid;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--lijn);border-radius:var(--r-2);position:relative}.records__uit{margin:0;font-size:var(--t-meta);color:var(--inkt-2);overflow-wrap:anywhere}.records__weg{position:absolute;inset-block-start:var(--s-2);inset-inline-end:var(--s-2)}@media(min-width:560px){.records__rij{grid-template-columns:6rem 1fr 2fr auto;align-items:end}.records__uit{grid-column:1 / -1}.records__weg{position:static}}.beheer__records{inline-size:100%;border-collapse:collapse;margin:var(--s-3) 0;font-size:var(--t-meta);display:block;overflow-x:auto}.beheer__records th,.beheer__records td{text-align:start;padding:.35rem .6rem .35rem 0;border-block-end:1px solid var(--lijn);white-space:nowrap}.beheer__records th{font-weight:600;color:var(--inkt-2)}.beheer__records .is-aangemaakt td{color:var(--inkt)}.beheer__records tr:not(.is-aangemaakt) td{color:var(--inkt-2)}.beheer__waarde{max-inline-size:28rem;overflow:hidden;text-overflow:ellipsis}.beheer__inzending{border:1px dashed var(--lijn-sterk);border-radius:var(--r-2);padding:var(--s-3);margin:var(--s-3) 0;display:grid;gap:var(--s-2)}.beheer__inzending-kop{margin:0;font-size:var(--t-klein);font-weight:600}.beheer__inzending ul{margin:0;padding-inline-start:1.1rem;font-size:var(--t-meta);display:grid;gap:.25rem}.beheer__wachten{margin:var(--s-3) 0;padding:var(--s-3);border-inline-start:3px solid var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent);font-size:var(--t-klein);border-radius:0 var(--r-2) var(--r-2) 0}.scene:before{content:"";position:absolute;inset:0;max-width:var(--as-breed);margin-inline:auto;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:calc(var(--marge) + var(--as-links) / 2) 0;background-size:1px 100%;background-image:linear-gradient(to bottom,color-mix(in oklab,var(--scene-inkt) 58%,transparent) 0,color-mix(in oklab,var(--scene-inkt) 12%,transparent) 16% 84%,color-mix(in oklab,var(--scene-inkt) 58%,transparent))}.scene:not(.scene--zon):not(.scene--hero){content-visibility:auto;contain-intrinsic-size:auto 100svh}.scene{--scene-zacht: var(--scene-inkt-2, #8d8d95);position:relative;scroll-margin-top:var(--balk-h);isolation:isolate;overflow:clip;color:var(--scene-inkt);background:var(--scene-bg)}.scene--hero{--scene-bg: radial-gradient(120% 90% at 72% 42%, #23252b 0%, #131519 42%, #0a0b0e 100%);--scene-inkt: #f2ede4;--scene-inkt-2: #a8a49c;--staal-1: #7e8189;--staal-2: #c9ccd2;--staal-3: #4a4d55;--staal-rand: #2b2d33;--plaat-1: #2b2f36;--plaat-2: #191c22;--plaat-3: #0e1014;--plaat-lijn: rgba(255, 255, 255, .14);--plaat-tekst: rgba(238, 234, 226, .55);--uw-index-licht: #e8e4da;--uw-index-donker: #8f8b82;--uw-wijzer-licht: #f3efe6;--uw-wijzer-donker: #9b978e;--uw-seconde: #d98b3a;--uw-oog: #14161a;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:max(var(--s-7),6svh) var(--s-5) var(--s-5)}:root[data-theme=light] .scene--hero,:root:not([data-theme=dark]) .scene--hero{--scene-bg: radial-gradient(120% 90% at 70% 38%, #f4f1ea 0%, #e6e2d9 46%, #d3cec4 100%);--scene-inkt: #16171a;--scene-inkt-2: #5f5c56;--staal-1: #9a9da4;--staal-2: #f0f1f4;--staal-3: #64676e;--staal-rand: #8a8d94;--plaat-1: #fdfbf6;--plaat-2: #f1ece1;--plaat-3: #dcd5c7;--plaat-lijn: rgba(20, 22, 26, .16);--plaat-tekst: rgba(28, 30, 34, .5);--uw-index-licht: #ffffff;--uw-index-donker: #9b9689;--uw-wijzer-licht: #55585e;--uw-wijzer-donker: #1d1f24;--uw-seconde: #b4531f;--uw-oog: #f4f1ea}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .scene--hero{color-scheme:light}}.hero__licht{position:absolute;inset:-20% -10% auto auto;width:min(90vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d98b3a2e,#d98b3a00 62%);z-index:-1;pointer-events:none}.hero__woord{position:relative;z-index:3;max-width:min(92vw,620px);align-self:start;container-type:inline-size}.hero__merk{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--scene-inkt-2);margin-bottom:var(--s-4)}.hero__titel{font-family:var(--font-display);font-size:clamp(2.75rem,17cqw,13rem);width:max-content;max-width:100%;font-weight:700;line-height:.86;letter-spacing:-.045em;margin:0;background:linear-gradient(180deg,var(--scene-inkt) 30%,color-mix(in oklab,var(--scene-inkt) 62%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin-top:var(--s-5);max-width:42ch;font-size:clamp(1.0625rem,2.6cqw,1.6rem);line-height:1.5;color:var(--scene-inkt-2)}.hero__sessie{margin-top:var(--s-6);display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4) 0 var(--s-3);border:1px solid color-mix(in oklab,var(--scene-inkt) 22%,transparent);border-radius:999px;background:color-mix(in oklab,var(--scene-inkt) 6%,transparent);color:var(--scene-inkt-2);font-size:var(--t-klein);cursor:pointer}.hero__sessie:hover{color:var(--scene-inkt);border-color:color-mix(in oklab,var(--scene-inkt) 40%,transparent)}.hero__sessie b{color:var(--scene-inkt);font-size:var(--t-klein)}.hero__sessie-teken{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in oklab,var(--scene-inkt) 14%,transparent)}.hero__verder:before{content:"";display:block;width:1px;height:clamp(56px,13svh,150px);margin:0 auto var(--s-3);background:linear-gradient(to bottom,transparent,color-mix(in oklab,var(--scene-inkt) 45%,transparent))}.hero__verder{justify-self:center;align-self:end;font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.22em;text-transform:uppercase;color:var(--scene-inkt-2);padding-bottom:var(--s-2);animation:hero-wenk 3.2s ease-in-out infinite}@keyframes hero-wenk{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(4px)}}.hero__uurwerk{position:absolute;--uw: min(132vw, 84svh);left:57%;top:calc(71svh - .5 * var(--uw));transform:translate(-50%);z-index:1}@media(min-width:900px){.scene--hero{padding:var(--s-8) var(--s-9);align-content:center}.hero__woord{align-self:center;max-width:min(46vw,1150px)}.hero__uurwerk{--uw: min(107svh, 69vw, 1560px);left:82vw;right:auto;top:50%;transform:translate(-50%,-50%)}.hero__sessie,.hero__sessie b{font-size:1.0625rem}.hero__verder{justify-self:start}}.uurwerk{position:relative;width:var(--uw)}.uurwerk__foto{display:block;width:100%;height:auto}:root[data-theme=light] .uurwerk__foto,:root:not([data-theme=dark]) .uurwerk__foto{-webkit-mask-image:none;mask-image:none;border-radius:14px;box-shadow:0 30px 70px -30px #1812088c,0 2px #ffffff80,inset 0 0 0 1px #ffffff0f}.uurwerk__wijzers{position:absolute;inset-inline-start:50%;inset-block-start:50%;width:34.63%;aspect-ratio:1;translate:-50% -50%;overflow:visible}.uurwerk__wijzer{transform-box:view-box;transform-origin:200px 200px;animation-name:uurwerk;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 0 calc(var(--uw) * .006) rgba(0,0,0,.55))}.uurwerk__wijzer--uur{animation-duration:43200s;animation-delay:var(--uur-begin, 0s)}.uurwerk__wijzer--minuut{animation-duration:3600s;animation-delay:var(--minuut-begin, 0s)}.uurwerk__wijzer--seconde{animation-duration:60s;animation-delay:var(--seconde-begin, 0s);animation-timing-function:steps(480,end);fill:#2a2620;transform-origin:200px 284px}.uurwerk__glans{fill:color-mix(in oklab,var(--uw-wijzer-licht) 65%,transparent)}.uurwerk__oog{fill:var(--uw-oog)}.uurwerk__glas{position:absolute;inset-inline-start:50%;inset-block-start:50%;width:34.63%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;overflow:hidden;pointer-events:none;background:radial-gradient(85% 65% at 26% 14%,rgba(255,255,255,.26),rgba(255,255,255,.05) 46%,transparent 66%),radial-gradient(60% 50% at 78% 88%,rgba(255,255,255,.08),transparent 60%);z-index:2}.uurwerk__streep{position:absolute;top:-30%;left:-40%;width:60%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16) 45%,rgba(255,255,255,.24) 52%,transparent);transform:rotate(18deg);animation:uurwerk-glans 90s linear infinite}@keyframes uurwerk-glans{0%{transform:rotate(18deg) translate(0)}to{transform:rotate(18deg) translate(320%)}}:root[data-stil] .uurwerk__wijzer,:root[data-stil] .uurwerk__streep{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.uurwerk__wijzer,.uurwerk__streep,.hero__verder{animation:none}.uurwerk__wijzer--uur{transform:rotate(calc(var(--uur-stand, 0) * 1turn))}.uurwerk__wijzer--minuut{transform:rotate(calc(var(--minuut-stand, 0) * 1turn))}.uurwerk__wijzer--seconde{transform:rotate(calc(var(--seconde-stand, 0) * 1turn))}}.scene--reactie{--scene-bg: #0a0c10;--scene-inkt: #edf0f6;--scene-inkt-2: #7f8694;--weg-lijn: rgba(237, 240, 246, .22);--auto-lak: #cfd6e2;--auto-lak-op: #eef2f8;--auto-lak-onder: #8d97a8;--auto-ruit: #2b3444;--auto-band: #14171d;--sein: #f2b23c;position:relative;min-height:100svh;padding:var(--s-8) var(--s-5) calc(var(--balk-h) + var(--s-7))}.scene--reactie[data-stand=nu]{--scene-bg: #f7e4b8;--scene-inkt: #14161a;--scene-inkt-2: #4a4a44;--weg-lijn: rgba(20, 22, 26, .28)}.scene--reactie[data-stand=tevroeg]{--scene-bg: #241318;--scene-inkt: #ffd8cf}:root[data-theme=light] .scene--reactie,:root:not([data-theme=dark]) .scene--reactie{--scene-bg: #e9e7e1;--scene-inkt: #14161a;--scene-inkt-2: #63625d;--weg-lijn: rgba(20, 22, 26, .24);--auto-lak: #2c333f;--auto-lak-op: #4a5464;--auto-lak-onder: #171c24;--auto-ruit: #aab3c2;--auto-band: #0e1116}:root[data-theme=light] .scene--reactie[data-stand=nu],:root:not([data-theme=dark]) .scene--reactie[data-stand=nu]{--scene-bg: #0c0e12;--scene-inkt: #f8efd8;--scene-inkt-2: #9a978c;--weg-lijn: rgba(248, 239, 216, .24)}.reactie__vlak{position:absolute;inset:0;display:grid;place-items:center;appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;z-index:1}.reactie__woord{font-family:var(--font-display);font-size:clamp(1.5rem,4.5vw,2.75rem);font-weight:600;letter-spacing:-.02em;color:var(--scene-inkt-2);text-align:center;padding:0 var(--s-5)}.scene--reactie[data-stand=nu] .reactie__woord{font-size:clamp(5rem,24vw,17rem);font-weight:700;letter-spacing:-.06em;line-height:.8;color:var(--scene-inkt)}.scene--reactie[data-stand=tevroeg] .reactie__woord{color:var(--scene-inkt)}.reactie__kop{position:absolute;left:var(--s-5);top:calc(var(--balk-h) + var(--s-5));z-index:2;pointer-events:none}.reactie__duur{font-size:var(--t-meta);letter-spacing:.22em;text-transform:uppercase;color:var(--scene-inkt-2)}.reactie__titel{margin-top:var(--s-1);font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:600;letter-spacing:-.02em;color:var(--scene-inkt)}.reactie__uitslag{position:absolute;left:var(--s-5);right:var(--s-5);top:clamp(18svh,24svh,30svh);z-index:2;pointer-events:none}.reactie__getal{font-size:clamp(4.5rem,15vw,11rem);line-height:.82;letter-spacing:-.06em;color:var(--scene-inkt);animation:reactie-op .42s var(--veer) both}.reactie__eenheid{font-size:.22em;letter-spacing:.06em;margin-left:.3em;color:var(--scene-inkt-2)}.reactie__duiding{margin-top:var(--s-4);max-width:44ch;color:var(--scene-inkt-2);animation:reactie-op .42s .12s var(--veer) both}@keyframes reactie-op{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:1000px){.reactie__uitslag{display:grid;grid-template-columns:auto minmax(0,38ch);justify-content:start;gap:0 var(--s-8);align-items:end;top:clamp(14svh,20svh,26svh)}.reactie__getal{font-size:clamp(7rem,13vw,15rem)}.reactie__duiding{margin:0 0 .6em;max-width:none;font-size:1.25rem;line-height:1.55}}.scene--reactie[data-stand=gemeten] .reactie__vlak{align-content:end;justify-content:end;align-items:end;justify-items:end}.scene--reactie[data-stand=gemeten] .reactie__woord{margin:0 var(--s-5) calc(var(--balk-h) + var(--s-4)) 0;font-size:var(--t-klein);letter-spacing:.02em;padding:var(--s-3) var(--s-5);border:1px solid color-mix(in oklab,var(--scene-inkt) 26%,transparent);border-radius:999px}.reactie__weg{position:absolute;--lat: 10;left:0;right:0;bottom:26svh;height:clamp(120px,22svh,220px);container-type:inline-size;padding:0 var(--s-5);z-index:2;pointer-events:none}.reactie__lat{position:absolute;left:var(--s-5);right:var(--s-5);bottom:0;height:34px;border-top:1px solid var(--weg-lijn)}.reactie__streep{position:absolute;top:0;left:calc(var(--i) / var(--lat) * 100%);width:1px;height:7px;background:var(--weg-lijn)}.reactie__streep b{position:absolute;top:11px;left:0;font-size:var(--t-meta);font-weight:400;color:var(--scene-inkt-2);white-space:nowrap}.reactie__span{position:absolute;left:var(--s-5);bottom:32px;height:3px;width:calc(100cqw * var(--meter) / var(--lat));background:var(--sein);border-radius:2px;transform:scaleX(0);transform-origin:left center}.reactie__weg[data-rijdt] .reactie__span{transform:scaleX(1);transition:transform var(--rol) cubic-bezier(.22,.61,.24,1)}.reactie__auto{position:absolute;left:var(--s-5);bottom:33px;width:calc(100cqw * 4.4 / var(--lat));transform:translate(-100%);opacity:0}.reactie__auto svg{display:block;width:100%;height:auto}.reactie__weg[data-rijdt] .reactie__auto{opacity:1;transform:translate(calc(100cqw * var(--meter) / var(--lat) - 100%));transition:transform var(--rol) cubic-bezier(.22,.61,.24,1),opacity .16s linear}.reactie__weg[data-rijdt] .auto__wiel{animation:auto-wiel var(--rol) cubic-bezier(.22,.61,.24,1) both}@keyframes auto-wiel{to{transform:rotate(calc(var(--wielen, 3) * 1turn))}}.auto__ruit{fill:var(--auto-ruit)}.auto__naad,.auto__lip,.auto__dorpel{stroke:color-mix(in oklab,var(--auto-lak-onder) 75%,transparent);stroke-width:1.2;stroke-linecap:round;fill:none}.auto__lip{stroke-width:2}.auto__dorpel{stroke-width:3;opacity:.55}.auto__licht{fill:color-mix(in oklab,var(--sein) 70%,var(--auto-lak-op))}.auto__licht--achter{fill:#c0392b}.auto__wiel{transform-origin:var(--x) 55px;transform-box:view-box}.auto__band{fill:var(--auto-band)}.auto__velg{fill:color-mix(in oklab,var(--auto-lak) 55%,var(--auto-band))}.auto__naaf{fill:color-mix(in oklab,var(--auto-lak) 20%,var(--auto-band))}.auto__spaak{stroke:color-mix(in oklab,var(--auto-band) 55%,var(--auto-lak));stroke-width:1.6;fill:none}.reactie__maat{position:absolute;left:var(--s-5);bottom:calc(33px + (100cqw * 4.4 / var(--lat)) * .364 + 10px);opacity:0}.reactie__maat span{display:block;transform:translate(-100%);padding-right:8px;font-size:var(--t-klein);color:var(--scene-inkt);white-space:nowrap}.reactie__weg[data-rijdt] .reactie__maat{opacity:1;transform:translate(calc(100cqw * var(--meter) / var(--lat)));transition:transform var(--rol) cubic-bezier(.22,.61,.24,1),opacity .16s linear}.reactie__voet{position:absolute;left:var(--s-5);bottom:var(--s-5);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--scene-inkt-2);z-index:2;pointer-events:none}@media(min-width:900px){.scene--reactie{padding:var(--s-9) var(--s-9) var(--s-9)}.reactie__weg{--lat: 11;bottom:clamp(96px,15svh,200px);padding:0 var(--s-9)}.reactie__lat{left:var(--s-9);right:var(--s-9)}.reactie__auto,.reactie__span,.reactie__maat,.reactie__kop{left:var(--s-9)}.scene--reactie[data-stand=gemeten] .reactie__vlak{place-items:center end}.scene--reactie[data-stand=gemeten] .reactie__woord{margin:0 var(--s-9) 0 0}.reactie__voet{left:var(--s-9);bottom:var(--s-6)}}@media(prefers-reduced-motion:reduce){.reactie__weg[data-rijdt] .reactie__auto{transition:none}.reactie__weg[data-rijdt] .auto__wiel,.reactie__getal,.reactie__duiding{animation:none}}.scene--espresso{--scene-bg: radial-gradient(120% 100% at 28% 18%, #35211a 0%, #1a100c 45%, #090605 100%);--scene-inkt: #f4e9dc;--scene-inkt-2: #b09a86;--kop-licht: #fdfaf5;--kop-vlak: #ece2d5;--kop-schaduw: #b8a894;--kop-weerkaats: #d8b48a;--kop-schotel: #cdbda9;--kop-slag: rgba(0, 0, 0, .5);--kop-slag-hard: rgba(0, 0, 0, .55);--kop-binnenslag: rgba(0, 0, 0, .4);--kop-binnen: #9b8672;--kop-binnen-diep: #4e4034;--kop-binnen-schaduw: #241c15;position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;gap:var(--s-5);align-items:center;padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5))}:root[data-theme=light] .scene--espresso,:root:not([data-theme=dark]) .scene--espresso{--scene-bg: radial-gradient(120% 100% at 26% 14%, #fbf4e9 0%, #efe2d0 48%, #d8c6b0 100%);--scene-inkt: #241812;--scene-inkt-2: #6d5644;--kop-licht: #ffffff;--kop-vlak: #f6efe5;--kop-schaduw: #cdbca8;--kop-weerkaats: #e6c49c;--kop-schotel: #ebe0d2;--kop-slag: rgba(78, 52, 32, .3);--kop-slag-hard: rgba(78, 52, 32, .34);--kop-binnenslag: rgba(60, 40, 24, .3);--kop-binnen: #cbb69e;--kop-binnen-diep: #7d6850;--kop-binnen-schaduw: #4a3b2b}.scene--espresso:after{content:"";position:absolute;left:0;right:0;top:27%;max-width:var(--as-breed);margin-inline:auto;height:1px;z-index:0;pointer-events:none;background:linear-gradient(to right,transparent calc(var(--marge) + var(--as-links) / 2 - 1px),color-mix(in oklab,var(--scene-inkt) 42%,transparent) calc(var(--marge) + var(--as-links) / 2),color-mix(in oklab,#e0a45c 55%,transparent) 26%,transparent 38%)}.espresso__licht{position:absolute;inset:-15% auto auto -10%;width:min(80vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e2a04a3d,#e2a04a00 62%);z-index:0;pointer-events:none}.espresso__toneel{position:relative;z-index:1;display:grid;place-items:center;min-height:0}.espresso__doos{position:relative;width:min(88vw,62svh);aspect-ratio:1}.espresso__doos:before{content:"";position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(closest-side,#08070b,#08070b 56%,#08070b00);pointer-events:none}.espresso__film{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(64% 64% at 50% 46%,#000 54%,transparent 100%);mask-image:radial-gradient(64% 64% at 50% 46%,#000 54%,transparent 100%)}:root[data-stil] .scene--espresso *{animation-play-state:paused}.espresso__woord{position:relative;z-index:1;max-width:46ch}.espresso__duur{font-size:var(--t-meta);letter-spacing:.22em;text-transform:uppercase;color:var(--scene-inkt-2)}.espresso__titel{margin-top:var(--s-2);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;letter-spacing:-.03em;color:var(--scene-inkt)}.espresso__tekst{margin-top:var(--s-3);font-size:clamp(1.0625rem,.95vw,1.375rem);line-height:1.55;color:var(--scene-inkt-2)}.espresso__balk{margin-top:var(--s-5);height:2px;background:color-mix(in oklab,var(--scene-inkt) 18%,transparent);overflow:hidden}.espresso__balk span{display:block;height:100%;background:#d99a4a;transform:scaleX(var(--voort, 0));transform-origin:left center}.espresso__knop{margin-top:var(--s-4);min-height:44px;padding:0 var(--s-5);border:1px solid color-mix(in oklab,var(--scene-inkt) 26%,transparent);border-radius:999px;background:none;color:var(--scene-inkt);font:inherit;font-size:var(--t-klein);cursor:pointer}.espresso__knop:hover{border-color:#d99a4a;color:#f0b768}.espresso__herkomst{margin-top:var(--s-3);font-size:var(--t-meta);color:color-mix(in oklab,var(--scene-inkt-2) 80%,transparent)}@media(min-width:900px){.scene--espresso{grid-template-rows:none;grid-template-columns:1.1fr .9fr;gap:var(--s-9);padding:var(--s-8) var(--s-9)}.espresso__doos{width:min(46vw,88svh)}.espresso__woord{max-width:40ch}.espresso__knop{font-size:1.0625rem}}.scene[data-gemarkeerd]{animation:scene-aandacht 2.2s ease-out}@keyframes scene-aandacht{0%{box-shadow:inset 0 0 0 3px var(--accent)}to{box-shadow:inset 0 0 0 3px transparent}}@media(prefers-reduced-motion:reduce){.scene[data-gemarkeerd]{animation:none;box-shadow:inset 0 0 0 3px var(--accent)}}.scene--zon{--scene-bg: radial-gradient(120% 90% at 50% 0%, #2a1405 0%, #0d0a12 42%, #05060a 100%);--scene-inkt: #f0ecf6;--scene-inkt-2: #8e8ba0;--zonbol: min(170vw, 66svh);height:380svh;view-timeline-name:--zonbaan;view-timeline-axis:block}:root[data-theme=light] .scene--zon,:root:not([data-theme=dark]) .scene--zon{--scene-bg: radial-gradient(120% 90% at 50% 0%, #2a1405 0%, #0d0a12 42%, #05060a 100%);--scene-inkt: #f0ecf6;--scene-inkt-2: #8e8ba0}.zon__toneel{position:sticky;top:0;height:100svh;overflow:clip}.scene--zon:before{inset:0 0 auto;height:24svh;background-image:linear-gradient(to bottom,color-mix(in oklab,var(--scene-inkt) 24%,transparent),color-mix(in oklab,#ffbe6e 75%,transparent))}.scene--zon:after{content:"";position:absolute;inset:auto 0 0;max-width:var(--as-breed);margin-inline:auto;height:clamp(56px,12svh,160px);z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:calc(var(--marge) + var(--as-links) / 2) 0;background-size:1px 100%;background-image:linear-gradient(to top,color-mix(in oklab,var(--scene-inkt) 58%,transparent),transparent)}.zon__ruimte{position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 18% 22%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 72% 14%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.6px 1.6px at 84% 62%,rgba(255,255,255,.65),transparent 60%),radial-gradient(1px 1px at 46% 78%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1.2px 1.2px at 62% 40%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1px 1px at 32% 58%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1.8px 1.8px at 92% 30%,rgba(255,255,255,.5),transparent 60%)}.zon__ster{position:absolute;top:calc(-.62 * var(--zonbol));left:50%;width:var(--zonbol);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 46% 64%,#fff8e6,#ffdf95,#ffb043 52%,#f07a15,#a63a05 92%,#6d2402);box-shadow:0 0 clamp(60px,12vw,180px) clamp(20px,4vw,60px) #ff9e3052,0 0 clamp(200px,40vw,620px) clamp(60px,14vw,220px) #ff7a1424;animation:zon-adem 14s ease-in-out infinite;transition:filter 2.4s ease-in,opacity 2.4s ease-in}:root[data-zon] .zon__ster{filter:brightness(.12) saturate(.5);opacity:.5}:root[data-zon] .zon__ster:after{opacity:.2}.zon__ster:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 46% 64%,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 7px),radial-gradient(circle at 46% 64%,transparent 55%,rgba(120,45,0,.28) 88%,rgba(80,25,0,.5) 100%);mix-blend-mode:overlay}@keyframes zon-adem{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.zon__baan{position:absolute;left:var(--s-6);top:28%;bottom:24%;width:2px}.zon__lijn{position:absolute;inset:0;background:linear-gradient(180deg,#ffbe6e80,#ffbe6e1f 60%,#ffbe6e0d)}.zon__streep{position:absolute;top:calc(var(--m) / 8.32 * 100%);left:-5px;width:14px;height:1px;background:#ffd29673}.zon__streep b{position:absolute;left:18px;top:50%;translate:0 -50%;font-size:var(--t-meta);font-weight:400;white-space:nowrap;color:var(--scene-inkt-2)}.zon__wenk{position:absolute;top:calc(var(--balk-h) + var(--s-5));left:50%;translate:-50% 0;z-index:3;display:flex;align-items:center;gap:var(--s-2);margin:0;padding:var(--s-2) var(--s-4);border:1px solid rgba(255,214,150,.3);border-radius:999px;background:#0e090699;font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.12em;text-transform:uppercase;color:#ffe4b6eb;white-space:nowrap}.zon__wenk svg{animation:zon-wenk 2.4s ease-in-out infinite}@keyframes zon-wenk{0%,to{transform:translateY(-2px);opacity:.5}50%{transform:translateY(2px);opacity:1}}@supports (animation-timeline: view()){.zon__wenk{animation:zon-wenk-weg linear both;animation-timeline:--zonbaan;animation-range:contain 0% contain 22%}@keyframes zon-wenk-weg{0%{opacity:1}to{opacity:0}}}@supports not (animation-timeline: view()){.zon__wenk{opacity:calc(1 - var(--reis, 0) * 4.5)}}.zon__foton{position:absolute;left:0;top:0;width:2px;height:100%;transform:translateY(100%)}.zon__kop{position:absolute;left:50%;top:-9px;width:18px;height:18px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,#fff,#fff2d2 45%,#ffc46a);box-shadow:0 0 22px 7px #ffd68ce6,0 0 64px 22px #ffaa3c73,0 0 140px 50px #ff8c1e2e}.zon__label{position:absolute;left:50%;top:26px;translate:-50% 0;white-space:nowrap;font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:#ffe2b2d9}.zon__staart{position:absolute;left:50%;top:0;width:2px;height:clamp(60px,12svh,180px);translate:-50% -100%;background:linear-gradient(180deg,#ffc87800,#ffd696bf)}@supports not (animation-timeline: view()){.zon__foton{transform:translateY(calc(var(--reis, 0) * 100%))}}@supports (animation-timeline: view()){.zon__foton{transform:translateY(0);animation:zon-reis-omlaag linear both;animation-timeline:--zonbaan;animation-range:contain 0% contain 100%}@keyframes zon-reis-omlaag{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes zon-reis-opzij{0%{transform:translate(0)}to{transform:translate(100%)}}}.zon__paal{position:absolute;top:calc(var(--f) * 100%);left:50%;width:34px;height:34px;translate:-50% -50%;padding:0;border:0;background:none;cursor:pointer;opacity:.5;transition:opacity var(--gewoon)}.zon__paal:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;translate:-50% -50%;border-radius:2px;background:#ffd696bf}.zon__paal:after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(255,214,150,.75);opacity:0;transform:scale(.7);transition:opacity var(--gewoon),transform var(--gewoon) var(--veer)}.zon__paal:hover,.zon__paal:focus-visible{opacity:1}.zon__paal:hover:after,.zon__paal:focus-visible:after{opacity:1;transform:scale(1)}.zon__verhaal{position:absolute;left:var(--s-5);right:var(--s-5);top:calc(var(--balk-h) + var(--s-6));display:grid;z-index:3;pointer-events:none}.zon__mijlpaal{grid-area:1 / 1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3);align-items:baseline;max-width:46ch;margin:0;opacity:0}.zon__mijlpaal{padding:var(--s-2) var(--s-3);border-radius:var(--r-1);background:#08060c8c}.zon__mijlpaal b{font-size:var(--t-meta);letter-spacing:.08em;color:#ffe2b2e6}.zon__mijlpaal span{font-size:var(--t-klein);color:var(--scene-inkt);text-wrap:pretty}@supports (animation-timeline: view()){.zon__paal,.zon__mijlpaal{animation:zon-paal linear both;animation-timeline:--zonbaan;animation-range:contain var(--van) contain var(--tot)}@keyframes zon-paal{0%{opacity:0}18%{opacity:1}76%{opacity:1}to{opacity:0}}.zon__paal{animation-name:zon-notch}@keyframes zon-notch{0%{opacity:.35}18%{opacity:1}76%{opacity:1}to{opacity:.35}}}@supports not (animation-timeline: view()){.zon__mijlpaal{opacity:calc(clamp(0,(var(--reis, 0) - var(--van-n)) * 20,1)*clamp(0,(var(--tot-n) - var(--reis, 0)) * 20,1))}.zon__paal{opacity:calc(.35 + .65*clamp(0,(var(--reis, 0) - var(--van-n)) * 20,1)*clamp(0,(var(--tot-n) - var(--reis, 0)) * 20,1))}}.zon__inslag{position:absolute;inset:-260%;border-radius:50%;background:radial-gradient(circle,#bee1ffb3,#78b4ff00 62%);opacity:0;pointer-events:none}@supports (animation-timeline: view()){.zon__inslag{animation:zon-aankomst linear both;animation-timeline:--zonbaan;animation-range:contain 90% contain 100%}@keyframes zon-aankomst{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.zon__label{animation:zon-label-weg linear both;animation-timeline:--zonbaan;animation-range:contain 84% contain 94%}@keyframes zon-label-weg{0%{opacity:1}to{opacity:0}}}@supports not (animation-timeline: view()){.zon__inslag{opacity:clamp(0,(var(--reis, 0) - .9) * 10,1)}.zon__label{opacity:clamp(0,(.94 - var(--reis, 0)) * 10,1)}}.zon__aarde{position:absolute;left:50%;top:100%;width:calc(var(--zonbol) / 109);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 34% 32%,#9fd4ff,#3f86c8 42%,#1d4f86 72%,#0a2c50);box-shadow:0 0 10px 2px #78beff80}.zon__dampkring{position:absolute;inset:-30%;border-radius:50%;box-shadow:inset 0 0 6px 2px #96cdff59}.zon__aarde b{position:absolute;left:50%;top:calc(100% + 8px);translate:-50% 0;font-size:var(--t-meta);font-weight:400;color:var(--scene-inkt-2);white-space:nowrap}.zon__floers{position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(to top,rgba(4,5,9,.94) 26%,rgba(4,5,9,.75) 52%,transparent 100%);z-index:1}.zon__woord{position:absolute;left:calc(var(--s-6) + var(--s-7));right:var(--s-5);bottom:calc(var(--balk-h) + var(--s-5));z-index:2}.zon__duur{font-size:var(--t-meta);letter-spacing:.22em;text-transform:uppercase;color:var(--scene-inkt-2)}.zon__titel{margin-top:var(--s-2);font-family:var(--font-display);font-size:clamp(1.7rem,5vw,3.2rem);font-weight:700;line-height:.98;letter-spacing:-.035em;color:var(--scene-inkt)}.zon__tekst{margin-top:var(--s-3);color:var(--scene-inkt-2)}.zon__schaal{margin-top:var(--s-3);font-size:var(--t-klein);color:color-mix(in oklab,var(--scene-inkt-2) 85%,transparent)}.zon__knop{margin-top:var(--s-5);min-height:44px;padding:0 var(--s-5);border:1px solid rgba(255,190,110,.4);border-radius:999px;background:none;color:#ffd79a;font:inherit;font-size:var(--t-klein);cursor:pointer}.zon__knop:hover{border-color:#ffcf8a;color:#fff0d4}.zon__melding{margin-top:var(--s-3);font-size:var(--t-klein);color:var(--scene-inkt-2);max-width:42ch}.zon__herkomst{margin-top:var(--s-4);font-size:var(--t-meta);color:color-mix(in oklab,var(--scene-inkt-2) 85%,transparent)}@media(min-width:900px){.scene--zon{--zonbol: min(120vw, 165svh);--scene-bg: radial-gradient(120% 90% at 8% 50%, #2a1405 0%, #0d0a12 40%, #05060a 100%)}:root[data-theme=light] .scene--zon,:root:not([data-theme=dark]) .scene--zon{--scene-bg: radial-gradient(120% 90% at 8% 50%, #2a1405 0%, #0d0a12 40%, #05060a 100%)}.zon__ster{top:50%;left:calc(-.7 * var(--zonbol));translate:0 -50%;background:radial-gradient(circle at 64% 46%,#fff8e6,#ffdf95,#ffb043 52%,#f07a15,#a63a05 92%,#6d2402)}.zon__ster:after{background:repeating-radial-gradient(circle at 62% 44%,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 7px),radial-gradient(circle at 64% 46%,transparent 55%,rgba(120,45,0,.28) 88%,rgba(80,25,0,.5) 100%)}.zon__baan{left:0;right:clamp(24px,6vw,96px);top:24%;bottom:auto;width:auto;height:2px}.zon__lijn{background:linear-gradient(90deg,#ffbe6e80,#ffbe6e1f 60%,#ffbe6e0d)}.zon__streep{top:-5px;left:calc(var(--m) / 8.32 * 100%);width:1px;height:12px}.zon__streep b{top:16px;left:50%;translate:-50% 0}.zon__foton{top:50%;left:0;width:100%;height:3px;translate:0 -50%;transform:translate(100%)}.zon__kop{left:-9px;top:50%;translate:0 -50%}.zon__label{left:-4px;top:40px;translate:0 0}.zon__staart{left:0;top:50%;width:clamp(80px,14vw,220px);height:2px;translate:-100% -50%;background:linear-gradient(90deg,#ffc87800,#ffd696bf)}@supports not (animation-timeline: view()){.zon__foton{transform:translate(calc(var(--reis, 0) * 100%))}}@supports (animation-timeline: view()){.zon__foton{transform:translate(0);animation-name:zon-reis-opzij}}.zon__paal{top:50%;left:calc(var(--f) * 100%);width:34px;height:34px}.zon__paal:before{width:2px;height:14px}.zon__verhaal{top:auto;bottom:12%;left:var(--s-9);right:46%}.zon__mijlpaal{padding:0;background:none}.zon__aarde{left:auto;right:0;top:50%;translate:50% -50%}.zon__aarde b{left:50%;top:calc(100% + 10px);translate:-50% 0}.zon__floers{height:52%}.zon__woord{left:auto;right:var(--s-9);bottom:var(--s-9);max-width:40ch}}@media(prefers-reduced-motion:reduce){.zon__ster{animation:none}}.scene--hartslag{--scene-accent: #ff6274;--scene-bg: radial-gradient(115% 85% at 50% 58%, #2b0d13 0%, #16070a 48%, #060304 100%);--scene-inkt: #f8eaea;--scene-inkt-2: #bd8d90;--slag-leeg: rgba(255, 255, 255, .11);--slag-vol: #e04256;--slag-gloed: #ff6274;--slag-ijk: rgba(255, 255, 255, .2);position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr;align-content:center;gap:var(--s-5);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4))}:root[data-theme=light] .scene--hartslag,:root:not([data-theme=dark]) .scene--hartslag{--scene-bg: radial-gradient(115% 85% at 50% 55%, #fcf8f7 0%, #f0e6e4 54%, #dccecb 100%);--scene-inkt: #24100f;--scene-inkt-2: #6f4744;--slag-leeg: rgba(36, 16, 15, .22);--slag-vol: #b31e30;--slag-gloed: #e0324a;--slag-ijk: rgba(36, 16, 15, .4)}.hartslag__gloed{position:absolute;inset:50% auto auto 50%;width:min(140vw,1100px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#e042564d,#e0425600 62%);z-index:0;pointer-events:none;opacity:.5;animation:hartslag-klop var(--slag) var(--begin) infinite;animation-play-state:paused}.scene--hartslag[data-zicht] .hartslag__gloed{animation-play-state:running}.hartslag__ecg{width:100%;height:clamp(56px,9vw,108px);margin-bottom:var(--s-3);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.hartslag__ecg svg{display:block;width:200%;height:100%}.hartslag__ecg path{fill:none;stroke:var(--slag-gloed);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hartslag__ecg-band{animation:hartslag-ecg calc(var(--slag) * 12) linear infinite;animation-play-state:paused}.scene--hartslag[data-zicht] .hartslag__ecg-band{animation-play-state:running}:root[data-stil] .hartslag__ecg-band{animation-play-state:paused}@keyframes hartslag-ecg{0%{transform:translate(0)}to{transform:translate(-1200px)}}@keyframes hartslag-klop{0%{opacity:.34;transform:scale(.94)}6%{opacity:1;transform:scale(1.06)}14%{opacity:.42;transform:scale(.97)}22%{opacity:.6;transform:scale(1.01)}34%{opacity:.36;transform:scale(.95)}to{opacity:.34;transform:scale(.94)}}.hartslag__woord{position:relative;z-index:2;max-width:46ch;justify-self:center;text-align:center}.hartslag__duur{color:var(--slag-gloed);font-size:var(--t-meta);letter-spacing:.08em;text-transform:lowercase;margin:0 0 var(--s-2)}.hartslag__titel{font-size:clamp(1.85rem,5.6vw,3.4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 var(--s-3)}.hartslag__tekst{font-size:var(--t-klein);color:var(--scene-inkt-2);margin:0 0 var(--s-3);text-wrap:pretty}.hartslag__teller{margin:0 0 var(--s-4)}.hartslag__teller-label{margin:0 0 var(--s-1);font-size:var(--t-meta);letter-spacing:.06em;color:var(--scene-inkt-2)}.hartslag__teller-getal{margin:0;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.05;letter-spacing:-.02em}.hartslag__teller-getal b{color:var(--slag-gloed);font-weight:600}.hartslag__teller-getal span{font-size:.52em;color:var(--scene-inkt-2)}.hartslag__doen{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:center;margin:0 0 var(--s-2)}.hartslag__knop{border:1px solid color-mix(in oklab,var(--slag-vol) 60%,transparent);background:color-mix(in oklab,var(--slag-vol) 16%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;cursor:pointer;transition:background .2s,transform .2s}.hartslag__knop:hover{background:color-mix(in oklab,var(--slag-vol) 28%,transparent)}.hartslag__knop:active{transform:scale(.97)}.hartslag__knop--stil{padding:var(--s-2) var(--s-4);border-color:color-mix(in oklab,var(--scene-inkt) 22%,transparent);background:none;color:var(--scene-inkt-2);font-size:var(--t-klein)}.hartslag__knop--stil:hover{background:color-mix(in oklab,var(--scene-inkt) 8%,transparent);color:var(--scene-inkt)}.hartslag__knop[data-leeg]{visibility:hidden}.hartslag__maat{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-2);min-height:1.5em}.hartslag__herkomst{color:var(--scene-inkt-2);font-size:var(--t-meta);opacity:.75;margin:0}.scene--hartslag:after{content:"";position:absolute;left:0;right:0;top:21%;max-width:var(--as-breed);margin-inline:auto;height:1px;z-index:0;pointer-events:none;background:linear-gradient(to right,transparent calc(var(--marge) + var(--as-links) / 2 - 1px),color-mix(in oklab,var(--scene-inkt) 34%,transparent) calc(var(--marge) + var(--as-links) / 2),color-mix(in oklab,var(--slag-vol) 65%,transparent) 32%,transparent 40%)}.hartslag__veld{position:relative;z-index:1;display:grid;align-content:center;gap:var(--s-2);justify-items:center;min-height:0;width:100%}.hartslag__blad{width:min(100%,900px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-2);align-items:stretch}.hartslag__ijk{position:relative;width:3ch;margin-top:var(--s-2);color:var(--scene-inkt-2);font-size:var(--t-meta);opacity:.7}.hartslag__ijk span:not(:nth-child(3n)){display:none}.hartslag__ijk span{position:absolute;right:0;top:calc(var(--m) / 60 * 100%);translate:0 -100%;line-height:1}.hartslag__uur{position:relative;width:100%;display:grid;grid-template-rows:repeat(60,1fr);gap:1px;height:clamp(76px,13svh,300px);margin-top:var(--s-2)}.hartslag__minuut{position:relative;background-image:linear-gradient(to right,var(--slag-leeg) 0 42%,transparent 42%);background-size:calc(100% / var(--bpm)) 62%;background-repeat:repeat-x}.hartslag__minuut:nth-child(10n){background-image:linear-gradient(to right,var(--slag-ijk) 0 42%,transparent 42%)}.hartslag__minuut i{position:absolute;inset:0;background-image:linear-gradient(to right,var(--slag-vol) 0 42%,transparent 42%);background-size:calc(100% / var(--bpm)) 62%;background-repeat:repeat-x;clip-path:inset(0 100% 0 0);animation:hartslag-vullen 60s steps(var(--bpm)) 1 both;animation-delay:calc(var(--i) * 60s - var(--verstreken))}@keyframes hartslag-vullen{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hartslag__nu{position:relative;width:min(100%,900px);height:clamp(34px,6svh,54px);background-image:linear-gradient(to right,var(--slag-leeg) 0 42%,transparent 42%);background-size:calc(100% / var(--bpm)) 100%;background-repeat:repeat-x;border-bottom:1px solid color-mix(in oklab,var(--slag-vol) 35%,transparent)}.hartslag__nu-vol{position:absolute;inset:0;background-image:linear-gradient(to right,var(--slag-vol) 0 42%,transparent 42%);background-size:calc(100% / var(--bpm)) 100%;background-repeat:repeat-x;clip-path:inset(0 100% 0 0);animation:hartslag-vullen 60s steps(var(--bpm)) infinite;animation-delay:var(--begin)}.hartslag__punt{position:absolute;inset:0 auto 0 0;width:calc(100% / var(--bpm) * .42);display:block;background:var(--slag-gloed);box-shadow:0 0 12px 3px color-mix(in oklab,var(--slag-gloed) 70%,transparent);animation:hartslag-opzij 60s steps(var(--bpm)) infinite,hartslag-klop var(--slag) infinite;animation-delay:var(--begin),var(--begin)}@keyframes hartslag-opzij{0%{transform:translate(0)}to{transform:translate(calc((var(--bpm) - 1) * 100% / .42))}}.hartslag__bijschrift{width:min(100%,900px);display:flex;justify-content:space-between;gap:var(--s-4);color:var(--scene-inkt-2);font-size:var(--t-meta);letter-spacing:.06em;text-transform:lowercase;margin:0}.hartslag__legenda{margin-top:var(--s-2);color:var(--scene-inkt-2);font-size:var(--t-meta);text-align:center;max-width:52ch;margin:0;text-wrap:pretty}.hartslag__legenda b{color:var(--scene-inkt)}.hartslag__zonder-veld{display:none}@media(max-width:899px)and (min-height:820px){.hartslag__uur{height:clamp(120px,22svh,360px)}.hartslag__ijk span:not(:nth-child(3n)){display:block}}@media(max-width:899px)and (min-height:1000px){.hartslag__uur{height:clamp(160px,30svh,420px)}}@media(max-height:720px)and (max-width:899px){.hartslag__blad,.hartslag__met-veld{display:none}.hartslag__zonder-veld{display:inline}}@media(min-width:900px){.scene--hartslag{grid-template-rows:none;grid-template-columns:minmax(0,34ch) minmax(0,1fr);align-items:center;gap:var(--s-9);padding-inline:var(--s-9)}.hartslag__woord{text-align:left;justify-self:start}.hartslag__tekst{font-size:var(--t-tekst)}.hartslag__doen{justify-content:flex-start}.hartslag__uur{height:clamp(220px,48svh,520px)}.hartslag__ijk span:not(:nth-child(3n)){display:block}.hartslag__legenda{text-align:left;justify-self:start;font-size:var(--t-klein)}}@media(prefers-reduced-motion:reduce){.hartslag__gloed{animation:none;opacity:.4}.hartslag__punt{animation:hartslag-opzij 60s steps(var(--bpm)) infinite;animation-delay:var(--begin)}}:root[data-stil] .hartslag__gloed,:root[data-stil] .hartslag__minuut i,:root[data-stil] .hartslag__nu-vol,:root[data-stil] .hartslag__punt{animation-play-state:paused}.scene--seconde{--scene-bg: radial-gradient(120% 90% at 30% 12%, #10203a 0%, #081326 46%, #03070f 100%);--scene-inkt: #e9f2ff;--scene-inkt-2: #8ea6c6;--sec-golf: #6fd8ff;--sec-lijn: rgba(126, 175, 220, .35);position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;gap:clamp(var(--s-5),5svh,var(--s-9));padding:calc(var(--balk-h) + var(--s-4)) var(--s-5) calc(var(--balk-h) + var(--s-4))}:root[data-theme=light] .scene--seconde,:root:not([data-theme=dark]) .scene--seconde{--scene-bg: radial-gradient(120% 90% at 30% 10%, #f6f9fd 0%, #e6eef8 48%, #cdd9e8 100%);--scene-inkt: #0b1624;--scene-inkt-2: #4d637d;--sec-golf: #0f6f9d;--sec-lijn: rgba(24, 62, 96, .28)}.seconde__woord{max-width:54ch;justify-self:center;text-align:center}.seconde__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--sec-golf);margin:0 0 var(--s-2)}.seconde__titel{font-size:clamp(1.75rem,4.6vw,3.4rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 var(--s-3)}.seconde__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-4);text-wrap:pretty}.seconde__getal{margin:0 0 var(--s-4);display:grid;gap:var(--s-1)}.seconde__getal b{font-size:clamp(1.6rem,4.6vw,3rem);font-weight:500;letter-spacing:-.03em;color:var(--sec-golf)}.seconde__getal span{font-size:var(--t-meta);letter-spacing:.1em;color:var(--scene-inkt-2)}.seconde__doen{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;margin:0 0 var(--s-3)}.seconde__knop{border:1px solid color-mix(in oklab,var(--sec-golf) 55%,transparent);background:color-mix(in oklab,var(--sec-golf) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;cursor:pointer;transition:background .2s,transform .2s}.seconde__knop:hover{background:color-mix(in oklab,var(--sec-golf) 26%,transparent)}.seconde__knop:active{transform:scale(.97)}.seconde__knop--stil{padding:var(--s-2) var(--s-4);border-color:color-mix(in oklab,var(--scene-inkt) 22%,transparent);background:none;color:var(--scene-inkt-2);font-size:var(--t-klein)}.seconde__knop[data-leeg]{visibility:hidden}.seconde__maat{min-height:1.5em;margin:0 0 var(--s-2);font-size:var(--t-klein);color:var(--scene-inkt-2)}.scene--seconde[data-eigen] .seconde__maat{color:var(--sec-golf)}.seconde__herkomst{margin:0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.75}.seconde__band{position:relative;width:100%;container-type:inline-size}.seconde__beeld{display:block;width:100%;height:clamp(110px,24svh,300px)}.seconde__golf{fill:none;stroke:var(--sec-golf);stroke-width:2;vector-effect:non-scaling-stroke}.seconde__nullijn{stroke:var(--sec-lijn);stroke-width:1;vector-effect:non-scaling-stroke}.seconde__schaal{position:relative;list-style:none;margin:0;padding:0;height:2.4em}.seconde__schaal li{position:absolute;left:var(--plek);top:0;padding-top:var(--s-2);border-left:1px solid var(--sec-lijn);padding-left:var(--s-2);font-size:var(--t-meta);color:var(--scene-inkt-2);white-space:nowrap}@media(max-width:699px){.seconde__schaal li:nth-child(2),.seconde__schaal li:nth-child(3),.seconde__schaal li:nth-child(5){display:none}}.seconde__schaal-eind{border-left:0;border-right:1px solid color-mix(in oklab,var(--sec-golf) 60%,transparent);padding-left:0;padding-right:var(--s-2);translate:-100% 0;color:var(--sec-golf)}.seconde__teller{margin:0 0 var(--s-3);color:var(--sec-golf);font-size:var(--t-halte);font-variant-numeric:tabular-nums}.seconde__teller-uit{color:var(--scene-zacht);font-size:var(--t-klein)}.seconde__bundel:after{content:"";position:absolute;right:2px;top:0;bottom:0;width:190px;background:linear-gradient(to left,color-mix(in oklab,var(--sec-golf) 40%,transparent),transparent);pointer-events:none}.seconde__bundel{position:absolute;top:0;left:0;width:2px;height:clamp(110px,24svh,300px);background:linear-gradient(to bottom,transparent,color-mix(in oklab,var(--sec-golf) 85%,white) 50%,transparent);box-shadow:0 0 18px 4px color-mix(in oklab,var(--sec-golf) 45%,transparent);animation:sec-loop 1s linear infinite;pointer-events:none}@keyframes sec-loop{0%{transform:translate(0)}to{transform:translate(calc(100cqw - 2px))}}.seconde__bundel--eigen{animation-duration:var(--eigen, 1s);background:linear-gradient(to bottom,transparent,var(--scene-inkt) 50%,transparent);box-shadow:none;opacity:0}.scene--seconde[data-eigen] .seconde__bundel--eigen{opacity:.55}.scene--seconde:not([data-zicht]) .seconde__bundel{animation-play-state:paused}:root[data-stil] .seconde__bundel{animation-play-state:paused}@media(min-width:900px){.scene--seconde{padding-inline:var(--s-9)}.seconde__woord{max-width:62ch}.seconde__tekst{font-size:var(--t-tekst)}.seconde__beeld,.seconde__bundel{height:clamp(180px,34svh,360px)}}@media(prefers-reduced-motion:reduce){.seconde__bundel--eigen{animation:none;transform:translate(calc(100cqw - 2px))}}.scene--adem{--scene-bg: radial-gradient(120% 100% at 50% 46%, #16302b 0%, #0a1a19 44%, #040b0c 100%);--scene-inkt: #e9f4ee;--scene-inkt-2: #8fae9f;--adem-licht: #7fd6b0;position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:var(--s-5);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));text-align:center}:root[data-theme=light] .scene--adem,:root:not([data-theme=dark]) .scene--adem{--scene-bg: radial-gradient(120% 100% at 50% 44%, #f2faf5 0%, #e2efe8 46%, #cadfd5 100%);--scene-inkt: #0d1c17;--scene-inkt-2: #4d6b5d;--adem-licht: #1f8a63}.adem__ruimte{position:relative;display:grid;place-items:center;width:min(78vw,46svh);aspect-ratio:1}.adem__gloed,.adem__bol,.adem__rand{position:absolute;inset:0;border-radius:50%;animation:adem-cyclus var(--cyclus) ease-in-out infinite}.adem__gloed{inset:-34%;background:radial-gradient(circle,color-mix(in oklab,var(--adem-licht) 26%,transparent),transparent 66%)}.adem__bol{background:radial-gradient(circle at 42% 38%,color-mix(in oklab,var(--adem-licht) 34%,transparent),color-mix(in oklab,var(--adem-licht) 8%,transparent) 62%,transparent 74%)}.adem__rand{border:1px solid color-mix(in oklab,var(--adem-licht) 55%,transparent)}@keyframes adem-cyclus{0%{transform:scale(.62)}40%{transform:scale(1)}to{transform:scale(.62)}}.adem__fase{position:relative;z-index:2;display:grid;place-items:center;margin:0;font-family:var(--font-mono);font-size:var(--t-klein);letter-spacing:.28em;text-transform:uppercase;color:var(--scene-inkt-2)}.adem__fase span{grid-area:1 / 1;opacity:0}.adem__in{animation:adem-woord-in var(--cyclus) linear infinite}.adem__uit{animation:adem-woord-uit var(--cyclus) linear infinite}@keyframes adem-woord-in{0%,34%{opacity:1}40%,to{opacity:0}}@keyframes adem-woord-uit{0%,40%{opacity:0}46%,94%{opacity:1}to{opacity:0}}.adem__meter{position:absolute;inset:-6%;width:112%;height:112%;transform:rotate(-90deg);opacity:0;transition:opacity .4s}.adem__spoor{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 14%,transparent);stroke-width:1.5}.adem__vol{fill:none;stroke:var(--adem-licht);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:352;stroke-dashoffset:352}.scene--adem[data-vast] .adem__gloed,.scene--adem[data-vast] .adem__bol,.scene--adem[data-vast] .adem__rand,.scene--adem[data-vast] .adem__in,.scene--adem[data-vast] .adem__uit{animation-play-state:paused}.scene--adem[data-vast] .adem__in,.scene--adem[data-vast] .adem__uit{opacity:0}.scene--adem[data-vast] .adem__stil,.scene--adem[data-vast] .adem__meter{opacity:1}.scene--adem[data-vast] .adem__vol{animation:adem-vullen 60s linear forwards}@keyframes adem-vullen{to{stroke-dashoffset:0}}.scene--adem:not([data-zicht]) .adem__gloed,.scene--adem:not([data-zicht]) .adem__bol,.scene--adem:not([data-zicht]) .adem__rand,.scene--adem:not([data-zicht]) .adem__fase span{animation-play-state:paused}:root[data-stil] .scene--adem *{animation-play-state:paused}.adem__woord{max-width:54ch}.adem__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--adem-licht);margin:0 0 var(--s-2)}.adem__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.adem__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-4);text-wrap:pretty}.adem__knop{border:1px solid color-mix(in oklab,var(--adem-licht) 55%,transparent);background:color-mix(in oklab,var(--adem-licht) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;cursor:pointer;transition:background .2s,transform .2s}.adem__knop:hover{background:color-mix(in oklab,var(--adem-licht) 26%,transparent)}.adem__knop:active{transform:scale(.97)}.adem__uitslag{min-height:3em;margin:var(--s-3) 0 var(--s-2);font-size:var(--t-klein);color:var(--scene-inkt-2);text-wrap:pretty}.adem__uitslag b{color:var(--adem-licht)}.adem__herkomst{margin:0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.75}@media(min-width:900px){.scene--adem{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,46ch);gap:var(--s-9);padding-inline:var(--s-9);text-align:left}.adem__ruimte{width:min(42vw,64svh);justify-self:center}.adem__tekst{font-size:var(--t-tekst)}}@media(prefers-reduced-motion:reduce){.adem__gloed{animation:none;transform:scale(.85)}}.scene--minuut{--scene-bg: radial-gradient(120% 95% at 62% 18%, #251d14 0%, #14100b 46%, #070605 100%);--scene-inkt: #f2e9db;--scene-inkt-2: #a8957c;--klei-licht: #d9c3a1;--klei-vlak: #c0a37c;--klei-schaduw: #8f7351;--klei-diep: #5b452c;position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));text-align:center}:root[data-theme=light] .scene--minuut,:root:not([data-theme=dark]) .scene--minuut{--scene-bg: radial-gradient(120% 95% at 60% 16%, #faf4ea 0%, #eee2cf 48%, #d8c6ab 100%);--scene-inkt: #241a10;--scene-inkt-2: #6d5b45;--klei-licht: #e9d9bd;--klei-vlak: #d6bd95;--klei-schaduw: #ab8d64;--klei-diep: #6d5334}.minuut__woord{max-width:56ch}.minuut__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--klei-vlak);margin:0 0 var(--s-2)}.minuut__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.minuut__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-3);text-wrap:pretty}.minuut__uitleg{color:var(--scene-inkt-2);font-size:var(--t-meta);margin:0 0 var(--s-4);opacity:.85;text-wrap:pretty}.minuut__knop{border:1px solid color-mix(in oklab,var(--klei-vlak) 55%,transparent);background:color-mix(in oklab,var(--klei-vlak) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background .2s,transform .2s}.minuut__knop:hover{background:color-mix(in oklab,var(--klei-vlak) 26%,transparent)}.minuut__knop:active{transform:scale(.97)}.minuut__herkomst{margin:var(--s-3) 0 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.minuut__tablet{position:relative;width:min(100%,720px)}.minuut__beeld{display:block;width:100%;height:auto}.minuut__klei{stroke:var(--klei-diep);stroke-width:1.5}.minuut__lijn{stroke:color-mix(in oklab,var(--klei-diep) 55%,transparent);stroke-width:1.5}.minuut__wig-diep{fill:var(--klei-diep)}.minuut__wig-licht{fill:var(--klei-licht);opacity:.35}.minuut__wig-rand{stroke:var(--klei-licht);stroke-width:1.2;opacity:.5;fill:none}.minuut__leeg{opacity:.16}.minuut__vulling{transform-box:fill-box;transform-origin:left center;transform:scaleX(clamp(0,calc((var(--kop, 0) * 60 - var(--r) * 10) / 10),1));transform:scaleX(clamp(0,round(down,calc((var(--kop, 0) * 60 - var(--r) * 10) / 10),.1),1))}@keyframes minuut-rij{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.minuut__zestig{opacity:0;animation:minuut-zestig 60s steps(1) 1 both;animation-delay:calc(-1 * var(--verstreken))}@keyframes minuut-zestig{0%{opacity:0}to{opacity:1}}.minuut__bijschrift{display:flex;justify-content:space-between;gap:var(--s-4);margin:var(--s-3) 0 0;font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--scene-inkt-2)}.minuut__bijschrift .minuut__een{order:-1;opacity:.5}.scene--minuut:not([data-zicht]) .minuut__vulling,.scene--minuut:not([data-zicht]) .minuut__zestig{animation-play-state:paused}:root[data-stil] .scene--minuut *{animation-play-state:paused}@media(min-width:900px){.scene--minuut{grid-template-rows:none;grid-template-columns:minmax(0,44ch) minmax(0,1fr);align-items:center;gap:var(--s-9);padding-inline:var(--s-9);text-align:left}.minuut__tekst{font-size:var(--t-tekst)}.minuut__uitleg{font-size:var(--t-klein)}.minuut__tablet{width:min(100%,860px)}}.scene--liedje{--scene-bg: radial-gradient(110% 90% at 34% 24%, #1c1a20 0%, #0e0d11 46%, #050506 100%);--scene-inkt: #f0ecf2;--scene-inkt-2: #9c96a6;--vinyl-1: #17161a;--vinyl-2: #08080a;--vinyl-groef: rgba(255, 255, 255, .055);--label-1: #c8452f;--label-2: #8f2a1b;--label-inkt: #f6e6d4;position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));text-align:center}:root[data-theme=light] .scene--liedje,:root:not([data-theme=dark]) .scene--liedje{--scene-bg: radial-gradient(110% 90% at 34% 22%, #f6f4f7 0%, #e7e3ea 48%, #cfc9d6 100%);--scene-inkt: #16141a;--scene-inkt-2: #5d5766;--vinyl-groef: rgba(255, 255, 255, .08)}.liedje__draaitafel{position:relative;width:min(78vw,44svh);aspect-ratio:1}.liedje__plaat{position:absolute;left:0;bottom:0;width:86%;height:86%;border-radius:50%;background:#050403 url(/plaat.jpg) center / 100% 100% no-repeat;box-shadow:0 24px 60px -18px #000000d9,inset 0 0 0 1px #ffffff0f;animation:liedje-draai var(--omwenteling) linear infinite}.liedje__label{position:absolute;inset:33%;border-radius:50%;display:grid;place-content:center;gap:2px;color:var(--label-inkt)}.liedje__toeren{font-size:clamp(.9rem,2.4vw,1.5rem);letter-spacing:-.02em;line-height:1}.liedje__toeren-uit{font-size:clamp(.42rem,1vw,.62rem);letter-spacing:.24em;text-transform:uppercase;opacity:.8}.liedje__spil{position:absolute;left:0;bottom:0;width:86%;height:86%;pointer-events:none}.liedje__spil:after{content:"";position:absolute;left:50%;top:50%;width:2.3%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:linear-gradient(140deg,#efece6,#b6b2ab 60%,#86837d);box-shadow:0 0 0 1px #0000008c}@keyframes liedje-draai{to{transform:rotate(1turn)}}.liedje__glans{position:absolute;left:0;bottom:0;width:86%;height:86%;border-radius:50%;pointer-events:none;background:url(/plaat-glans.jpg) center / 100% 100% no-repeat;mix-blend-mode:screen}:root[data-theme=light] .liedje__glans,:root:not([data-theme=dark]) .liedje__glans{filter:brightness(1.4)}.liedje__arm{position:absolute;top:6%;right:3%;width:72%;height:9px;transform-origin:100% 50%;transform:rotate(-11.4deg);z-index:2;animation:liedje-arm var(--duur) linear 1 both;animation-delay:calc(-1 * var(--verstreken))}.liedje__staaf{position:absolute;inset:0;border-radius:5px;background:linear-gradient(180deg,#55595f,#9aa1aa 16%,#f2f5f9,#b9c0c9 44%,#6b7079 62%,#3d4147 82%,#23262a);box-shadow:0 6px 14px #0009,0 1px #ffffff47 inset}.liedje__arm:after{content:"";position:absolute;right:-17px;top:50%;width:40px;height:40px;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffffffe6,#fff0 34%),radial-gradient(circle at 50% 50%,#aab0b8,#6a6f77 52%,#2c2f34 78%,#45484e);box-shadow:0 6px 16px #0009,0 0 0 3px #141619bf}.liedje__arm:before{content:"";position:absolute;right:-54px;top:50%;width:30px;height:22px;translate:0 -50%;border-radius:5px;background:linear-gradient(180deg,#7e858e,#d3d9e0 26%,#83898f 58%,#33363b);box-shadow:0 5px 12px #0000008c}.liedje__kop{position:absolute;left:-14px;top:50%;width:42px;height:20px;translate:0 -50%;rotate:4deg;border-radius:3px 6px 6px 3px;background:linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(180deg,#33373e,#1c1f24 58%,#0f1114);box-shadow:0 5px 12px #000000a6}.liedje__kop:after{content:"";position:absolute;left:5px;bottom:-6px;width:2px;height:8px;border-radius:0 0 1px 1px;background:linear-gradient(180deg,#eef2f7,#8d939b)}.liedje__kop:before{content:"";position:absolute;left:-9px;top:50%;width:11px;height:8px;translate:0 -50%;border-radius:2px;background:linear-gradient(180deg,#c9cfd7,#5b6068)}@keyframes liedje-arm{0%{transform:rotate(-11.4deg)}to{transform:rotate(-22.4deg)}}.scene--liedje:not([data-zicht]) .liedje__plaat,.scene--liedje:not([data-zicht]) .liedje__arm{animation-play-state:paused}:root[data-stil] .scene--liedje *{animation-play-state:paused}.liedje__woord{max-width:56ch}.liedje__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--label-1);margin:0 0 var(--s-2)}.liedje__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.liedje__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-3);text-wrap:pretty}.liedje__uitleg{color:var(--scene-inkt-2);font-size:var(--t-meta);opacity:.85;margin:0 0 var(--s-4);text-wrap:pretty}.liedje__knop{border:1px solid color-mix(in oklab,var(--label-1) 60%,transparent);background:color-mix(in oklab,var(--label-1) 16%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background .2s,transform .2s}.liedje__knop:hover{background:color-mix(in oklab,var(--label-1) 30%,transparent)}.liedje__knop:active{transform:scale(.97)}.liedje__herkomst{margin:var(--s-3) 0 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}@media(min-width:1000px){.scene--liedje{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,44ch);align-items:center;gap:var(--s-8);padding-inline:var(--s-9);text-align:left}.liedje__draaitafel{width:min(42vw,62svh);justify-self:center}.liedje__tekst{font-size:var(--t-tekst)}.liedje__uitleg{font-size:var(--t-klein)}}@media(prefers-reduced-motion:reduce){.liedje__glans{opacity:.5}}.minuut__ring{position:absolute;left:var(--x);top:var(--y);width:34px;height:34px;translate:-50% -50%;padding:0;border-radius:50%;border:1.5px solid var(--echo, var(--klei-licht));background:none;cursor:pointer;opacity:.26;transition:opacity var(--gewoon),transform var(--gewoon) var(--veer);animation:minuut-ring var(--lengte) linear 1 both;animation-delay:calc(var(--t) * 1s - var(--verstreken))}.minuut__ring:hover,.minuut__ring:focus-visible{opacity:1}@keyframes minuut-ring{0%{opacity:.26;transform:scale(.9);box-shadow:0 0 0 0 transparent}9%{opacity:1;transform:scale(1);box-shadow:0 0 16px 3px color-mix(in oklab,var(--echo, var(--klei-licht)) 45%,transparent)}86%{opacity:1;transform:scale(1);box-shadow:0 0 16px 3px color-mix(in oklab,var(--echo, var(--klei-licht)) 45%,transparent)}to{opacity:.34;transform:scale(1);box-shadow:0 0 0 0 transparent}}.scene--minuut:not([data-zicht]) .minuut__ring{animation-play-state:paused}.scene--ei{--scene-bg: radial-gradient(120% 95% at 50% 78%, #1b2430 0%, #0e141c 46%, #05080c 100%);--scene-inkt: #eaf1f8;--scene-inkt-2: #93a4b8;--ei-warm: #ff9a3c;--ei-wit: #f4f7fb;position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:var(--s-5);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));text-align:center}:root[data-theme=light] .scene--ei,:root:not([data-theme=dark]) .scene--ei{--scene-bg: radial-gradient(120% 95% at 50% 76%, #f4f8fc 0%, #e4ecf4 48%, #ccd8e4 100%);--scene-inkt: #101a24;--scene-inkt-2: #4f637a;--ei-warm: #e2721a;--ei-wit: #ffffff}.ei__woord{max-width:56ch}.ei__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--ei-warm);margin:0 0 var(--s-2)}.ei__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.ei__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-4);text-wrap:pretty}.ei__fasen{display:grid;min-height:5.4em;margin:0 0 var(--s-4);padding-left:var(--s-4);border-left:2px solid color-mix(in oklab,var(--ei-warm) 40%,transparent);text-align:left}.ei__fase,.ei__slot{grid-area:1 / 1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3);align-items:baseline;margin:0;font-size:var(--t-tekst);line-height:1.5;color:var(--scene-inkt);opacity:0}.ei__fase b,.ei__slot b{font-size:var(--t-klein);color:var(--ei-warm)}.ei__fase[data-klaar] span{color:var(--scene-inkt);font-weight:550}.ei__fase span,.ei__slot span{text-wrap:pretty}.ei__fase,.ei__slot{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.ei__fase[data-nu],.ei__slot[data-nu]{opacity:1;transform:none}.ei__knop{border:1px solid color-mix(in oklab,var(--ei-warm) 55%,transparent);background:color-mix(in oklab,var(--ei-warm) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background .2s,transform .2s}.ei__knop:hover{background:color-mix(in oklab,var(--ei-warm) 26%,transparent)}.ei__knop:active{transform:scale(.97)}.ei__knop--voor{background:var(--ei-warm);border-color:var(--ei-warm);color:var(--vlak);font-weight:600}.ei__knop--voor:hover{background:color-mix(in oklab,var(--ei-warm) 82%,var(--scene-inkt))}.ei__tempo{display:inline-flex;align-items:center;border:1px solid color-mix(in oklab,var(--scene-inkt) 22%,transparent);border-radius:999px;overflow:hidden}.ei__tempo-knop{border:0;background:none;color:var(--scene-zacht);font:inherit;font-size:var(--t-klein);padding:var(--s-2) var(--s-4);cursor:pointer;transition:background .2s,color .2s}.ei__tempo-knop+.ei__tempo-knop{border-left:1px solid color-mix(in oklab,var(--scene-inkt) 16%,transparent)}.ei__tempo-knop:hover{color:var(--scene-inkt)}.ei__tempo-knop[aria-pressed=true]{background:color-mix(in oklab,var(--ei-warm) 20%,transparent);color:var(--scene-inkt)}.scene--ei[data-stand=stop] .ei__stip[data-klaar]:before,.ei__stip[data-klaar]:before{background:var(--ei-warm)}.scene--ei[data-stand=stop] .ei__stip[data-klaar]{opacity:1}.scene--ei[data-stand=stop] .ei__loop{box-shadow:0 -1px 10px color-mix(in oklab,var(--ei-warm) 70%,transparent)}.ei__herkomst{margin:var(--s-3) 0 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.ei__toneel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-3);width:min(100%,580px)}.ei__tijd{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--s-2);justify-items:center;align-self:stretch}.ei__as{position:relative;width:34px;height:100%;min-height:140px;cursor:ns-resize;touch-action:none}.ei__as:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;translate:-50% 0;border-radius:999px;background:color-mix(in oklab,var(--scene-inkt) 14%,transparent)}.ei__as:focus-visible{outline:2px solid var(--ei-warm);outline-offset:6px;border-radius:8px}.ei__loop{position:absolute;left:50%;right:auto;bottom:0;width:3px;translate:-50% 0;border-radius:999px;background:linear-gradient(to top,color-mix(in oklab,var(--ei-warm) 55%,transparent),var(--ei-warm));height:0;animation-delay:calc(-1 * var(--verstreken))}.ei__stip{position:absolute;left:50%;top:var(--p);width:30px;height:26px;translate:-50% -50%;padding:0;border:0;background:none;cursor:pointer;opacity:.5;transition:opacity .3s ease}.ei__stip:before{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;translate:-50% -50%;border-radius:2px;background:color-mix(in oklab,var(--scene-inkt) 70%,transparent)}.ei__stip:hover,.ei__stip:focus-visible{opacity:1}.ei__stip:hover:before,.ei__stip:focus-visible:before{width:23px;background:var(--ei-warm)}.ei__stip[data-gehad]{opacity:.8}.ei__stip[data-nu]{opacity:1}.ei__stip[data-nu]:before{width:25px;background:var(--ei-warm)}.ei__tijd-eind{margin:0;font-size:var(--t-meta);letter-spacing:.08em;color:var(--scene-inkt-2);opacity:.7}.ei__doos{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#05080c;box-shadow:0 24px 60px -30px #000000e6;cursor:crosshair}.ei__film{display:block;width:100%;height:100%;object-fit:cover}.ei__snede{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .22s ease;-webkit-mask-image:radial-gradient(circle 132px at var(--lens-x, 49.8%) var(--lens-y, 71.7%),#000 52%,transparent 78%);mask-image:radial-gradient(circle 132px at var(--lens-x, 49.8%) var(--lens-y, 71.7%),#000 52%,transparent 78%);pointer-events:none}.ei__doos[data-lens] .ei__snede{opacity:1}.ei__vast{opacity:clamp(0,calc((var(--voort, 0) - .1974) / .1105),1)}.ei__geel-vast{opacity:clamp(0,calc((var(--voort, 0) - .3368) / .1474),1)}.ei__zwavel{opacity:clamp(0,calc((var(--voort, 0) - .5789) / .179),.85)}.ei__kamer{opacity:clamp(.16,calc(.16 + (var(--voort, 0) - .9158) * 4.5),.54)}.ei__uitleg{margin:0;color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.ei__knoppen{display:flex;flex-wrap:wrap;gap:var(--s-3)}.ei__loop{height:calc(var(--voort, 0) * 100%)}.scene--ei[data-laat] .ei__loop{background:linear-gradient(to top,#a83a1e,#e0491f)}.ei__stip[data-klaar]:before{width:21px}:root[data-stil] .scene--ei *{animation-play-state:paused}@media(min-width:900px){.scene--ei{grid-template-rows:none;grid-template-columns:minmax(0,34ch) minmax(0,1fr);align-items:center;gap:var(--s-8);padding-inline:var(--s-8);text-align:left}.ei__tekst{font-size:var(--t-tekst)}.ei__toneel{width:min(100%,1040px);justify-self:center}}.scene--iss{--scene-accent: #7fb4ff;--scene-bg: radial-gradient(120% 100% at 22% 30%, #0d1a2a 0%, #060c16 46%, #02040a 100%);--scene-inkt: #e8f1fb;--scene-inkt-2: #8ea3bd;--iss-licht: #7fc4ff;position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:var(--s-5);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));text-align:center}:root[data-theme=light] .scene--iss,:root:not([data-theme=dark]) .scene--iss{--scene-accent: #7fb4ff;--scene-bg: radial-gradient(120% 100% at 22% 30%, #0d1a2a 0%, #060c16 46%, #02040a 100%);--scene-inkt: #e8f1fb;--scene-inkt-2: #8ea3bd}.iss__woord{max-width:54ch}.iss__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--iss-licht);margin:0 0 var(--s-2)}.iss__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.iss__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-4);text-wrap:pretty}.iss__knop{border:1px solid color-mix(in oklab,var(--iss-licht) 55%,transparent);background:color-mix(in oklab,var(--iss-licht) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background .2s,transform .2s}.iss__knop:hover{background:color-mix(in oklab,var(--iss-licht) 26%,transparent)}.iss__knop:active{transform:scale(.97)}.iss__herkomst{margin:var(--s-3) 0 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.iss__toneel{position:relative;width:min(94vw,62svh);aspect-ratio:1}.iss__beeld{display:block;width:100%;height:auto}.iss__baan{fill:none;stroke:color-mix(in oklab,var(--iss-licht) 45%,transparent);stroke-width:1.2;stroke-dasharray:3 5}.iss__steden circle{fill:#ffd696cc}.iss__grondspoor{fill:none;stroke:var(--iss-licht);stroke-width:2.2;stroke-linecap:round;opacity:.6;stroke-dasharray:var(--kop, 0) 1}.iss__baan--achter{opacity:.45}.iss__station--achter{visibility:hidden}.scene--iss[data-achter] .iss__station--achter{visibility:visible}.scene--iss[data-achter] .iss__station:not(.iss__station--achter){visibility:hidden}.iss__spoor{fill:none;stroke:var(--iss-licht);stroke-width:2.6;stroke-linecap:round;opacity:.8;stroke-dasharray:var(--kop, 0) 1}.scene--iss[data-nacht] .iss__vleugel{opacity:.35}.scene--iss[data-nacht] .iss__romp{fill:#39414f}.scene--iss[data-nacht] .iss__spoor{stroke:color-mix(in oklab,var(--iss-licht) 45%,#1b2740)}.iss__steden{transition:opacity .9s ease}.scene--iss[data-nacht] .iss__steden{opacity:1}.iss__vleugel,.iss__romp{transition:opacity .9s ease,fill .9s ease}.iss__station{offset-path:path("M 250 187.6 a 125.4 66.1 0 1 1 -0.1 0 z");offset-rotate:0deg;offset-distance:calc(var(--kop, 0) * 100%)}@keyframes iss-rond{0%{offset-distance:0%}to{offset-distance:100%}}.iss__romp{fill:#e6ecf4}.iss__vleugel{fill:#3f6ea8;stroke:#7fc4ff80;stroke-width:.6}.iss__paal{position:absolute;left:var(--x);top:var(--y);width:34px;height:34px;translate:-50% -50%;padding:0;border:0;background:none;cursor:pointer;opacity:.45;animation:iss-paal var(--lengte) linear 1 both;animation-delay:calc(var(--t) * 1s - var(--verstreken))}.iss__paal:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--iss-licht)}.iss__paal:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid color-mix(in oklab,var(--iss-licht) 70%,transparent);opacity:0;transform:scale(.7);transition:opacity var(--gewoon),transform var(--gewoon) var(--veer)}.iss__paal:hover,.iss__paal:focus-visible{opacity:1}.iss__paal:hover:after,.iss__paal:focus-visible:after{opacity:1;transform:scale(1)}@keyframes iss-paal{0%{opacity:.45}6%{opacity:1}88%{opacity:1}to{opacity:.55}}.scene--iss:not([data-zicht]) .iss__station,.scene--iss:not([data-zicht]) .iss__paal{animation-play-state:paused}:root[data-stil] .scene--iss *{animation-play-state:paused}@media(min-width:900px){.scene--iss{--scene-accent: #7fb4ff;grid-template-rows:none;grid-template-columns:minmax(0,44ch) minmax(0,1fr);align-items:center;gap:var(--s-9);padding-inline:var(--s-9);text-align:left}.iss__tekst{font-size:var(--t-tekst)}.iss__toneel{width:min(54vw,88svh);justify-self:center}.iss__station{scale:calc(min(54vw,88svh)/500)}}.scene--dag{--scene-accent: #ffd68c;--scene-bg: radial-gradient(120% 100% at 18% 40%, #10202f 0%, #081119 46%, #030609 100%);--scene-inkt: #e9f2f8;--scene-inkt-2: #8ba5b8;--dag-licht: #ffd68c;position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:var(--s-5);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));text-align:center}:root[data-theme=light] .scene--dag,:root:not([data-theme=dark]) .scene--dag{--scene-accent: #ffd68c;--scene-bg: radial-gradient(120% 100% at 18% 38%, #eef5fb 0%, #dde9f2 48%, #c3d5e3 100%);--scene-inkt: #0b1620;--scene-inkt-2: #4c6379;--dag-licht: #c07a12}.dag__woord{max-width:56ch}.dag__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--dag-licht);margin:0 0 var(--s-2)}.dag__titel{font-size:clamp(1.75rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.dag__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-4);text-wrap:pretty}.dag__knop{border:1px solid color-mix(in oklab,var(--dag-licht) 55%,transparent);background:color-mix(in oklab,var(--dag-licht) 14%,transparent);color:var(--scene-inkt);border-radius:999px;padding:var(--s-2) var(--s-5);font:inherit;font-size:var(--t-klein);cursor:pointer;transition:background .2s,transform .2s}.dag__knop:hover{background:color-mix(in oklab,var(--dag-licht) 26%,transparent)}.dag__herkomst{margin:var(--s-3) 0 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.dag__toneel{width:min(68vw,34svh);aspect-ratio:1}.dag__beeld{display:block;width:100%;height:auto}.dag__meridianen ellipse,.dag__meridianen circle{fill:none;stroke:#bee1f529;stroke-width:1}.dag__breedte{stroke:#ffd68c66!important;stroke-dasharray:3 4}.dag__rand{fill:none;stroke:#96c8e659;stroke-width:1.5}.dag__plek{offset-path:path("M 200 107.6 a 92.4 92.4 0 1 1 -0.1 0 z");offset-rotate:0deg;offset-distance:calc(var(--kop, 0) * 100%)}.dag__land{transform:rotate(calc(var(--kop, 0) * 360deg));transform-origin:200px 200px}.dag__land path{fill:#3f6b4a;stroke:#58875f;stroke-width:.8;stroke-linejoin:round}:root[data-theme=light] .dag__land path,:root:not([data-theme=dark]) .dag__land path{fill:#4c7a56;stroke:#6b9a72}.dag__meridianen{transform:rotate(calc(var(--kop, 0) * 360deg));transform-origin:200px 200px}.dag__meter{margin:0 0 var(--s-3);color:var(--dag-licht);font-size:var(--t-halte)}.dag__meter-uit{color:var(--scene-zacht);font-size:var(--t-klein)}.dag__plek circle{fill:var(--dag-licht)}.dag__plek-ring{fill:none;stroke:var(--dag-licht);stroke-width:1.5;opacity:.5}.dag__as{position:relative;width:min(100%,760px);height:44px;cursor:ew-resize;touch-action:none}.dag__as:focus-visible{outline:2px solid var(--dag-licht);outline-offset:6px;border-radius:8px}.dag__spoor{position:absolute;left:0;right:0;top:10px;height:3px;border-radius:999px;background:color-mix(in oklab,var(--scene-inkt) 14%,transparent)}.dag__loop{position:absolute;left:0;top:10px;height:3px;width:0;border-radius:999px;background:linear-gradient(to right,color-mix(in oklab,var(--dag-licht) 45%,transparent),var(--dag-licht));width:calc(var(--kop, 0) * 100%)}.dag__uur{position:absolute;left:var(--p);top:22px;translate:-50% 0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.dag__uur:first-of-type{translate:0 0}.dag__stip{position:absolute;left:var(--p);top:11px;width:30px;height:30px;translate:-50% -50%;padding:0;border:0;background:none;cursor:pointer;opacity:clamp(.4,(var(--kop, 0) * 86400 - var(--t)) * .02 + 1,1)}.dag__stip:before{content:"";position:absolute;left:50%;top:50%;width:2px;height:14px;translate:-50% -50%;border-radius:2px;background:color-mix(in oklab,var(--scene-inkt) 70%,transparent)}.dag__stip:hover,.dag__stip:focus-visible{opacity:1}.dag__stip:hover:before,.dag__stip:focus-visible:before{height:20px;background:var(--dag-licht)}.scene--dag:not([data-zicht]) .dag__plek,.scene--dag:not([data-zicht]) .dag__loop,.scene--dag:not([data-zicht]) .dag__stip{animation-play-state:paused}:root[data-stil] .scene--dag *{animation-play-state:paused}@media(min-width:900px){.scene--dag{--scene-accent: #ffd68c;grid-template-columns:minmax(0,44ch) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:var(--s-6) var(--s-9);padding-inline:var(--s-9);text-align:left}.dag__woord{grid-column:1}.dag__toneel{grid-column:2;grid-row:1;width:min(32vw,46svh);justify-self:center}.dag__as{grid-column:1 / -1}.dag__tekst{font-size:var(--t-tekst)}}@property --jaar{syntax: "<number>"; inherits: true; initial-value: 0;}.scene--leven{--scene-bg: radial-gradient(120% 100% at 70% 30%, #1c1a1e 0%, #121014 46%, #070608 100%);--scene-inkt: #f2eee9;--scene-inkt-2: #a49c96;--leven-licht: #e8a765;--leven-leeg: rgba(242, 238, 233, .14);position:relative;min-height:100svh;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:var(--s-3);padding:calc(var(--balk-h) + var(--s-3)) var(--s-5) calc(var(--balk-h) + var(--s-2));text-align:center}.scene--leven[data-hand]{animation:none}.scene--leven:not([data-zicht]){animation-play-state:paused}:root[data-theme=light] .scene--leven,:root:not([data-theme=dark]) .scene--leven{--scene-bg: radial-gradient(120% 100% at 70% 28%, #faf7f3 0%, #efe9e2 48%, #d9d1c8 100%);--scene-inkt: #171316;--scene-inkt-2: #6b6159;--leven-licht: #b96a17;--leven-leeg: rgba(23, 19, 22, .16)}.leven__woord{max-width:52ch}.leven__duur{font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--leven-licht);margin:0 0 var(--s-2)}.leven__titel{font-size:clamp(1.5rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--s-3)}.leven__tekst{color:var(--scene-inkt-2);font-size:var(--t-klein);margin:0 0 var(--s-3);text-wrap:pretty}.leven__teller{margin:0 0 var(--s-2);font-size:var(--t-klein);color:var(--scene-inkt-2);min-height:1.5em}.leven__teller b{font-size:1.15em;color:var(--leven-licht)}.leven__wenk{opacity:.75}.leven__uitleg{min-height:5.2em;margin:0 0 var(--s-3);padding-left:var(--s-4);border-left:2px solid color-mix(in oklab,var(--leven-licht) 40%,transparent);text-align:left}.leven__mijlpaal{margin:0;font-size:var(--t-tekst);line-height:1.5;color:var(--scene-inkt);text-wrap:pretty}.leven__doen{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin:0 0 var(--s-3)}.leven__knop{min-width:44px;border:1px solid color-mix(in oklab,var(--scene-inkt) 20%,transparent);background:none;color:var(--scene-inkt-2);border-radius:999px;padding:var(--s-2) var(--s-3);font:inherit;font-family:var(--font-mono);font-size:var(--t-klein);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.leven__knop:hover{background:color-mix(in oklab,var(--leven-licht) 18%,transparent);border-color:color-mix(in oklab,var(--leven-licht) 55%,transparent);color:var(--scene-inkt)}.leven__knop--eind{border-color:color-mix(in oklab,var(--leven-licht) 55%,transparent)}.leven__herkomst{margin:0;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.leven__toneel{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--s-2);width:min(100%,660px)}.leven__mens{display:grid;align-content:end;width:clamp(104px,20vw,168px)}.leven__mens svg{width:100%;aspect-ratio:1;overflow:visible}.leven__lijf{fill:var(--scene-accent, var(--accent));transform:rotate(calc(var(--krom, 0) * -4deg));transform-box:fill-box;transform-origin:50% 100%}.leven__schim{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 22%,transparent);stroke-width:.6;stroke-dasharray:2 2}.leven__maat{margin:.45rem 0 0;font-size:.64rem;line-height:1.35;color:var(--scene-inkt-2, var(--scene-zacht))}.leven__ijk{position:relative;width:2.5ch;font-size:var(--t-meta);color:var(--scene-inkt-2);opacity:.7}.leven__ijk span{position:absolute;right:0;top:var(--p);translate:0 -50%}.leven__raster{position:relative;display:grid;grid-template-rows:repeat(82,1fr);gap:1px;height:clamp(150px,24svh,420px);cursor:ns-resize;touch-action:none}.leven__raster:focus-visible{outline:2px solid var(--leven-licht);outline-offset:6px}.leven__jaar{position:relative;background-image:radial-gradient(circle at 50% 50%,var(--leven-leeg) 0 40%,transparent 42%);background-size:calc(100% / 52) 100%;background-repeat:repeat-x}.leven__jaar i{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,var(--leven-licht) 0 40%,transparent 42%);background-size:calc(100% / 52) 100%;background-repeat:repeat-x;transform-origin:left center;transform:scaleX(clamp(0,calc(var(--jaar, 0) - var(--i)),1))}.leven__stip{position:absolute;left:-6px;top:var(--p);width:30px;height:26px;translate:calc(-100% - var(--rij, 0) * 26px) -50%;padding:0;border:0;background:none;cursor:pointer;opacity:.5;transition:opacity var(--gewoon)}.leven__stip:before{content:"";position:absolute;right:4px;top:50%;width:13px;height:2px;translate:0 -50%;border-radius:2px;background:color-mix(in oklab,var(--scene-inkt) 60%,transparent)}.leven__stip:hover,.leven__stip:focus-visible{opacity:1}.leven__stip:hover:before,.leven__stip:focus-visible:before{width:20px;background:var(--leven-licht)}.leven__bijschrift{grid-column:1 / -1;text-align:end;margin:var(--s-2) 0 0;font-size:var(--t-meta);letter-spacing:.1em;color:var(--scene-inkt-2);opacity:.6}@media(min-width:900px){.scene--leven{grid-template-rows:none;grid-template-columns:minmax(0,46ch) minmax(0,1fr);align-items:center;gap:var(--s-9);padding-inline:var(--s-9);text-align:left}.leven__doen{justify-content:flex-start}.leven__tekst{font-size:var(--t-tekst)}.leven__toneel{width:min(100%,700px);justify-self:center}.leven__raster{height:clamp(300px,60svh,560px)}.scene--leven{gap:var(--s-9);padding-block:calc(var(--balk-h) + var(--s-5))}.leven__uitleg{min-height:4.8em}}.scene--eik{--scene-accent: #d9a25c;--scene-bg: radial-gradient(120% 90% at 22% 18%, #221913 0%, #14100d 48%, #080706 100%);--scene-inkt: #f2ece3;--scene-zacht: #a99b88;--eik-warm: #d9a25c;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));background:var(--scene-bg);color:var(--scene-inkt)}:root[data-theme=light] .scene--eik,:root:not([data-theme=dark]) .scene--eik{--scene-accent: #d9a25c;--scene-bg: radial-gradient(120% 90% at 22% 18%, #f7f2ea 0%, #ece4d8 50%, #d8cdbd 100%);--scene-inkt: #1d1712;--scene-zacht: #6b5c49}.eik__woord{max-width:54ch}.eik__duur{margin:0 0 var(--s-2);color:var(--eik-warm);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.eik__titel{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.eik__tekst{margin:0 0 var(--s-4);color:var(--scene-inkt);text-wrap:pretty}.eik__uitleg{margin:0 0 var(--s-3);color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.eik__herkomst{margin:0;color:var(--scene-zacht);font-size:var(--t-meta)}.eik__blad{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--s-5);padding:var(--s-5);border-radius:16px;background:linear-gradient(160deg,#17120e,#0c0a08);box-shadow:0 26px 70px -34px #000000e6,inset 0 0 0 1px #ffffff0d}.eik__stam{width:clamp(120px,34vw,190px);height:auto;border-radius:50%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}.eik__strookvak{position:relative;width:100%}.eik__strook{position:relative;height:clamp(64px,12vw,152px);border-radius:5px;background:#0c0a08 url(/kern.jpg) center / 100% 100% no-repeat;cursor:crosshair;touch-action:none}.eik__strook:focus-visible{outline:2px solid var(--eik-warm);outline-offset:5px}.eik__naald{position:absolute;top:-6px;bottom:-6px;left:var(--x, 100%);width:2px;translate:-50% 0;background:var(--eik-warm);box-shadow:0 0 10px color-mix(in oklab,var(--eik-warm) 70%,transparent);opacity:0;transition:opacity .15s ease;pointer-events:none}.eik__loep{position:absolute;left:var(--x, 100%);bottom:calc(100% + 18px);width:168px;height:168px;translate:-50% 0;border-radius:50%;background:#0c0a08 url(/kern.jpg) var(--bg, 0) center / var(--bgw, 4000px) 100% no-repeat;box-shadow:0 0 0 2px color-mix(in oklab,var(--eik-warm) 60%,transparent),0 14px 34px -12px #000000e6;pointer-events:none}.eik__loep,.eik__naald{opacity:1}.eik__merken{position:relative;height:26px;margin-top:var(--s-2)}.eik__merk{position:absolute;left:var(--p);top:0;translate:-50% 0;width:34px;height:26px;padding:0;border:0;background:none;color:var(--eik-warm);cursor:pointer}@media(max-width:767px){.eik__merken{height:58px}.eik__merk{top:calc(var(--rij, 0) * 30px)}}.eik__merk:before{content:"";position:absolute;left:50%;top:0;width:2px;height:9px;translate:-50% 0;border-radius:1px;background:color-mix(in oklab,var(--eik-warm) 55%,transparent);transition:height .2s ease,background .2s ease}.eik__merk:hover:before,.eik__merk[data-nu]:before{height:15px;background:var(--eik-warm)}.eik__merk span{position:absolute;left:50%;bottom:0;translate:-50% 0;font-size:.6875rem;opacity:0;transition:opacity .2s ease;white-space:nowrap}.eik__merk:hover span,.eik__merk[data-nu] span{opacity:1}.eik__stand{margin-top:var(--s-3)}.eik__jaar{margin:0 0 2px;color:var(--eik-warm);font-size:var(--t-halte)}.eik__leeftijd{color:var(--scene-zacht);font-size:var(--t-klein)}.eik__wat{margin:0;min-height:3.4em;max-width:62ch;color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.eik__wat[data-aan]{color:var(--scene-inkt)}@media(min-width:900px){.scene--eik{grid-template-columns:minmax(0,32ch) minmax(0,1fr);align-items:center;gap:var(--s-7);padding-inline:var(--s-7)}.eik__blad{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:stretch;gap:var(--s-6);padding:var(--s-6)}.eik__stam{width:clamp(180px,22vw,340px)}}.scene--jaar{--scene-accent: #ffb445;--scene-bg: radial-gradient(120% 100% at 68% 46%, #171a26 0%, #0b0d15 52%, #05060a 100%);--scene-inkt: #eef1f8;--scene-zacht: #98a0b4;--jaar-warm: #ffb445;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-4));background:var(--scene-bg);color:var(--scene-inkt)}:root[data-theme=light] .scene--jaar,:root:not([data-theme=dark]) .scene--jaar{--scene-accent: #ffb445;--scene-bg: radial-gradient(120% 100% at 68% 46%, #fdf6e9 0%, #eceef5 52%, #d9dde8 100%);--scene-inkt: #12141c;--scene-zacht: #5b6377;--jaar-warm: #c26a00}.jaar__woord{max-width:52ch}.jaar__duur{margin:0 0 var(--s-2);color:var(--jaar-warm);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.jaar__titel{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.jaar__tekst{margin:0 0 var(--s-4);text-wrap:pretty}.jaar__stand{margin:0 0 var(--s-2);color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.jaar__stand b{color:var(--scene-inkt);font-weight:500}.jaar__meteen{margin:0 0 var(--s-4);padding-left:var(--s-3);border-left:2px solid color-mix(in oklab,var(--jaar-warm) 60%,transparent);color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.jaar__meteen b{color:var(--jaar-warm);font-weight:500}.jaar__uitleg{margin:0 0 var(--s-3);min-height:4.6em;color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty;transition:color .25s ease}.jaar__uitleg[data-aan]{color:var(--scene-inkt)}.jaar__herkomst{margin:0;color:var(--scene-zacht);font-size:var(--t-meta)}.jaar__toneel{position:relative;width:min(84vw,52svh);aspect-ratio:1;justify-self:center}.jaar__beeld{display:block;width:100%;height:auto}.jaar__lichtring{fill:none;stroke:var(--jaar-warm);stroke-width:7;stroke-linecap:round;opacity:.85;stroke-dasharray:var(--kop, 0) 1}.jaar__lichtnul{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 16%,transparent);stroke-width:1;stroke-dasharray:2 6}.jaar__baan{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 22%,transparent);stroke-width:1.2}.jaar__gedaan{fill:none;stroke:var(--jaar-warm);stroke-width:2.6;stroke-linecap:round;opacity:.9}.jaar__tik{stroke:color-mix(in oklab,var(--scene-inkt) 34%,transparent);stroke-width:1.1}.jaar__maand{fill:var(--scene-zacht);font-size:9px;letter-spacing:.08em}.jaar__kern{fill:#fff3cf}.jaar__vandaag circle:first-child{fill:none;stroke:var(--jaar-warm);stroke-width:1.6;opacity:.7}.jaar__vandaag circle:last-child{fill:var(--jaar-warm)}.jaar__licht{margin:0 0 var(--s-3);color:var(--jaar-warm);font-size:var(--t-halte)}.jaar__licht-uit{color:var(--scene-zacht);font-size:var(--t-klein)}.jaar__gloed{fill:color-mix(in oklab,#7fb4ff 55%,transparent)}.jaar__merken{position:absolute;inset:0}.jaar__merk{position:absolute;left:var(--x);top:var(--y);width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;border:0;background:none;cursor:pointer}.jaar__merk span{position:absolute;left:50%;top:50%;width:9px;height:9px;translate:-50% -50%;border-radius:50%;background:color-mix(in oklab,var(--scene-inkt) 45%,transparent);transition:background .2s ease,scale .2s ease}.jaar__merk:hover span,.jaar__merk:focus-visible span{background:var(--jaar-warm);scale:1.25}.jaar__merk[data-nu] span{background:var(--jaar-warm);scale:1.5;box-shadow:0 0 0 4px color-mix(in oklab,var(--jaar-warm) 26%,transparent)}@media(min-width:900px){.scene--jaar{--scene-accent: #ffb445;grid-template-columns:minmax(0,40ch) minmax(0,1fr);align-items:center;gap:var(--s-8);padding-inline:var(--s-8)}.jaar__toneel{width:min(46vw,78svh)}}.scene--dino{--scene-bg: radial-gradient(120% 100% at 30% 20%, #241a13 0%, #140e0a 50%, #070505 100%);--scene-inkt: #f4ede4;--scene-zacht: #a5978a;--dino-warm: #e0873c;--dino-vlak: #140e0a;--dino-band: clamp(172px, 31svh, 360px);position:relative;overflow:hidden;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--dino-band) + var(--s-4));background:var(--scene-bg);color:var(--scene-inkt)}:root[data-theme=light] .scene--dino,:root:not([data-theme=dark]) .scene--dino{--scene-bg: radial-gradient(120% 100% at 30% 20%, #f8f2e8 0%, #ece3d6 52%, #d5c9b8 100%);--scene-inkt: #1b1510;--scene-zacht: #6b5f52;--dino-warm: #b3560c;--dino-vlak: #ece3d6}.dino__woord{max-width:52ch}.dino__duur{margin:0 0 var(--s-2);color:var(--dino-warm);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.dino__titel{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.dino__tekst{margin:0 0 var(--s-4);text-wrap:pretty}.dino__stand{margin:0 0 var(--s-2);color:var(--dino-warm);font-size:var(--t-halte)}.dino__leeg,.dino__loopstand{color:var(--dino-warm)}.dino__periode{color:var(--scene-zacht);font-size:var(--t-klein)}.dino__uitleg{margin:0 0 var(--s-4);min-height:5.2em;color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty;transition:color .25s ease}.dino__uitleg[data-aan]{color:var(--scene-inkt)}.dino__herkomst{margin:var(--s-3) 0 0;color:var(--scene-zacht);font-size:var(--t-meta)}.dino__slot{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .5s ease .15s;pointer-events:none}.dino__slot>*{overflow:hidden}.scene--dino[data-knal=na] .dino__slot{grid-template-rows:1fr;opacity:1;pointer-events:auto}.dino__slot-groot{margin:0 0 var(--s-2);font-family:var(--font-display);font-size:clamp(1.15rem,1.5vw,1.75rem);font-weight:600;line-height:1.15;text-wrap:balance}.dino__slot-klein{margin:0 0 var(--s-3);color:var(--scene-zacht);font-size:var(--t-klein);text-wrap:pretty}.dino__knop{min-height:40px;padding:0 var(--s-4);border:1px solid color-mix(in oklab,var(--dino-warm) 55%,transparent);border-radius:999px;background:color-mix(in oklab,var(--dino-warm) 14%,transparent);color:var(--scene-inkt);font:inherit;font-size:var(--t-klein);cursor:pointer}.dino__knop:hover{background:color-mix(in oklab,var(--dino-warm) 26%,transparent)}.dino__toneel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);justify-self:center;width:min(100%,560px)}.dino__wand{position:relative;width:clamp(72px,16vw,128px);height:clamp(200px,30svh,340px);border-radius:4px;background:#12100e url(/lagen.jpg) center / 100% 100% no-repeat;box-shadow:0 20px 50px -26px #000000e6,inset 0 0 0 1px #ffffff0f;cursor:crosshair;touch-action:none}.dino__wand:focus-visible{outline:2px solid var(--dino-warm);outline-offset:5px}.dino__tijdperk{position:absolute;left:-7px;top:var(--van);bottom:calc(100% - var(--tot));width:3px;border-radius:2px;background:var(--dino-warm);opacity:.85}.dino__grens{position:absolute;left:-4px;right:-4px;top:var(--p);height:2px;translate:0 -50%;background:#fff;opacity:.55;pointer-events:none}.dino__peil{position:absolute;left:-10px;right:-10px;top:var(--y, 100%);height:3px;translate:0 -50%;background:var(--dino-warm);box-shadow:0 0 14px color-mix(in oklab,var(--dino-warm) 85%,transparent);opacity:.95;pointer-events:none}.dino__peil:after{content:"";position:absolute;right:100%;top:50%;translate:0 -50%;border:5px solid transparent;border-right-color:var(--dino-warm)}.dino__merken{position:relative}.dino__merk{position:absolute;left:0;top:var(--p);translate:0 calc(-50% + var(--duw, 0px));display:flex;align-items:center;gap:var(--s-2);min-height:26px;padding:0;border:0;background:none;color:var(--scene-zacht);font-size:.75rem;text-align:left;cursor:pointer;transition:color .2s ease}.dino__merk:before{content:"";width:12px;height:1px;background:currentColor;flex:none}.dino__merk:hover,.dino__merk:focus-visible,.dino__merk[data-nu]{color:var(--scene-inkt)}.dino__merk[data-inslag]{color:var(--dino-warm)}.dino__merk[data-inslag]:before{height:2px;width:18px}.dino__knal{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.dino__komeet,.dino__flits{position:absolute;opacity:0}.dino__komeet{right:-20%;top:-14%;width:46vmax;height:3px;transform-origin:100% 50%;rotate:34deg;background:linear-gradient(to left,#fff 0%,#ffd9a0 18%,rgba(255,170,60,.5) 48%,transparent 100%);filter:drop-shadow(0 0 14px rgba(255,190,110,.9))}.dino__flits{inset:0;background:radial-gradient(60% 60% at 26% 76%,#fffdf6,#fff3dc 42%,#ffd9a4 68%,#ffd29600)}.dino__knal[data-knal=valt] .dino__komeet{animation:dino-komeet .9s cubic-bezier(.5,0,.9,.4) 1 both}.dino__knal[data-knal=valt] .dino__flits{animation:dino-flits 1.9s ease-out .86s 1 both}@keyframes dino-komeet{0%{opacity:0;translate:0 0;scale:.6 1}14%{opacity:1}to{opacity:1;translate:-74vw 52vh;scale:1.5 1}}@keyframes dino-flits{0%{opacity:0}4%{opacity:1}26%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.dino__knal[data-knal=valt] .dino__komeet,.dino__knal[data-knal=valt] .dino__flits{animation:none;opacity:0}}@media(min-width:900px){.scene--dino{grid-template-columns:minmax(0,42ch) minmax(0,1fr);align-items:center;gap:var(--s-8);padding-inline:var(--s-8)}.dino__toneel{width:min(100%,620px)}}.dino__landschap{position:absolute;left:0;right:0;bottom:0;height:var(--dino-band);overflow:hidden}.dino__landschap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:0;transition:opacity .55s ease}.dino__landschap img[data-aan]{opacity:1}.dino__landschap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--dino-vlak) 0%,rgba(0,0,0,0) 38%);pointer-events:none}.dino__wie{position:absolute;left:var(--s-5);top:var(--s-2);z-index:1;margin:0;max-width:62ch;color:#e7e2da;font-size:var(--t-meta);text-shadow:0 1px 10px rgba(0,0,0,.9)}.dino__weten{display:block;margin-top:2px;color:#b9b2a6;text-wrap:pretty}@media(min-width:900px){.dino__wie{left:var(--s-8)}}.verteller{margin:var(--s-4) 0 0;max-width:58ch}.verteller__maat{margin:0 0 var(--s-2);color:var(--scene-zacht);font-size:var(--t-meta);letter-spacing:.1em;text-transform:uppercase}.verteller__maat span{opacity:.72}.verteller__regel{margin:0;min-height:4.4em;color:var(--scene-inkt);font-size:var(--t-klein);line-height:1.5;text-wrap:pretty;animation:verteller-in .45s ease both}.verteller__regel b{display:block;margin-bottom:2px;color:var(--scene-accent, var(--accent));font-size:var(--t-meta);letter-spacing:.04em}@keyframes verteller-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scene:not([data-zicht]) .verteller__regel{animation-play-state:paused}:root[data-stil] .verteller__regel{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.verteller__regel{animation:none}}.scene--week{--scene-accent: #6f8cf0;--scene-bg: radial-gradient(120% 90% at 78% 12%, #141a2a 0%, #0d111c 52%, #070910 100%);--scene-inkt: #eef1fa;--scene-zacht: #98a2bd;--scene-vlak: #161d30;--vakhoogte: clamp(2.4rem, 7.5vw, 4.2rem);min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));background:var(--scene-bg);color:var(--scene-inkt)}:root[data-theme=light] .scene--week,:root:not([data-theme=dark]) .scene--week{--scene-accent: #2b45c4;--scene-bg: radial-gradient(120% 90% at 78% 12%, #f4f6fc 0%, #e7ebf6 52%, #d4dbec 100%);--scene-inkt: #10141f;--scene-zacht: #55607a;--scene-vlak: #fbfcfe}.week__woord{max-width:58ch}.week__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.week__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.week__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst);color:var(--scene-inkt)}.week__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.week__blad{display:grid;gap:var(--s-1);padding:var(--s-6);border-radius:16px;background:linear-gradient(160deg,color-mix(in oklab,var(--scene-vlak) 92%,transparent),transparent);box-shadow:0 26px 70px -34px #000000b3,inset 0 0 0 1px color-mix(in oklab,var(--scene-inkt) 8%,transparent)}.week__maan{display:grid;gap:.6rem;margin-bottom:var(--s-1);animation:week-op .5s var(--gewoon) both}.week__maan[hidden]{display:none}.week__maanbalk{position:relative;display:flex;gap:2px;padding-bottom:1.2rem}.week__maandeel{flex:0 0 var(--w);display:grid;place-items:center;height:1.4rem;border-radius:3px;background:color-mix(in oklab,var(--scene-accent) 20%,transparent);border:1px solid color-mix(in oklab,var(--scene-accent) 45%,transparent);font:400 .64rem / 1 var(--font-mono);color:var(--scene-zacht)}.week__maanbalk--week .week__maandeel{background:color-mix(in oklab,var(--scene-inkt) 12%,transparent);border-color:color-mix(in oklab,var(--scene-inkt) 26%,transparent)}.week__maangat{flex:0 0 var(--w);height:1.4rem;border-radius:3px;border:1px dashed color-mix(in oklab,var(--scene-accent) 70%,transparent);background:repeating-linear-gradient(45deg,transparent 0 3px,color-mix(in oklab,var(--scene-accent) 28%,transparent) 3px 6px)}.week__maanlabel{position:absolute;inset-inline-start:0;inset-block-end:0;font-size:.64rem;font-weight:400;color:var(--scene-zacht)}.week__baan{position:relative;display:grid;gap:4px}.week__rij{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px}.week__rijnaam{position:absolute;inset-inline-end:calc(100% + .6rem);align-self:center;font-size:.62rem;color:var(--kleur, var(--scene-zacht));white-space:nowrap}.week__baan:has(.week__rijnaam){margin-inline-start:3.6rem}.week__baan[data-kleuren] .week__rij{position:relative}.week__vak{position:relative;display:grid;place-content:center;gap:.15rem;height:var(--vakhoogte);border:1px solid color-mix(in oklab,var(--scene-inkt) 30%,transparent);border-radius:5px;background:color-mix(in oklab,var(--scene-inkt) 9%,transparent);transition:background var(--gewoon),border-color var(--gewoon);animation:week-op .4s var(--gewoon) both;animation-delay:calc(var(--i) * .03s + var(--r, 0) * .05s)}.week__vak[data-rust]{background:color-mix(in oklab,var(--scene-accent) 22%,transparent);border-color:color-mix(in oklab,var(--scene-accent) 60%,transparent)}.week__teken{font-size:clamp(.95rem,3vw,1.45rem);line-height:1;color:var(--scene-accent)}.week__naam{font-size:.6rem;letter-spacing:.05em;color:var(--scene-zacht)}.week__baan[data-kleuren] .week__vak{height:clamp(1.5rem,4.4vw,2.3rem)}.week__baan[data-kleuren] .week__rij:nth-child(1){--kleur: #d8a200}.week__baan[data-kleuren] .week__rij:nth-child(2){--kleur: #d96a1e}.week__baan[data-kleuren] .week__rij:nth-child(3){--kleur: #c8382f}.week__baan[data-kleuren] .week__rij:nth-child(4){--kleur: #7a4bb5}.week__baan[data-kleuren] .week__rij:nth-child(5){--kleur: #2f8f52}.week__baan[data-kleuren] .week__vak[data-rust]{background:color-mix(in oklab,var(--kleur) 55%,transparent);border-color:var(--kleur)}.week__baan[data-nadruk] .week__vak[data-rust]{box-shadow:0 0 0 2px color-mix(in oklab,var(--kleur, var(--scene-accent)) 50%,transparent)}.week__veeg{position:absolute;inset-block:0;inset-inline-start:0;width:calc((100% - (var(--n) - 1) * 4px) / var(--n));border-radius:5px;pointer-events:none;border:2px solid var(--scene-accent);background:color-mix(in oklab,var(--scene-accent) 12%,transparent);box-shadow:0 0 18px color-mix(in oklab,var(--scene-accent) 40%,transparent);animation:week-veeg calc(var(--n) * .5s) steps(var(--n)) infinite}@keyframes week-veeg{0%{transform:translate(0)}to{transform:translate(calc(var(--n) * 100% + var(--n) * 4px))}}@keyframes week-op{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.week__onder{margin:0;font-size:.72rem;color:var(--scene-zacht)}@media(prefers-reduced-motion:reduce){.week__vak,.week__maan{animation:none}.week__veeg{box-shadow:none}}@media(min-width:768px){.week__blad{gap:var(--s-6)}}.scene--nacht{--scene-accent: #8fa8ff;--scene-inkt: #e8ecf8;--scene-zacht: #8e98b4;--dageraad: calc(max(0, var(--kop, 0) - .62) / .38);min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:linear-gradient(180deg,color-mix(in oklab,#f0a06a calc(var(--dageraad) * 42%),transparent) 0%,transparent 46%),radial-gradient(140% 100% at 50% 108%,#1a2138,#0c1020 45%,#05070f)}:root[data-theme=light] .scene--nacht,:root:not([data-theme=dark]) .scene--nacht{--scene-accent: #33499e;--scene-inkt: #0f1320;--scene-zacht: #59617a;background:linear-gradient(180deg,color-mix(in oklab,#ffbb7a calc(var(--dageraad) * 55%),transparent) 0%,transparent 46%),radial-gradient(140% 100% at 50% 108%,#dfe4f2,#eef1f8 45%,#f6f8fc)}.nacht__woord{max-width:58ch}.nacht__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.nacht__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.nacht__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.nacht__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.nacht__blad{display:grid;gap:var(--s-5)}.nacht__stand{display:flex;align-items:baseline;gap:.8rem;margin:0}.nacht__klok{font-size:clamp(1.4rem,3.4vw,2.2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.nacht__stadium{font-size:var(--t-klein);color:var(--scene-zacht);letter-spacing:.08em}.nacht__grafiek{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.7rem}.nacht__assen{display:grid;grid-template-rows:repeat(4,1fr);margin:0;padding:0;list-style:none;font-size:.6rem;color:var(--scene-zacht);text-align:end}.nacht__assen li{line-height:1}.nacht__svg{width:100%;height:clamp(9rem,26vh,15rem);overflow:visible}.nacht__raster{stroke:color-mix(in oklab,var(--scene-inkt) 14%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.nacht__cyclus{stroke:color-mix(in oklab,var(--scene-inkt) 10%,transparent);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.nacht__klip{width:calc(var(--kop, 0) * 480px)}.nacht__rem{fill:color-mix(in oklab,var(--scene-accent) 22%,transparent)}.nacht__lijn{fill:none;stroke:var(--scene-accent);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nacht__vlak{position:relative}.nacht__wijzer{position:absolute;inset-block:0;inset-inline-start:calc(var(--kop, 0) * 100%);width:2px;background:color-mix(in oklab,var(--scene-accent) 75%,transparent);box-shadow:0 0 14px color-mix(in oklab,var(--scene-accent) 45%,transparent);pointer-events:none}.nacht__balken{display:grid;gap:.45rem}.nacht__balk{display:grid;grid-template-columns:7rem minmax(0,1fr) 4rem;align-items:center;gap:.6rem}.nacht__balknaam{font-size:.64rem;color:var(--scene-zacht)}.nacht__getal{font-size:.64rem;color:var(--scene-zacht);text-align:end}.nacht__staaf{height:.55rem;border-radius:3px;background:color-mix(in oklab,var(--scene-accent) 55%,transparent);width:calc(var(--deel, 0) / 480 * 100%)}.nacht__balk[data-stadium=wakker] .nacht__staaf{--deel: var(--wakker, 0);opacity:.45}.nacht__balk[data-stadium=rem] .nacht__staaf{--deel: var(--rem, 0)}.nacht__balk[data-stadium=licht] .nacht__staaf{--deel: var(--licht, 0);opacity:.7}.nacht__balk[data-stadium=diep] .nacht__staaf{--deel: var(--diep, 0);background:color-mix(in oklab,var(--scene-accent) 90%,var(--scene-inkt))}@media(max-width:767px){.scene--nacht{gap:var(--s-5)}.nacht__blad{gap:var(--s-2)}.nacht__balk{grid-template-columns:5.2rem minmax(0,1fr) 3.2rem;gap:.4rem}.nacht__balken{gap:.3rem}.nacht__assen{font-size:.5rem}.nacht__svg{height:clamp(6rem,17vh,9rem)}.nacht__klok{font-size:1.3rem}}.scene--verval{--scene-accent: #6fd3c0;--scene-dood: #3b4760;--scene-inkt: #e9f1f0;--scene-zacht: #8fa0a8;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 90% at 26% 14%,#12211f,#0b1114 52%,#05080a)}:root[data-theme=light] .scene--verval,:root:not([data-theme=dark]) .scene--verval{--scene-accent: #0f7a68;--scene-dood: #c3ccd6;--scene-inkt: #0d1614;--scene-zacht: #5a6a70;background:radial-gradient(120% 90% at 26% 14%,#eef6f4,#e6eeed 52%,#d7e2e0)}.verval__woord{max-width:58ch}.verval__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.verval__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.verval__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.verval__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.verval__blad{display:grid;gap:var(--s-2);max-width:46rem}.verval__stand{display:flex;align-items:baseline;gap:.7rem;margin:0;flex-wrap:wrap}.verval__over{font-size:clamp(1.5rem,3.6vw,2.4rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.verval__van{font-size:var(--t-klein);color:var(--scene-zacht)}.verval__deel{margin-inline-start:auto;font-size:var(--t-klein);color:var(--scene-zacht);font-variant-numeric:tabular-nums}.verval__wolk{display:grid;grid-template-columns:repeat(16,1fr);gap:clamp(3px,.7vw,6px);max-width:24rem}.verval__atoom{aspect-ratio:1;border-radius:50%;--leeft: clamp(0, (var(--t) - var(--kop, 0)) * 70, 1);--flits: calc(var(--leeft) * (1 - var(--leeft)) * 4);background:color-mix(in oklab,#fff4cf calc(var(--flits) * 100%),color-mix(in oklab,var(--scene-accent) calc(var(--leeft) * 100%),var(--scene-dood)));transform:scale(calc(.58 + var(--leeft) * .42 + var(--flits) * .55))}.verval__kromme{position:relative;margin-top:var(--s-2)}.verval__kromme svg{width:100%;height:clamp(4rem,12vh,6.5rem);overflow:visible}.verval__merk{stroke:color-mix(in oklab,var(--scene-inkt) 16%,transparent);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.verval__lijn{fill:none;stroke:var(--scene-accent);stroke-width:2;vector-effect:non-scaling-stroke}.verval__masker{width:calc(var(--kop, 0) * 1px)}.verval__as{display:grid;grid-template-columns:repeat(4,1fr);margin:.2rem 0 0;padding:0;list-style:none;font-size:.6rem;color:var(--scene-zacht)}.verval__as li{text-align:end}.verval__onder{margin:var(--s-1) 0 0;font-size:.68rem;line-height:1.5;color:var(--scene-zacht);max-width:62ch}@media(min-width:1000px){.scene--verval{grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:center}}@media(max-width:767px){.scene--verval{gap:var(--s-5)}.verval__blad{gap:var(--s-1)}.verval__wolk{grid-template-columns:repeat(24,1fr);gap:2px;max-width:none}.verval__over{font-size:1.3rem}.verval__kromme svg{height:clamp(3rem,9vh,4.5rem)}.verval__onder{font-size:.62rem}}.scene--maan{--scene-accent: #b9c6ff;--scene-inkt: #eef1fb;--scene-zacht: #96a0bd;--maan-licht: #e8ecf7;--maan-zee: #9aa4be;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 100% at 50% 50%,#0f1422,#080b14 55%,#03040a)}:root[data-theme=light] .scene--maan,:root:not([data-theme=dark]) .scene--maan{--scene-accent: #2e3f86;--scene-inkt: #0e1220;--scene-zacht: #5b6484;--maan-licht: #dde2ef;--maan-zee: #a4adc6;background:radial-gradient(120% 100% at 50% 50%,#e9edf7,#f2f5fb 55%,#fbfcfe)}.maan__woord{max-width:58ch}.maan__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.maan__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.maan__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.maan__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.maan__blad{display:grid;gap:var(--s-2);justify-items:start}.maan__stand{display:flex;gap:.8rem;align-items:baseline;margin:0;flex-wrap:wrap}.maan__dag{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.maan__uitleg{font-size:var(--t-klein);color:var(--scene-zacht)}.maan__vlak{position:relative;width:min(100%,32rem);aspect-ratio:1;margin-inline-end:2.5rem}.maan__svg{position:relative;width:100%;height:100%;overflow:visible}.maan__sector{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in oklab,var(--scene-accent) 16%,transparent) 0turn calc(var(--kop, 0) * 1turn),transparent calc(var(--kop, 0) * 1turn));mask:radial-gradient(circle at 50% 50%,transparent 14%,#000 15%,#000 100%)}.maan__spoor{fill:none;stroke:var(--scene-accent);stroke-width:.7;stroke-linecap:round;stroke-dasharray:var(--kop, 0) 1;opacity:.85}.maan__spoor--spook{opacity:.35;stroke-width:.5}.maan__hemel circle{fill:color-mix(in oklab,var(--scene-inkt) 45%,transparent)}:root[data-theme=light] .maan__hemel circle,:root:not([data-theme=dark]) .maan__hemel circle{fill:color-mix(in oklab,var(--scene-inkt) 18%,transparent)}.maan__baan{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 14%,transparent);stroke-width:.3}.maan__baan--spook{stroke-dasharray:1.4 1.8}.maan__aarde{fill:color-mix(in oklab,var(--scene-accent) 40%,var(--scene-inkt))}.maan__zonkant line{stroke:#f0c26a;stroke-width:.5;stroke-dasharray:2 1.6}.maan__zonkant text{fill:#f0c26a;font:400 3px var(--font-mono)}.maan__ster line{stroke:color-mix(in oklab,var(--scene-inkt) 28%,transparent);stroke-width:.3;stroke-dasharray:1 1.6}.maan__ster text{fill:var(--scene-zacht);font:400 3px var(--font-mono)}.maan__zonkant{transform-box:view-box;transform-origin:50px 50px;transform:rotate(calc(var(--kop, 0) * 27deg))}.maan__arm{transform-box:view-box;transform-origin:50px 50px;transform:rotate(calc(var(--kop, 0) * 360deg))}.maan__bol{fill:var(--maan-licht)}.maan__zee ellipse{fill:var(--maan-zee)}.maan__merk{fill:var(--scene-accent)}.maan__rand{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 35%,transparent);stroke-width:.3}.maan__nacht{fill:color-mix(in oklab,#05070f 82%,transparent);transform-box:fill-box;transform-origin:100% 50%;transform:rotate(calc(var(--kop, 0) * 27deg - var(--kop, 0) * 360deg))}.maan__spookdraai{transform-box:fill-box;transform-origin:center;transform:rotate(calc(var(--kop, 0) * -360deg));opacity:.62}.maan__onder{margin:0;max-width:60ch;font-size:.68rem;line-height:1.5;color:var(--scene-zacht)}@media(min-width:1000px){.scene--maan{grid-template-columns:minmax(0,1fr) minmax(0,36rem);align-items:center}}@media(max-width:767px){.scene--maan{gap:var(--s-5)}.maan__blad{order:-1;gap:var(--s-1)}.maan__vlak{width:min(100%,17rem);margin-inline:auto 1.6rem}.maan__dag{font-size:1.1rem}.maan__uitleg{display:none}.maan__onder{font-size:.62rem}}.scene--halley{--scene-accent: #7fd6ef;--scene-inkt: #e8f3f7;--scene-zacht: #8fa3ad;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(130% 120% at 12% 40%,#0d1a20,#070d12,#03060a)}:root[data-theme=light] .scene--halley,:root:not([data-theme=dark]) .scene--halley{--scene-accent: #0d6a86;--scene-inkt: #08171d;--scene-zacht: #566a73;background:radial-gradient(130% 120% at 12% 40%,#edf5f8,#e5eff3,#f7fafb)}.halley__woord{max-width:58ch}.halley__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.halley__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.halley__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.halley__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.halley__blad{display:grid;gap:var(--s-2)}.halley__stand{display:flex;gap:.8rem;align-items:baseline;margin:0;flex-wrap:wrap}.halley__jaar{font-size:clamp(1.4rem,3.4vw,2.2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.halley__afstand{font-size:var(--t-klein);color:var(--scene-zacht)}.halley__svg{width:100%;height:clamp(8rem,24vh,15rem)}.halley__planeet circle{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 13%,transparent);stroke-width:.08}.halley__planeet text{fill:var(--scene-zacht);font:400 .85px var(--font-mono);text-anchor:middle}.halley__baan{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 20%,transparent);stroke-width:.1}.halley__spoor{fill:none;stroke:var(--scene-accent);stroke-width:.16;stroke-linecap:round;stroke-dasharray:var(--kop, 0) 1}.halley__zon{fill:#ffd68a}:root[data-theme=light] .halley__zon,:root:not([data-theme=dark]) .halley__zon{fill:#e09a1c}.halley__komeet{transform:translate(calc(var(--cx, -.59) * 1px),calc(var(--cy, 0) * 1px))}.halley__kern{fill:#fff}:root[data-theme=light] .halley__kern,:root:not([data-theme=dark]) .halley__kern{fill:#0b2a33}.halley__staart{fill:color-mix(in oklab,var(--scene-accent) 55%,transparent);transform:rotate(var(--hoek, 180deg)) scaleX(var(--staart, 1));transform-box:fill-box;transform-origin:0px .9px;opacity:var(--staart, 1)}.halley__balk{position:relative;height:3.2rem;margin:var(--s-2) 0 0;padding:0;list-style:none;border-top:1px solid color-mix(in oklab,var(--scene-inkt) 18%,transparent)}.halley__bezoek{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--jaar) * 100%)}.halley__streep{display:block;width:1px;height:.8rem;background:color-mix(in oklab,var(--scene-inkt) 35%,transparent)}.halley__label{position:absolute;inset-block-start:1rem;inset-inline-start:0;transform:translate(-50%);font-size:.6rem;color:var(--scene-zacht)}.halley__bezoek[data-nu] .halley__streep{height:1.4rem;width:2px;background:var(--scene-accent)}.halley__bezoek[data-nu] .halley__label{color:var(--scene-accent);inset-block-start:1.6rem}.halley__leven{position:absolute;inset-block-start:2.4rem;inset-inline-start:calc((1955 - 1040) / 1040 * 100%);width:calc(80 / 1040 * 100%);height:.5rem;border:1px solid color-mix(in oklab,var(--scene-inkt) 40%,transparent);border-block-end:0}.halley__levenslabel{position:absolute;inset-block-start:.55rem;inset-inline-start:50%;transform:translate(-50%);white-space:nowrap;font-size:.58rem;color:var(--scene-zacht)}@media(max-width:767px){.halley__planeet[data-krap] text{display:none}.halley__svg{height:clamp(6rem,17vh,10rem)}}.halley__onder{margin:var(--s-2) 0 0;max-width:70ch;font-size:var(--t-meta);line-height:1.6;color:var(--scene-zacht)}.scene--lichtmeter{--scene-accent: #ffe27a;--scene-inkt: #f4f2e8;--scene-zacht: #a0998a;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 100% at 20% 30%,#1b1a12,#100f0b 55%,#060605)}:root[data-theme=light] .scene--lichtmeter,:root:not([data-theme=dark]) .scene--lichtmeter{--scene-accent: #8a6b00;--scene-inkt: #14130d;--scene-zacht: #6b6557;background:radial-gradient(120% 100% at 20% 30%,#faf7ec,#f3f0e5 55%,#fdfcf8)}.licht__woord{max-width:58ch}.licht__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.licht__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.licht__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.licht__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.licht__blad{display:grid;gap:var(--s-2)}.licht__stand{display:flex;gap:.9rem;align-items:baseline;margin:0;flex-wrap:wrap}.licht__cm{font-size:clamp(1.4rem,3.4vw,2.2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.licht__ns{font-size:var(--t-klein);color:var(--scene-inkt);font-variant-numeric:tabular-nums}.licht__lat{position:relative;height:4.5rem;border-block-end:1px solid color-mix(in oklab,var(--scene-inkt) 30%,transparent)}.licht__ticks{position:absolute;inset:0}.licht__tick{position:absolute;inset-block-end:0;inset-inline-start:calc(var(--i) * 1%);width:1px;height:.5rem;background:color-mix(in oklab,var(--scene-inkt) 25%,transparent)}.licht__tick[data-tien]{height:1.1rem;background:color-mix(in oklab,var(--scene-inkt) 45%,transparent)}.licht__cijfers{position:absolute;inset-block-end:1.3rem;inset-inline:0;margin:0;padding:0;list-style:none;height:0}.licht__cijfers li{position:absolute;inset-inline-start:calc(var(--c) * 100%);transform:translate(-50%);font-size:.6rem;color:var(--scene-zacht)}.licht__puls{position:absolute;inset-block:0 .5rem;inset-inline-start:calc(var(--kop, 0) * 100%);width:0}.licht__kern{position:absolute;inset-block-end:0;inset-inline-start:-3px;width:6px;height:2.6rem;border-radius:3px;background:var(--scene-accent);box-shadow:0 0 26px 6px color-mix(in oklab,var(--scene-accent) 60%,transparent)}.licht__sleep{position:absolute;inset-block-end:0;inset-inline-end:0;width:6rem;height:2.6rem;background:linear-gradient(to right,transparent,color-mix(in oklab,var(--scene-accent) 28%,transparent))}.licht__klok{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.7rem;align-items:center}.licht__kloknaam{font-size:.64rem;color:var(--scene-zacht)}.licht__slagen{position:relative;height:1rem}.licht__slag{position:absolute;inset-block:0;inset-inline-start:calc(var(--s) * 100%);width:2px;margin-inline-start:-1px;background:color-mix(in oklab,var(--scene-inkt) 22%,transparent)}.licht__slag{--geweest: clamp(0, (var(--kop, 0) - var(--s)) * 40 + 1, 1);background:color-mix(in oklab,var(--scene-accent) calc(var(--geweest) * 100%),color-mix(in oklab,var(--scene-inkt) 22%,transparent))}.licht__naast{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.licht__naast li{display:grid;grid-template-columns:11rem 8rem minmax(0,1fr);gap:.7rem;font-size:.66rem;color:var(--scene-zacht)}.licht__ver{color:var(--scene-inkt);font-variant-numeric:tabular-nums}@media(max-width:767px){.licht__naast li{grid-template-columns:8.5rem minmax(0,1fr);font-size:.6rem}.licht__bij{display:none}.licht__lat{height:3.4rem}.licht__kern,.licht__sleep{height:1.8rem}}.scene--aardas{--scene-accent: #9fd0ff;--scene-inkt: #eaf0f9;--scene-zacht: #90a0b8;--hoek: calc(var(--kop, 0) * 360deg);min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 100% at 50% 22%,#101726,#0a0e18 55%,#04060c)}:root[data-theme=light] .scene--aardas,:root:not([data-theme=dark]) .scene--aardas{--scene-accent: #1e4f86;--scene-inkt: #0c111c;--scene-zacht: #58627a;background:radial-gradient(120% 100% at 50% 22%,#e9eef7,#f1f4fa 55%,#fafbfe)}.aardas__woord{max-width:58ch}.aardas__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.aardas__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.aardas__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.aardas__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.aardas__blad{display:grid;gap:var(--s-2);justify-items:start}.aardas__stand{display:flex;gap:.9rem;align-items:baseline;margin:0;flex-wrap:wrap}.aardas__jaar{font-size:clamp(1.3rem,3.2vw,2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.aardas__ster{font-size:var(--t-klein);color:var(--scene-zacht)}.aardas__svg{width:min(100%,30rem);aspect-ratio:100 / 78}.aardas__hemel{transform-box:view-box;transform-origin:50px 27px;transform:rotate(var(--hoek))}.aardas__hemel circle{fill:color-mix(in oklab,var(--scene-inkt) 38%,transparent)}:root[data-theme=light] .aardas__hemel circle,:root:not([data-theme=dark]) .aardas__hemel circle{fill:color-mix(in oklab,var(--scene-inkt) 20%,transparent)}.aardas__spoor{fill:none;stroke:var(--scene-accent);stroke-width:.5;stroke-linecap:round;stroke-dasharray:var(--kop, 0) 1;opacity:.75}.aardas__cirkel{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 18%,transparent);stroke-width:.25;stroke-dasharray:1.2 1.4}.aardas__midden{fill:color-mix(in oklab,var(--scene-inkt) 30%,transparent)}.aardas__poolster circle{fill:color-mix(in oklab,var(--scene-inkt) 60%,transparent)}.aardas__poolster text{fill:var(--scene-zacht);font:400 2.2px var(--font-mono);text-anchor:middle}.aardas__punt{transform-box:view-box;transform-origin:50px 27px;transform:rotate(var(--hoek))}.aardas__punt circle{fill:var(--scene-accent);filter:drop-shadow(0 0 2px color-mix(in oklab,var(--scene-accent) 70%,transparent))}.aardas__bol{fill:color-mix(in oklab,var(--scene-accent) 26%,var(--scene-inkt))}.aardas__evenaar{fill:none;stroke:color-mix(in oklab,var(--scene-inkt) 45%,transparent);stroke-width:.25}.aardas__as{stroke:var(--scene-accent);stroke-width:.6;stroke-linecap:round}.aardas__aarde{transform-box:view-box;transform-origin:50px 63px;transform:rotate(var(--kant, 0deg))}.aardas__straal{stroke:color-mix(in oklab,var(--scene-accent) 55%,transparent);stroke-width:.35;stroke-dasharray:1 1.2}.aardas__riem{position:relative;width:100%;padding-block-end:1.6rem}.aardas__tekens{display:grid;grid-template-columns:repeat(12,1fr);margin:0;padding:0;list-style:none;border:1px solid color-mix(in oklab,var(--scene-inkt) 16%,transparent);border-radius:5px;overflow:hidden}.aardas__tekens li{padding:.4rem .15rem;font-size:.52rem;text-align:center;color:var(--scene-zacht);border-inline-end:1px solid color-mix(in oklab,var(--scene-inkt) 10%,transparent)}.aardas__tekens li:last-child{border-inline-end:0}.aardas__kort{display:none}.aardas__lente{position:absolute;inset-block-start:-.3rem;inset-inline-start:calc((var(--riem, 11.4) + .5) / 12 * 100%);width:2px;height:2.1rem;margin-inline-start:-1px;background:var(--scene-accent);box-shadow:0 0 12px color-mix(in oklab,var(--scene-accent) 60%,transparent)}.aardas__riemtekst{position:absolute;inset-block-end:0;inset-inline-start:0;margin:0;font-size:.6rem;color:var(--scene-zacht)}@media(min-width:1000px){.scene--aardas{grid-template-columns:minmax(0,1fr) minmax(0,32rem);align-items:center}}@media(max-width:767px){.aardas__svg{width:min(100%,17rem)}.aardas__tekens li{font-size:.52rem;padding:.35rem .05rem}.aardas__lang{display:none}.aardas__kort{display:inline}.aardas__blad{order:-1}.aardas__riem{padding-block-end:0}.aardas__riemtekst{position:static;margin-block-start:.4rem}}.scene--rodereus{--scene-accent: #ff9e52;--scene-inkt: #f6ece4;--scene-zacht: #a5948a;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 100% at 72% 45%,#1d130d,#120c09,#060404)}:root[data-theme=light] .scene--rodereus,:root:not([data-theme=dark]) .scene--rodereus{--scene-accent: #a44a00;--scene-inkt: #1a120c;--scene-zacht: #6e5f55;background:radial-gradient(120% 100% at 72% 45%,#fbf2ea,#f5ece4,#fdfaf7)}.reus__woord{max-width:58ch}.reus__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.reus__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.reus__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.reus__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.reus__blad{display:grid;gap:var(--s-2);justify-items:start}.reus__stand{display:flex;gap:.9rem;align-items:baseline;margin:0;flex-wrap:wrap}.reus__tijd{font-size:clamp(1.3rem,3.2vw,2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.reus__maat{font-size:var(--t-klein);color:var(--scene-zacht)}.reus__vlak{position:relative;width:min(100%,28rem);aspect-ratio:1;display:grid;place-items:center}.reus__zone{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,transparent 0 calc(var(--hzin, .8) * 100%),color-mix(in oklab,#4ec98a 24%,transparent) calc(var(--hzin, .8) * 100%) calc(var(--hzuit, .9) * 100%),transparent calc(var(--hzuit, .9) * 100%))}.reus__baan{position:absolute;width:calc(var(--baan) * 100%);aspect-ratio:1;border-radius:50%;border:1px dashed color-mix(in oklab,var(--scene-inkt) 22%,transparent)}.reus__baannaam{position:absolute;inset-block-start:-.15rem;inset-inline-start:50%;transform:translate(-50%,-50%);padding:0 .3rem;font-size:.56rem;color:var(--scene-zacht);white-space:nowrap}.reus__bol{width:calc(var(--straal, .5) * 100%);aspect-ratio:1;border-radius:50%;background:var(--zonkleur, #fff0d6);box-shadow:0 0 calc(var(--straal, .5) * 9rem) color-mix(in oklab,var(--zonkleur, #fff0d6) 55%,transparent),0 0 2rem color-mix(in oklab,var(--zonkleur, #fff0d6) 40%,transparent)}.reus__fasen{position:relative;width:min(100%,28rem);height:1.2rem;margin:var(--s-2) 0 0;padding:0;list-style:none;border-block-start:1px solid color-mix(in oklab,var(--scene-inkt) 20%,transparent)}.reus__fasen li{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t) * 100%)}.reus__streep{display:block;width:1px;height:.55rem;background:color-mix(in oklab,var(--scene-inkt) 35%,transparent)}.reus__kop{--t: var(--kop, 0)}.reus__kop .reus__streep{width:2px;height:1.1rem;background:var(--scene-accent);box-shadow:0 0 10px color-mix(in oklab,var(--scene-accent) 60%,transparent)}.reus__onder{margin:0;max-width:60ch;font-size:.66rem;line-height:1.5;color:var(--scene-zacht)}@media(min-width:1000px){.scene--rodereus{grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:center}}@media(max-width:767px){.reus__vlak,.reus__fasen{width:min(100%,17rem)}.reus__blad{order:-1;justify-items:center}.reus__tijd{font-size:1.2rem}}.scene--bloedcel{--scene-accent: #ff6b6b;--scene-donker: #6f1c3e;--scene-inkt: #f7ecec;--scene-zacht: #a8908f;--baan: path("M 150 96 C 150 40 96 22 62 42 C 24 64 26 128 68 146 C 104 162 150 146 150 96 C 150 46 196 30 232 48 C 274 68 276 132 238 152 C 204 170 150 152 150 96 Z");min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);background:radial-gradient(120% 100% at 70% 40%,#1e1013,#140b0d 52%,#070405)}:root[data-theme=light] .scene--bloedcel,:root:not([data-theme=dark]) .scene--bloedcel{--scene-accent: #c02334;--scene-donker: #5f122f;--scene-inkt: #17090c;--scene-zacht: #6d585a;background:radial-gradient(120% 100% at 70% 40%,#fbeff0,#f6e8e9 52%,#fdf9f9)}.bloed__woord{max-width:58ch}.bloed__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.bloed__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,3.6rem);font-weight:600;line-height:1.05}.bloed__tekst{margin:0 0 var(--s-1);font-size:var(--t-tekst)}.bloed__herkomst{margin:var(--s-1) 0 0;font-size:var(--t-meta);color:var(--scene-zacht)}.bloed__blad{display:grid;gap:var(--s-2);justify-items:start}.bloed__stand{display:flex;gap:.9rem;align-items:baseline;margin:0;flex-wrap:wrap}.bloed__dag{font-size:clamp(1.3rem,3.2vw,2rem);color:var(--scene-accent);font-variant-numeric:tabular-nums}.bloed__ronde{font-size:var(--t-klein);color:var(--scene-zacht);font-variant-numeric:tabular-nums}.bloed__vlak{position:relative;width:min(100%,30rem);aspect-ratio:300 / 192}.bloed__svg{position:absolute;inset:0;width:100%;height:100%}.bloed__baan{fill:none;stroke:color-mix(in oklab,var(--scene-accent) 26%,transparent);stroke-width:7;stroke-linecap:round}.bloed__hart{fill:color-mix(in oklab,var(--scene-donker) 70%,var(--scene-inkt))}.bloed__naam{fill:var(--scene-zacht);font:400 9px var(--font-mono);text-anchor:middle}.bloed__naam--hart{fill:color-mix(in oklab,var(--scene-inkt) 70%,transparent)}.bloed__ander,.bloed__cel{offset-path:var(--baan);offset-rotate:0deg}.bloed__ander{animation:bloed-rond var(--duur) linear infinite;animation-delay:calc(var(--start) * -.04s);opacity:.8}.bloed__cel{filter:drop-shadow(0 0 5px color-mix(in oklab,var(--scene-accent) 70%,transparent));animation:bloed-rond 1.6s linear infinite}@keyframes bloed-rond{0%{offset-distance:0%;fill:var(--scene-donker)}25%{fill:var(--scene-accent)}50%{fill:var(--scene-accent)}75%{fill:var(--scene-donker)}to{offset-distance:100%;fill:var(--scene-donker)}}.bloed__stug{display:grid;grid-template-columns:11rem minmax(0,1fr) 4rem;gap:.6rem;align-items:center;width:min(100%,30rem)}.bloed__stugnaam,.bloed__stugeind{font-size:.62rem;color:var(--scene-zacht)}.bloed__stugeind{text-align:end}.bloed__stugbalk{height:.5rem;border-radius:3px;background:linear-gradient(to right,var(--scene-accent) 0%,var(--scene-donker) 100%);width:calc(var(--kop, 0) * 100%)}.bloed__onder{margin:0;max-width:62ch;font-size:.66rem;line-height:1.5;color:var(--scene-zacht)}@media(min-width:1000px){.scene--bloedcel{grid-template-columns:minmax(0,1fr) minmax(0,32rem);align-items:center}}@media(max-width:767px){.bloed__blad{order:-1}.bloed__vlak,.bloed__stug{width:min(100%,19rem)}.bloed__stug{grid-template-columns:7.5rem minmax(0,1fr) 3rem}.bloed__dag{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.bloed__cel{animation-duration:6s}.bloed__ander{animation-duration:12s}}.scene--zwartgat{margin-block-start:min(74dvh,560px);--scene-accent: #c7b3ff;--scene-inkt: #ece9f6;--scene-zacht: #8b85a3;position:relative;isolation:isolate;min-height:100svh;display:grid;align-content:center;gap:var(--s-6);padding:calc(var(--balk-h) + var(--s-5)) var(--s-5) calc(var(--balk-h) + var(--s-5));color:var(--scene-inkt);overflow:hidden;background:radial-gradient(120% 100% at 68% 50%,#0a0812,#05040a 55%,#000)}.gat__hemel{position:absolute;inset:0;z-index:-2}.gat__ster{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);width:calc(var(--m) * 4px);aspect-ratio:1;border-radius:50%;background:#dfe4f6;opacity:clamp(0,(var(--uit) - var(--exp, 10)) * 3,1)}.gat__gat{position:absolute;inset-block-start:50%;inset-inline-start:72%;z-index:-1;display:grid;place-items:center;translate:-50% -50%}.gat__schijf{grid-area:1 / 1;width:clamp(5rem,14vw,11rem);aspect-ratio:1;border-radius:50%;background:#000;scale:clamp(.04,(99.6 - var(--exp, 10)) * .7,1);box-shadow:0 0 0 1px #ffffff12}.gat__gloed{grid-area:1 / 1;width:clamp(9rem,26vw,22rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 38%,color-mix(in oklab,var(--scene-accent) 30%,transparent) 46%,transparent 72%);opacity:clamp(0,(22 - var(--exp, 10)) * .12,1)}.gat__flits{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 50%,#fff 0%,#cfc3ff 22%,transparent 62%);opacity:clamp(0,(var(--exp, 10) - 99.3) * 2.6,1)}.gat__woord{max-width:58ch}.gat__duur{margin:0 0 var(--s-1);color:var(--scene-accent);font-size:var(--t-klein);letter-spacing:.12em;text-transform:uppercase}.gat__titel{margin:0 0 var(--s-1);font-family:var(--font-display);font-size:clamp(1.7rem,2.6vw,3.8rem);font-weight:600;line-height:1.05}.gat__tekst{margin:0 0 var(--s-2);font-size:var(--t-tekst)}.gat__macht{margin:0 0 var(--s-2);font-size:clamp(2.4rem,7vw,5rem);line-height:1;color:var(--scene-accent)}.gat__macht sup{font-size:.52em;vertical-align:super;line-height:0;font-variant-numeric:tabular-nums}.gat__eenheid{font-size:.28em;color:var(--scene-zacht);letter-spacing:.16em}.gat__herkomst{margin:var(--s-1) 0 var(--s-2);font-size:var(--t-meta);color:var(--scene-zacht)}.scene--zwartgat .proef{color:var(--scene-inkt)}.scene--zwartgat .proef__uitslag{color:var(--scene-zacht)}@media(prefers-reduced-motion:reduce){.gat__flits{display:none}}@media(max-width:767px){.scene--leven .leven__toneel{order:-1}.leven__mens{width:clamp(56px,17vw,74px)}.leven__maat{font-size:.5rem}.leven__toneel{gap:var(--s-1)}}.dag__wijzer{display:grid;justify-items:center;width:min(100%,230px);margin-top:var(--s-3)}.dag__wijzer svg{width:100%;aspect-ratio:200 / 210;overflow:visible}.dag__plaat{fill:color-mix(in oklab,#d8cdb8 calc(var(--daglicht, 0) * 92%),#0d1220);stroke:color-mix(in oklab,var(--scene-inkt) 25%,transparent);stroke-width:1}.dag__windstreek{fill:color-mix(in oklab,var(--scene-inkt) 55%,transparent);font:400 11px var(--font-mono);text-anchor:middle;dominant-baseline:middle}.dag__horizon{stroke:var(--dag-licht);stroke-width:2;opacity:.55}.dag__stok{fill:color-mix(in oklab,var(--scene-inkt) 80%,transparent)}.dag__schaduwgroep{transform:translate(100px,100px) rotate(var(--schaduw-hoek, 0deg)) scaleY(var(--schaduw-lang, 20));transform-box:view-box;transform-origin:0 0}.dag__schaduw{fill:#0c101a8c}.dag__schaduwgroep[data-nacht]{opacity:0}.dag__wijzernaam{fill:color-mix(in oklab,var(--scene-inkt) 45%,transparent);font:400 10px var(--font-mono);text-anchor:middle}.dag__wijzertekst{margin:var(--s-2) 0 0;font-size:.66rem;color:var(--scene-inkt-2, var(--scene-zacht));text-align:center;font-variant-numeric:tabular-nums}@media(min-width:900px){.scene--dag .dag__toneel{display:grid;grid-template-columns:min(30vw,40svh) auto;align-items:center;gap:var(--s-4);width:auto;aspect-ratio:auto}.dag__beeld{width:min(30vw,40svh)}.dag__wijzer{margin-top:0;width:min(22vw,30svh)}}.scene--verval#cesium{--scene-accent: #6fd3c0}.scene--verval#koolstof{--scene-accent: #e0a860}.scene--verval#uranium{--scene-accent: #a98ee8}:root[data-theme=light] .scene--verval#cesium,:root:not([data-theme=dark]) .scene--verval#cesium{--scene-accent: #0f7a68}:root[data-theme=light] .scene--verval#koolstof,:root:not([data-theme=dark]) .scene--verval#koolstof{--scene-accent: #8a5410}:root[data-theme=light] .scene--verval#uranium,:root:not([data-theme=dark]) .scene--verval#uranium{--scene-accent: #5a3fa8}.verval__derde{margin:var(--s-2) 0 0;padding:var(--s-2) var(--s-3);border-inline-start:2px solid var(--scene-accent);border-radius:0 var(--r-1) var(--r-1) 0;background:color-mix(in oklab,var(--scene-accent) 10%,transparent);font-size:.7rem;line-height:1.5;color:var(--scene-inkt);max-width:60ch}:root{--intro-aanloop: 1.2s;--intro-spin: 10.5s;--intro-stap: 2.9s;--intro-duur: 11.7s}.uurwerk__spin{transform-box:view-box}.uurwerk__spin--uur,.uurwerk__spin--minuut{transform-origin:200px 200px}.uurwerk__spin--seconde{transform-origin:200px 284px}[data-intro] .uurwerk__spin{animation:intro-spin var(--intro-spin) linear var(--intro-aanloop) both}[data-intro] .uurwerk__spin--uur{--slagen: 1}[data-intro] .uurwerk__spin--minuut{--slagen: 12}[data-intro] .uurwerk__spin--seconde{--slagen: 46}@keyframes intro-spin{0%{transform:rotate(calc(var(--slagen, 1) * -360deg))}10%{transform:rotate(calc(var(--slagen, 1) * -350deg))}22%{transform:rotate(calc(var(--slagen, 1) * -306deg))}50%{transform:rotate(calc(var(--slagen, 1) * -160deg))}72%{transform:rotate(calc(var(--slagen, 1) * -62deg))}88%{transform:rotate(calc(var(--slagen, 1) * -18deg))}96%{transform:rotate(calc(var(--slagen, 1) * -4deg))}to{transform:rotate(0)}}.intro{position:absolute;inset-inline-start:var(--s-5);inset-inline-end:45%;inset-block-end:24svh;z-index:3;pointer-events:none;display:grid;min-block-size:8.5rem;align-content:end;max-inline-size:30rem}.intro>*{grid-area:1 / 1;align-self:end}.intro__regel,.intro__nu{margin:0;font-size:clamp(1.05rem,3.4vw,1.5rem);line-height:1.35;text-wrap:balance;opacity:0;animation:intro-regel 3.9s ease-out calc(.4s + var(--i) * var(--intro-stap)) both}.intro__nu{font-weight:600;animation:intro-blijf 3s ease-out calc(.4s + var(--i) * var(--intro-stap)) both}.intro__nu .mono{color:var(--accent)}.intro__staart{display:block;font-weight:400;font-size:.82em;color:var(--inkt-2);opacity:0;animation:intro-blijf 2s ease-out calc(.4s + var(--i) * var(--intro-stap) + 1.2s) both}@keyframes intro-regel{0%{opacity:0;transform:translateY(.5rem)}18%{opacity:1;transform:translateY(0)}76%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes intro-blijf{0%{opacity:0;transform:translateY(.5rem)}22%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}[data-intro] .intro{animation:intro-weg .8s ease-in calc(var(--intro-duur) + .9s) both}@keyframes intro-weg{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.6rem)}}[data-intro] .hero__woord{animation:intro-titel 1.2s ease-out calc(var(--intro-duur) + 1.3s) both}[data-intro] .hero__verder{animation:intro-blijf 1.4s ease-out calc(var(--intro-duur) + 2s) both}@keyframes intro-titel{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.intro{inset-inline-end:var(--s-5);inset-block-end:14svh;max-inline-size:none}}@media(prefers-reduced-motion:reduce){[data-intro] .uurwerk__spin,[data-intro] .hero__woord,[data-intro] .hero__verder,.intro__regel,.intro__nu,.intro__staart{animation:none;opacity:1;transform:none}.intro{display:none}}