@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-wdth.woff2)format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-ext-wdth.woff2)format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}@font-face{font-family:Archivo Fallback;src:local(Arial);size-adjust:103%;ascent-override:86%;descent-override:22%}:root{--night:#0c0d0f;--graphite:#17191c;--rule:#2a2d32;--paper:#ecebe6;--mute:#9a9993;--brass:#c7a868;--gain:#46de8e;--loss:#ff5a4e;--gutter:clamp(20px, 5.2vw, 104px);--mech:cubic-bezier(.7, 0, .2, 1);--out:cubic-bezier(.16, 1, .3, 1);--font:"Archivo", "Archivo Fallback", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--night);color:var(--paper);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;font-stretch:100%;line-height:1.5;overflow-x:clip}a{color:inherit}::selection{background:var(--brass);color:var(--night)}:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.skip{left:var(--gutter);z-index:50;background:var(--paper);color:var(--night);padding:.6rem 1rem;position:fixed;top:12px;transform:translateY(-200%)}.skip:focus{transform:none}#stage,.fallback{width:100vw;height:100vh;z-index:0;height:100lvh;display:block;position:fixed;inset:0}.fallback,.no-webgl #stage{display:none}.no-webgl .fallback{display:block}.fallback svg{opacity:.6;width:min(80vw,1300px);height:auto;position:absolute;top:10vh;right:-6vw}.grain{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0c0d0fb8 0%,#0c0d0f59 34%,#0c0d0f00 58%),radial-gradient(120% 90% at 60% 45%,#0c0d0f00 55%,#0c0d0fb3 100%);position:fixed;inset:0}.grain:after{content:"";background-image:var(--grain,none);opacity:.08;mix-blend-mode:overlay;position:absolute;inset:0}.tags{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}main,.foot{z-index:3;position:relative}.display{letter-spacing:-.012em;text-transform:uppercase;margin:0;font-size:clamp(2.5rem,6.4vw,8.6rem);font-weight:640;font-stretch:125%;line-height:.9}.title{color:var(--mute);margin:0;font-size:clamp(1.05rem,1.35vw,1.4rem);font-weight:500;font-stretch:100%}.lede{color:#c9c8c2;max-width:34ch;margin:0;font-size:clamp(1.05rem,1.35vw,1.4rem);font-weight:400;line-height:1.45}.ln{display:block;position:relative}.ln-i{display:inline-block}.js [data-reveal] .ln-i{clip-path:inset(-.3em calc((1 - var(--in,0)) * 100%) -.3em calc((1 - var(--out,1)) * 100%))}.js [data-reveal] .ln:after{content:"";top:.08em;bottom:.08em;left:calc(var(--in,0) * var(--w,100%));background:var(--brass);width:2px;opacity:var(--cur,0);pointer-events:none;position:absolute}.masthead{z-index:10;padding:clamp(14px, 2.2vw, 28px) var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.masthead>*{pointer-events:auto}.brand{flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.brand-name{letter-spacing:.005em;font-size:1rem;font-weight:650;font-stretch:118%}.brand-role{color:var(--mute);font-size:.82rem;font-stretch:75%}.btn{height:3.3rem;color:var(--paper);isolation:isolate;transition:border-color .4s var(--mech), transform .5s var(--out);will-change:transform;border:1px solid #ecebe666;align-items:center;padding:0 1.6rem;font-size:.98rem;font-weight:560;font-stretch:108%;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn--small{height:2.6rem;padding:0 1.15rem;font-size:.88rem}.btn--big{height:4.2rem;padding:0 2.2rem;font-size:clamp(1rem,1.3vw,1.25rem)}.btn-fill{z-index:-1;background:var(--paper);transform-origin:0;transition:transform .55s var(--mech);position:absolute;inset:0;transform:scaleX(0)}.btn-label{transition:color .35s var(--mech), transform .5s var(--out);display:inline-block}.btn:hover,.btn:focus-visible{border-color:var(--paper)}.btn:hover .btn-fill,.btn:focus-visible .btn-fill{transform:scaleX(1)}.btn:hover .btn-label,.btn:focus-visible .btn-label{color:var(--night)}.rail{z-index:10;position:fixed;top:50%;right:clamp(12px,1.6vw,28px);transform:translateY(-50%)}.rail ol{margin:0;padding:0;list-style:none}.rail a{height:1.7rem;color:var(--mute);justify-content:flex-end;align-items:center;gap:.7rem;font-size:.8rem;font-stretch:75%;text-decoration:none;display:flex}.rail-tick{width:12px;height:1px;transition:width .5s var(--mech), background .5s var(--mech);background:#ecebe659;order:2}.rail-label{opacity:0;transition:opacity .4s var(--mech), transform .4s var(--mech);transform:translate(6px)}.rail a:hover .rail-label,.rail a:focus-visible .rail-label,.rail a[aria-current=step] .rail-label{opacity:1;transform:none}.rail a[aria-current=step]{color:var(--paper)}.rail a[aria-current=step] .rail-tick{background:var(--brass);width:30px}.rail a:hover .rail-tick{width:22px}.progress{display:none}.sec{padding:0 var(--gutter);position:relative}.sticky{height:100vh;flex-direction:column;justify-content:center;gap:clamp(1.4rem,3vh,2.4rem);height:100svh;display:flex;position:sticky;top:0}.hero{height:100vh;flex-direction:column;justify-content:flex-end;height:100svh;min-height:560px;padding-bottom:clamp(28px,7vh,88px);display:flex}.hero-title{font-size:clamp(2.6rem,7.4vw,10.4rem)}.hero .lede{max-width:38ch}.hero-foot{justify-content:flex-start;align-items:flex-end;gap:2rem clamp(2rem,5vw,6rem);margin-top:clamp(1.6rem,4vh,3rem);display:flex}.cue{right:calc(var(--gutter) + clamp(0px, 3vw, 56px));color:var(--mute);opacity:0;transition:opacity 1s var(--out) 2.6s;align-items:center;gap:.8rem;margin:0;font-size:.8rem;font-stretch:75%;display:flex;position:absolute;bottom:clamp(28px,7vh,88px)}.is-live .cue{opacity:1}.cue-line{background:linear-gradient(90deg, transparent, var(--brass));transform-origin:0;width:64px;height:1px;animation:cue 2.4s var(--mech) infinite;display:block}@keyframes cue{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}51%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(0)}}.measure{height:380vh}.measure .sticky{gap:clamp(1rem,2.4vh,1.8rem)}.channels{margin:0;padding:0;list-style:none}.ch{appearance:none;color:#ecebe63d;font:inherit;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .6s var(--mech);background:0 0;border:0;margin:0;padding:0;font-size:clamp(2.3rem,5vw,6.6rem);font-weight:640;font-stretch:125%;line-height:.96;display:block}.ch:hover,.ch:focus-visible{color:#ecebe680}.is-active>.ch{color:var(--paper)}.ch-desc{color:#c9c8c2;opacity:0;max-width:38ch;max-height:0;transition:max-height .7s var(--mech), opacity .5s var(--mech), margin .7s var(--mech);margin:0;font-size:clamp(.98rem,1.2vw,1.2rem);line-height:1.45;display:grid;overflow:hidden}.is-active>.ch-desc{opacity:1;max-height:6em;margin:.5rem 0 .9rem}.correlate{height:220vh}.scale{width:min(24rem,80vw);margin:0}.scale-bar{background:linear-gradient(90deg,#c2c1bc 0%,#212327 61%,#c7a868 100%);height:6px;display:block}.scale-caption{color:var(--mute);justify-content:space-between;gap:1rem;margin-top:.55rem;font-size:.8rem;font-stretch:75%;display:flex}.output{height:230vh}.answers{color:#d8d7d1;margin:0;padding:0;font-size:clamp(1.1rem,1.55vw,1.6rem);font-weight:450;line-height:1.5;list-style:none}.contact{height:150vh}.contact .sticky{justify-content:flex-end;gap:clamp(2rem,5vh,3.6rem);padding-bottom:12vh}.contact .display{font-size:clamp(2.2rem,5.2vw,7rem)}.contact-actions .ln-i{flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;display:inline-flex}.mail{color:var(--mute);background:linear-gradient(var(--brass), var(--brass)) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--mech), color .3s;font-size:clamp(.95rem,1.1vw,1.1rem);font-stretch:86%;text-decoration:none}.mail:hover,.mail:focus-visible{color:var(--paper);background-size:100% 1px}.foot{padding:2rem var(--gutter) 2.4rem;color:var(--mute);justify-content:space-between;gap:1rem;font-size:.8rem;font-stretch:75%;display:flex}.foot p{margin:0}.tag{white-space:nowrap;opacity:0;visibility:hidden;will-change:transform, opacity;align-items:center;gap:.55rem;font-size:.82rem;font-weight:500;font-stretch:75%;display:flex;position:absolute;top:0;left:0}.tag-lead{opacity:.8;background:currentColor;width:34px;height:1px;display:block}.tag--right{margin-top:-.6em}.tag--left{flex-direction:row-reverse;margin-top:-.6em;translate:-100%}.tag--brass{color:var(--brass)}.tag--loss{color:var(--loss)}.tag--paper{color:var(--mute)}.tag b,.tag em{font-style:normal;font-weight:500}.tag--tick{font-size:.72rem;translate:-50%}.tag--tick .tag-lead{display:none}.tag--key .tag-text:before{content:"";background:var(--paper);vertical-align:.1em;border-radius:50%;width:5px;height:5px;margin-right:.45rem;display:inline-block}.tag--centre{flex-direction:column;margin:0;translate:-50% -100%}.tag--centre .tag-lead{order:2;width:1px;height:22px}.tag--centre .tag-text{gap:1.4rem;display:flex}.tag--centre b{color:var(--paper)}@media (max-width:1100px){.grain{background:linear-gradient(#0c0d0f00 38%,#0c0d0f73 60%,#0c0d0fd1 100%),radial-gradient(120% 90% at 50% 35%,#0c0d0f00 55%,#0c0d0fb3 100%)}}@media (max-width:760px){.rail{display:none}.progress{z-index:11;height:2px;display:block;position:fixed;top:0;left:0;right:0}.progress span{background:var(--brass);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.brand-role{display:none}.sticky{justify-content:flex-end;padding-bottom:9svh}.hero-title{font-size:clamp(2.2rem,11.2vw,4.4rem);font-stretch:112%}.display{font-size:clamp(2rem,10vw,4rem);font-stretch:112%}.hero-foot{flex-direction:column;align-items:flex-start;padding-right:0}.cue{display:none}.ch{font-size:clamp(2rem,11vw,3.6rem);font-stretch:112%}.measure .sticky{padding-bottom:6svh}.foot{flex-direction:column}.tag{font-size:.74rem}.tag--paper:not(.tag--key){display:none}.tag-lead{width:20px}}@media (prefers-reduced-motion:reduce){.cue-line{animation:none}.btn,.btn-fill,.btn-label,.ch,.ch-desc,.rail-tick,.rail-label{transition-duration:.01ms!important}}
