@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap";:root{font-family:Barlow,sans-serif;color:#252723;background:#e9e8e3;font-synthesis:none;--paper:#e9e8e3;--ink:#252723;--muted:#727670;--blue:#244cce;--line:rgba(37,39,35,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{border:0;background:none}::selection{background:#244cce;color:#f0f1f6}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--paper);padding:16px}.skip-link:focus{top:16px}#webgl{position:fixed;inset:0;z-index:2;pointer-events:none}#webgl canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;z-index:5;opacity:.033;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;left:3.25vw;right:3.25vw;top:30px;z-index:20;display:flex;justify-content:space-between;align-items:center;transition:color .6s}.wordmark{font-weight:700;font-size:26px;letter-spacing:-1.2px;display:flex;align-items:flex-start}.brand-dot{font-size:11px;margin:3px 22px 0 2px;letter-spacing:0}.wordmark-sub{font-size:9px;letter-spacing:1.4px;line-height:1.4;max-width:60px;margin-top:4px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:500}.site-header nav>a{position:relative;padding:10px 0}.site-header nav>a:after{content:"";height:1px;background:currentColor;position:absolute;bottom:3px;left:0;width:0;transition:width .2s}.site-header nav>a:hover:after{width:100%}.live-link{display:flex;gap:9px;align-items:center}.live-link i{width:5px;height:5px;border-radius:50%;background:#4d7658;box-shadow:0 0 0 3px #4d765817}.live-link span{font-size:18px;margin-left:8px}.chapter{min-height:115vh;position:relative;padding:150px 7.5vw 110px;display:flex;align-items:center;isolation:isolate}.hero{min-height:105vh;padding:0 3.25vw;display:block}.hero-top{position:absolute;left:3.25vw;right:3.25vw;top:143px;display:flex;justify-content:space-between;align-items:flex-start;z-index:4}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;line-height:1.5}.edition{font-size:9px;letter-spacing:1px;line-height:1.7;text-align:right}.hero h1{position:absolute;top:20vh;left:3vw;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(100px,17.6vw,290px);font-weight:700;letter-spacing:-.035em;line-height:.76;z-index:1;pointer-events:none;color:#343833}.hero h1 span{display:block;line-height:.95;font-size:.75em;letter-spacing:-.025em}.hero-caption{position:absolute;top:72vh;left:3.5vw;display:flex;gap:23px;align-items:flex-start;z-index:4}.hero-caption p{font-size:13px;line-height:1.65;margin:0}.tiny-cross{font-size:22px;font-weight:400;line-height:1}.scroll-cue{position:absolute;left:3.5vw;top:87vh;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:1.4px;z-index:4}.scroll-arrow{width:33px;height:43px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;font-size:17px;transition:transform .3s}.scroll-cue:hover .scroll-arrow{transform:translateY(5px)}.hero-side{position:absolute;right:3.5vw;top:74vh;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.5px;z-index:4}.chapter-copy{width:330px;max-width:32%;position:relative;z-index:4;transition:opacity .5s,transform .6s;opacity:.25;transform:translateY(18px)}.in-view .chapter-copy{opacity:1;transform:translateY(0)}.chapter-copy h2{font-family:Barlow Condensed,sans-serif;font-size:clamp(54px,6.2vw,104px);font-weight:600;letter-spacing:-.025em;line-height:.95;margin:27px 0}.chapter-copy p{font-size:16px;line-height:1.55;margin:0 0 23px;max-width:28ch}.chapter-copy .detail-copy{font-size:12px;line-height:1.8;color:var(--muted);max-width:29ch}.micro-rule{height:1px;width:45px;background:var(--line);margin:34px 0 16px}.spec{font-size:8px;letter-spacing:1.5px}.scene-note{position:absolute;right:6vw;bottom:21vh;z-index:4;font-size:9px;letter-spacing:1.5px;display:flex;gap:18px;align-items:center}.crosshair{font-size:25px;font-weight:300}.text-button{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:35px;align-items:center;font-size:11px;margin-top:25px}.text-button span{font-size:19px;transition:transform .3s}.text-button:hover span{transform:translate(3px,-3px)}.dark-mode{--muted:#a5aaa4;--line:rgba(231,235,225,.22);color:#eff1e9}.site-header,.bottom-bar,.chapter-copy,.scene-note{transition:color .5s}.dark-mode .live-link i{background:#98b68d}.light-swatches{display:flex;gap:14px;margin-top:34px}.light-swatches button{width:17px;height:17px;border-radius:50%;background:var(--swatch);padding:0;position:relative;outline-offset:5px}.light-swatches button[aria-pressed=true]:before{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.6}.light-swatches .off-swatch{background:none;font-size:24px;display:grid;place-items:center;line-height:15px}.glyph-line{font-size:35px;letter-spacing:15px;margin-top:38px;font-weight:400;color:#707871}.primary-button{display:flex;align-items:center;justify-content:space-between;width:195px;background:#263ecb;color:#f2f3f5;border-radius:2px;padding:19px 22px;font-size:12px;margin-top:32px;transition:background .2s,transform .2s}.primary-button:hover{background:#1e329e;transform:translateY(-2px)}.primary-button span{font-size:20px}.final-note{position:absolute;bottom:15vh;left:7.5vw;z-index:4}.final-note>span{font-size:8px;letter-spacing:1.5px}.final-note p{font-size:11px;margin:10px 0 18px;color:var(--muted)}.final-note a{font-size:10px;border-bottom:1px solid var(--line);padding-bottom:5px}.bottom-bar{position:fixed;left:3.25vw;right:3.25vw;bottom:24px;display:flex;align-items:center;justify-content:space-between;z-index:20;font-size:9px;letter-spacing:1.1px}.chapter-indicator{display:flex;align-items:center;gap:13px;min-width:180px}.chapter-indicator>span:first-child{font-weight:600;font-size:13px}.separator{opacity:.3}.chapter-dots{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center}.chapter-dots a{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.22;transition:width .3s,opacity .3s;position:relative}.chapter-dots a:before{content:"";position:absolute;inset:-8px}.chapter-dots a.active{width:23px;border-radius:4px;opacity:.8}.utility-button{padding:8px 0;font-size:9px;display:flex;align-items:center;gap:16px;letter-spacing:.4px}.utility-button span{font-size:15px}footer{padding:32px 3.25vw 90px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);position:relative;z-index:4}footer a{border-bottom:1px solid var(--line);padding-bottom:4px}#loading{position:fixed;right:5vw;bottom:15vh;width:200px;z-index:30;font-size:10px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;letter-spacing:.4px;transition:opacity .5s;pointer-events:none}.load-line{width:100%;height:1px;background:var(--line);position:relative;overflow:hidden}.load-line:after{content:"";height:100%;width:40%;position:absolute;top:0;left:-40%;background:var(--ink);animation:loading 1.8s ease-in-out infinite}#loading.loaded{opacity:0}#loading[hidden]{display:none}@keyframes loading{to{left:100%}}.inspecting #webgl{pointer-events:auto;z-index:8;cursor:grab}.inspecting #webgl:active{cursor:grabbing}.inspecting .chapter-copy{opacity:.16;pointer-events:none}#inspect-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:30;background:#e9e8e3ef;border:1px solid var(--line);padding:18px 24px;font-size:9px;letter-spacing:1px;white-space:nowrap;box-shadow:0 8px 30px #2527230c}#inspect-hint button{margin-left:32px;font-size:10px;letter-spacing:0}#inspect-hint[hidden]{display:none}#render-error{position:fixed;right:10vw;top:35vh;max-width:380px;background:var(--paper);border:1px solid var(--line);padding:32px;z-index:30}#render-error h2{font-size:23px}#render-error p{font-size:13px;line-height:1.6}#render-error button,#render-error a{font-size:12px;border-bottom:1px solid;padding:10px;margin:10px 10px 0 0}#render-error[hidden]{display:none}.lab-mode .site-header,.lab-mode main,.lab-mode .grain,.lab-mode .bottom-bar,.lab-mode footer,.lab-mode #loading{display:none}.lab-mode{overflow:hidden}.lab-mode #webgl{z-index:50}@media(min-width:1800px){.chapter-copy{width:400px}.chapter-copy p{font-size:19px}.chapter-copy .detail-copy{font-size:15px}.eyebrow{font-size:12px}}@media(max-width:760px){.site-header{left:6vw;right:6vw;top:23px}.wordmark{font-size:23px}.brand-dot{margin-right:12px}.wordmark-sub{font-size:8px}.site-header nav{gap:0;font-size:10px}.site-header nav>a:first-child{display:none}.live-link span{margin-left:0}.hero-top{top:113px;left:6vw;right:6vw}.eyebrow{font-size:8px;letter-spacing:1.2px}.edition{font-size:7px}.hero h1{top:24vh;left:5vw;font-size:25vw;line-height:.81}.hero h1 span{font-size:.7em;line-height:1.05}.hero-caption{top:74vh;left:6vw;gap:15px}.hero-caption p{font-size:11px}.hero-side{display:none}.scroll-cue{top:87vh;left:6vw;font-size:8px;gap:12px}.scroll-arrow{height:33px;width:25px;font-size:14px}.chapter{padding:120px 7vw 100px;min-height:115vh;align-items:flex-start}.hero{min-height:105vh;padding:0}.chapter-copy{max-width:100%;width:100%;margin-top:3vh}.chapter-copy h2{font-size:54px;line-height:.94;letter-spacing:-.02em;margin:20px 0}.chapter-copy h2 br:nth-child(2){display:none}.chapter-copy p{font-size:12px;max-width:31ch;margin-bottom:12px}.chapter-copy .detail-copy{font-size:10px;max-width:36ch;line-height:1.7}.micro-rule{margin:15px 0 12px}.spec{font-size:7px}.scene-note{right:7vw;bottom:16vh;font-size:7px;letter-spacing:.8px}.text-button{margin-top:12px;font-size:10px}.light-swatches{margin-top:20px}.glyph-line{font-size:23px;margin-top:20px;letter-spacing:13px}.bottom-bar{left:6vw;right:6vw;bottom:20px;font-size:7px}.chapter-indicator{gap:8px;min-width:120px}.chapter-indicator>span:first-child{font-size:10px}.chapter-dots{gap:8px;left:55%}.chapter-dots a{width:4px;height:4px}.chapter-dots a.active{width:15px}.utility-button{font-size:0;gap:0}.utility-button span{font-size:15px}.final-note{left:7vw;bottom:13vh}.final-note>span{font-size:7px}.final-note p{font-size:10px}.primary-button{margin-top:20px;padding:13px 18px;width:166px;font-size:11px}.finale .chapter-copy .text-button{position:absolute;left:190px;bottom:8px;white-space:nowrap;gap:8px}footer{flex-direction:column;gap:16px;padding:24px 6vw 85px;font-size:8px}footer a{align-self:flex-start}#loading{right:8vw;bottom:24vh;width:175px;font-size:9px}#inspect-hint{font-size:7px;padding:15px;bottom:85px;width:90vw;white-space:normal;text-align:center}#inspect-hint button{display:block;margin:13px auto 0;font-size:10px}#render-error{left:7vw;right:7vw;top:48vh;padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter-copy{transform:none}}