:root{--ink:#111;--paper:#fafaf7;--white:#fff;--line:#d9d6ce;--muted:#6b6b6b;--accent:#d4cdbf;--serif:"Newsreader", "Times New Roman", Times, serif;--mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--pad:clamp(24px, 5vw, 96px);--sect:clamp(96px, 11vw, 176px);--margin-w:240px;--bg:var(--paper);--fg:var(--ink);--fg-muted:var(--muted);--rule:var(--line)}*,:before,:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--serif);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"onum" 1, "pnum" 1;margin:0;font-size:19px;line-height:1.58;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,figure,dl,dd{margin:0;font-weight:400}em,i{font-style:normal}::selection{background:var(--accent);color:var(--ink)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-feature-settings:normal;font-size:11px;line-height:16px}.muted{color:var(--fg-muted)}.section-num{color:var(--fg-muted);letter-spacing:.18em;margin-bottom:32px}.h1{letter-spacing:-.015em;font-size:clamp(48px,8vw,128px);line-height:.98}.h2{letter-spacing:-.015em;max-width:20ch;font-size:clamp(32px,4vw,64px);line-height:1.04}.h3{letter-spacing:-.015em;margin:32px 0 16px;font-size:clamp(26px,2.6vw,40px);line-height:1.08}.prose{max-width:62ch}.prose+.prose{margin-top:24px}.page{grid-template-columns:minmax(0, 1fr) var(--margin-w);padding:var(--sect) var(--pad);gap:64px;display:grid;position:relative}.page .main{min-width:0}.margin{border-left:1px solid var(--rule);padding-left:24px;position:relative}.note{color:var(--fg-muted);text-transform:none;letter-spacing:.02em;font-size:11.5px;line-height:17px}.note+.note{margin-top:24px}.note-ref{color:var(--fg);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;display:block}.spread .margin-inner,.more .margin-inner{position:sticky;top:112px}.hero .margin{border-left:0;grid-column:1;grid-template-columns:1fr 1fr;gap:32px;max-width:640px;margin-top:48px;padding-left:0;display:grid}.hero .margin .note+.note{margin-top:0}.hero .margin-inner{display:contents;position:static}.hero-content{grid-template-columns:minmax(0, 1fr) var(--margin-w)}.record{font-family:var(--mono);letter-spacing:.02em;grid-template-columns:max-content minmax(0,1fr);gap:4px 24px;font-size:11.5px;line-height:18px;display:grid}.record dt{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.record dt:after{content:":"}.record dd a{border-bottom:1px solid var(--rule)}.record-lg{letter-spacing:0;gap:8px 32px;font-size:clamp(14px,1.4vw,20px);line-height:1.5}.record-lg dt{font-size:.7em}.tbl{border-collapse:collapse;text-transform:none;letter-spacing:.02em;width:100%;max-width:720px;font-size:12px;line-height:20px}.tbl th{text-align:left;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--fg);padding:0 16px 8px 0;font-weight:400}.tbl td{border-bottom:1px solid var(--rule);vertical-align:top;padding:6px 16px 6px 0}.taal,.sys{transition:opacity .5s var(--ease)}html[data-mode=taal] .sys,html[data-mode=systeem] .taal{display:none}html[data-mode=systeem] body{background:var(--white)}html[data-mode=systeem] .h2,html[data-mode=systeem] .h3{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;max-width:none;font-size:14px;line-height:20px}html[data-mode=systeem] .fig figcaption{color:var(--fg)}html.is-switching .page,html.is-switching .spread,html.is-switching .hero-content{opacity:.001}.header{z-index:80;padding:24px var(--pad);mix-blend-mode:difference;color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.brand{align-items:center;display:inline-flex}.logo{fill:currentColor;width:auto;height:24px}.header nav{gap:32px;display:flex}.header nav a{padding:4px 0;position:relative}.header nav a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .7s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;transform:scaleX(0)}.header nav a:hover:after,.header nav a.is-active:after{transform-origin:0;transform:scaleX(1)}.header .right{justify-content:flex-end;align-items:center;gap:24px;display:flex}.clock{font-variant-numeric:tabular-nums}.switch{border:1px solid;grid-template-columns:1fr 1fr;padding:2px;display:inline-grid;position:relative}.switch button{z-index:1;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;transition:color .5s var(--ease);background:0 0;border:0;padding:6px 12px;position:relative}.switch button[aria-pressed=true]{color:#000}.switch-knob{width:calc(50% - 2px);transition:transform .6s var(--ease);background:#fff;position:absolute;top:2px;bottom:2px;left:2px}html[data-mode=systeem] .switch-knob{transform:translate(100%)}.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:clip}.hero-media{z-index:0;background:#f1f1f1;width:44%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;container-type:size}.face-wrap{position:absolute;inset:0}.face{aspect-ratio:1;will-change:transform;filter:saturate(.78)contrast(.96);width:max(100cqw,100cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.face img,.face-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.face-canvas{opacity:0}.face.is-live .face-canvas{opacity:1}.face.is-live img{opacity:0}.hero-media:before{content:"";z-index:1;background:linear-gradient(to right, var(--paper) 0%, #fafaf700 100%);width:34%;position:absolute;inset:0 auto 0 0}.hero-media:after{content:"";z-index:1;background:linear-gradient(to top, var(--paper) 0%, #fafaf700 100%);height:40%;position:absolute;inset:auto 0 0}html[data-mode=systeem] .hero-media{filter:grayscale()contrast(1.05)}.hero-content{z-index:1;width:100%;padding-top:160px;padding-bottom:48px;position:relative}.kicker{color:var(--fg-muted);margin-bottom:24px}.hero-title{letter-spacing:-.02em;max-width:12ch;font-size:clamp(40px,6.4vw,112px);line-height:1}.hero-sub{max-width:40ch;color:var(--fg-muted);margin-top:24px;font-size:clamp(18px,1.5vw,22px)}.werk{padding-top:0}.werk>.page{padding-bottom:0}.spread{grid-template-columns:200px minmax(0, 1fr) var(--margin-w);padding:64px var(--pad) 96px;border-top:1px solid var(--fg);gap:64px;margin-top:64px;display:grid}.rail{align-self:start;position:sticky;top:112px}.rail .record{grid-template-columns:1fr;gap:12px 0}.rail .record dt{margin-bottom:2px}.fig{margin:0 0 8px}.fig img,.film{border:1px solid var(--rule)}.fig img{width:100%;height:auto}.fig figcaption{color:var(--fg-muted);text-transform:none;letter-spacing:.02em;margin-top:8px}.fig+.fig,.taal+.fig,.sys+.fig{margin-top:48px}.fig img{transition:none}.film{cursor:pointer;background:#000;width:100%;padding:0;display:block;position:relative}.film-teaser{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.film-cta{color:var(--paper);transition:background .5s var(--ease), color .5s var(--ease);background:#11111180;border:1px solid #fafaf799;align-items:center;gap:12px;padding:10px 14px;display:inline-flex;position:absolute;bottom:16px;left:16px}.film:hover .film-cta{background:var(--paper);color:var(--ink)}.film-cta i{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.lightbox{z-index:95;padding:var(--pad);background:#111111f5;place-items:center;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-frame{aspect-ratio:16/9;background:#000;border:1px solid #fafaf733;width:min(1280px,100%)}.lightbox-frame iframe{border:0;width:100%;height:100%;display:block}.lightbox-close{top:24px;right:var(--pad);color:var(--paper);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;position:absolute}.tour{border-top:1px solid var(--rule)}.tour-pin{min-height:100svh;padding:96px var(--pad);align-items:center;display:grid}.tour-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:center;gap:64px;display:grid}.tour-steps{border-top:1px solid var(--fg);margin-top:24px}.tour-steps li{border-bottom:1px solid var(--rule);cursor:pointer;color:var(--fg-muted);transition:color .5s var(--ease);grid-template-columns:32px 1fr;gap:0 16px;padding:16px 0;display:grid}.tour-steps li b{color:var(--fg-muted);transition:color .5s var(--ease);font-size:20px;font-weight:400;line-height:1.2}.tour-steps li>span:last-child{opacity:0;max-height:0;transition:max-height .7s var(--ease), opacity .5s var(--ease), margin .5s var(--ease);grid-column:2;margin-top:4px;font-size:15px;line-height:1.45;overflow:hidden}.tour-steps li.is-on,.tour-steps li.is-on b{color:var(--fg)}.tour-steps li.is-on>span:last-child{opacity:1;max-height:120px;margin-top:8px}.mac{border:1px solid var(--ink);color:#fff;background:#0a0a0a}.mac-bar{border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;padding:10px 12px;display:flex}.mac-bar i{border:1px solid #6b6b6b;width:10px;height:10px}.mac-bar span{color:#8f8c85;text-transform:none;margin-left:auto;margin-right:auto}.mac-screen{aspect-ratio:1710/1107;background:#0a0a0a;position:relative;overflow:hidden}.mac-screen img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.mac-screen img.is-on{opacity:1}.more{padding-top:0}.index{border-top:1px solid var(--fg);margin-top:24px}.index-row{border-bottom:1px solid var(--rule)}.index-row>a,.index-row>div{grid-template-rows:auto auto;grid-template-columns:48px 112px minmax(0,1fr) auto;align-items:start;gap:4px 24px;padding:24px 0;display:grid}.index-row .num{grid-row:1/3;padding-top:4px}.index-row img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rule);background:var(--accent);grid-row:1/3;width:112px;height:auto}.index-title{gap:4px;display:grid}.index-title h3{letter-spacing:-.012em;margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.1}.index-desc{color:var(--fg-muted);grid-column:3;max-width:60ch;font-size:16px;line-height:1.5}.index-cta{white-space:nowrap;border-bottom:1px solid var(--rule);text-transform:none;letter-spacing:.02em;transition:border-color .6s var(--ease);grid-area:1/4;padding-top:6px}.index-row a:hover .index-cta{border-color:var(--fg)}.index-cta.muted{border-bottom-color:#0000}html[data-mode=systeem] .tour-steps b,html[data-mode=systeem] .axis-detail{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px}html[data-mode=systeem] .index-desc{font-family:var(--mono);letter-spacing:.02em;font-size:11.5px;line-height:18px}.loopbaan{padding-bottom:0}.loopbaan>.page{padding-bottom:32px}.axis-pin{height:100svh;padding:96px var(--pad) 48px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.axis-head{border-bottom:1px solid var(--fg);justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.axis-head [data-axis-year]{font-family:var(--serif);letter-spacing:-.02em;text-transform:none;font-variant-numeric:tabular-nums;font-size:clamp(64px,10vw,160px);line-height:.9}.axis-head [data-axis-label]{text-transform:none;letter-spacing:.02em;font-size:13px}.axis-view{position:relative;overflow:hidden}.axis-track{will-change:transform;position:absolute;inset:0 auto 0 0}.axis-year{border-left:1px solid var(--rule);position:absolute;top:0;bottom:0}.axis-year span{font-family:var(--mono);letter-spacing:.1em;color:var(--fg-muted);font-size:10px;position:absolute;bottom:4px;left:8px}.axis-mid{border-top:1px solid var(--fg);position:absolute;top:50%;left:0;right:0}.axis-lane-label{z-index:2;background:var(--bg);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);padding:0 4px;font-size:10px;position:absolute;left:8px}.bar{height:40px;font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;border:1px solid var(--fg);background:var(--paper);cursor:pointer;transition:background .4s var(--ease), color .4s var(--ease);align-items:center;padding:0 12px;font-size:11px;display:flex;position:absolute;overflow:hidden}.bar.is-past{background:var(--ink);color:var(--paper)}.bar.thin{border-color:var(--fg-muted);height:16px;color:var(--fg-muted);padding:0 8px;font-size:9px}.bar.thin.is-past{background:var(--accent);color:var(--ink);border-color:var(--accent)}.bar .lbl{will-change:transform;display:inline-block}.axis-lane-label.bottom{bottom:24px}.bar.dot{justify-content:center;width:40px;padding:0}.playhead{border-left:1px solid var(--fg);pointer-events:none;position:absolute;top:0;bottom:0;left:50%}.playhead:before{content:"NU";font-family:var(--mono);letter-spacing:.18em;font-size:9px;position:absolute;top:0;left:8px}.axis-detail{border-top:1px solid var(--rule);max-width:72ch;min-height:72px;margin-top:24px;padding-top:16px;font-size:16px;line-height:1.5}.axis-detail .mono{color:var(--fg-muted);margin-bottom:4px;display:block}.rules{border-top:1px solid var(--fg);margin-top:48px}.rules li{border-bottom:1px solid var(--rule);grid-template-columns:48px 1fr;gap:24px;padding:32px 0;display:grid}.rules .h3{margin-top:0}.contact .prose{margin-top:32px}.contact-links{gap:8px;margin-top:48px;display:grid}.big-link{letter-spacing:-.01em;border-bottom:1px solid var(--fg);width:-moz-fit-content;width:fit-content;font-size:clamp(22px,2.4vw,36px);line-height:1.3;display:block}.elders{text-transform:none;letter-spacing:.02em;margin-top:48px}.elders a{border-bottom:1px solid var(--rule)}.foot{justify-content:space-between;gap:24px;padding-top:0;padding-bottom:32px;display:flex}@media (max-width:1100px){:root{--margin-w:200px}.spread{grid-template-columns:160px minmax(0,1fr)}.spread .margin{border-left:0;grid-column:2;padding-left:0}}@media (max-width:900px){body{font-size:18px}.header{padding:16px var(--pad);grid-template-columns:auto 1fr}.header nav{display:none}.logo{height:20px}.header .right{gap:12px}.clock{display:none}.page{grid-template-columns:1fr;gap:32px}.margin{border-left:0;border-top:1px solid var(--rule);padding-top:16px;padding-left:0}.margin .note{position:static}.margin:empty{display:none}.hero-media{width:100%;height:62svh;bottom:auto}.hero-media:before{display:none}.hero-media:after{height:45%}.hero-content{padding-top:56svh}.spread{padding:48px var(--pad) 64px;grid-template-columns:1fr;gap:24px}.spread .margin{grid-column:auto}.hero .margin{grid-template-columns:1fr;gap:24px}.rail{position:static}.rail .record{grid-template-columns:max-content 1fr;gap:4px 16px}.tour-grid{grid-template-columns:1fr}.tour-pin{padding:48px var(--pad)}.tour-text{order:2}.tour-steps li>span:last-child{opacity:1;max-height:none;margin-top:8px}.index-row>a,.index-row>div{grid-template-rows:auto;grid-template-columns:32px minmax(0,1fr);gap:8px 16px}.index-row .num{grid-row:auto}.index-row img{grid-area:auto/2;width:100%;max-width:320px}.index-title,.index-desc,.index-cta{grid-column:2}.index-cta{white-space:normal;grid-row:auto;padding-top:0}.axis-pin{padding:80px var(--pad) 32px}.axis-head [data-axis-label]{display:none}.foot{flex-direction:column}}@media (prefers-reduced-motion:reduce){.switch-knob,.taal,.sys,.bar{transition:none}}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}