@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #f6ebd9;--paper: #fbf3e6;--card: #fffaf1;--ink: #2a1d14;--ink-soft: #5a4636;--banaan: #fde74c;--pompoen: #fa7921;--terracotta: #e55934;--terracotta-text: #e76340;--olijf: #495e1c;--olijf-deep: #34440f;--line: #2a1d14;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", Georgia, serif;--font-body: "Figtree Variable", "Figtree", "Trebuchet MS", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#1d140d;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:800;letter-spacing:-.035em;line-height:.98}img{display:block}.viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;cursor:default}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;background:var(--cream)}.grain{position:absolute;inset:0;background-image:url(/paper-grain.png);background-size:180px 180px;mix-blend-mode:multiply;opacity:.14;pointer-events:none;z-index:40}.slide{position:absolute;inset:0}.wipe{position:absolute;inset:0;z-index:50;pointer-events:none}.progress{position:absolute;left:96px;right:96px;bottom:40px;height:4px;display:flex;gap:8px;z-index:60;pointer-events:none;transition:opacity .4s ease}.progress span{flex:1;border-radius:4px;background:#2a1d1424;overflow:hidden}.progress span i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.progress.is-dark span{background:#fbf3e638}.progress.is-dark span i{background:var(--paper)}.nav-hint{position:absolute;right:96px;bottom:72px;padding:14px 24px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 24px/1 var(--font-body);z-index:60;pointer-events:none}.rotate-hint{position:fixed;left:16px;right:16px;top:max(16px,env(safe-area-inset-top));padding:12px 16px;border-radius:14px;background:var(--paper);color:var(--ink);font:600 15px/1.3 var(--font-body);text-align:center;z-index:80;pointer-events:none}.viewport.is-autoplay{cursor:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;font:700 26px/1 var(--font-body);background:var(--banaan);color:var(--ink);white-space:nowrap}.ui-card{background:var(--card);border:3px solid var(--line);border-radius:28px;box-shadow:0 6px 0 0 var(--line)}@media(prefers-reduced-motion:reduce){.progress span i{transition:none}}