@font-face{font-family:Desk Sans;src:url('./assets/geist-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Desk Sans;src:url('./assets/geist-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Desk Serif;src:url('./assets/instrument-serif-latin-400-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{color-scheme:light;--paper:#f1eee6;--ink:#353b32;--muted:#7c8075;--orange:#cd613b;--line:#353b3224}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b8b8aa var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:14px Desk Sans,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#e5ba8e;color:#353b32}.world{position:fixed;inset:0;background:var(--paper);z-index:0}canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.header{position:fixed;top:0;left:4.5%;right:4.5%;height:105px;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:18px;align-items:center;font-size:19px;letter-spacing:-.06em;font-weight:500}.brand-icon{font-size:46px;line-height:1;letter-spacing:-.12em;position:relative;padding-right:8px}.brand-icon>span{position:absolute;right:-3px;top:-3px;font-size:23px;color:var(--orange)}.brand-small{display:block;font-size:6px;letter-spacing:.17em;margin-top:8px;color:var(--muted);font-weight:400}.header-note{font-size:8px;letter-spacing:.1em;color:#7d8276;display:flex;gap:9px;align-items:center}.orange-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);display:inline-block}.motion{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 13px;font-size:9px}.motion:hover{background:#353b3207}.motion-glyph{font-size:10px;color:var(--orange)}
.chapter{position:relative;height:125svh;min-height:650px}.chapter:last-child{height:100svh;min-height:650px}.panel{position:fixed;left:7.5%;top:23%;z-index:3;max-width:550px;width:42%;visibility:hidden;opacity:0;pointer-events:none;will-change:transform,opacity}.panel.active{visibility:visible;opacity:1;pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.15em;color:#707969;margin:0 0 24px}.eyebrow>span{font-size:9px;letter-spacing:0;color:var(--orange);border:1px solid #cd613b66;padding:4px 6px;border-radius:2px}h1,h2{font-size:clamp(70px,6.2vw,105px);font-weight:400;line-height:1.01;letter-spacing:-.065em;margin:0}h1 em,h2 em{font-family:Desk Serif,serif;color:var(--orange);font-size:1.16em;font-weight:400;letter-spacing:-.035em}h2{font-size:clamp(65px,5.6vw,96px)}.description{font-size:12px;line-height:1.85;letter-spacing:-.01em;margin:26px 0 0;color:#757d6d}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:30px;font-size:11px;border-bottom:1px solid #cd613b88;padding-bottom:8px}.text-link>span{font-size:19px;color:var(--orange);transition:transform .2s}.text-link:hover>span{transform:translate(3px,3px)}.margin-note{display:block;font-size:7px;letter-spacing:.14em;color:#9b9e90;margin-top:57px}.field-note{border-left:1px solid #cd613b88;padding-left:15px;margin-top:28px}.field-note>span{font-size:7px;letter-spacing:.1em;color:var(--orange)}.field-note p{font-size:11px;color:#797f70;line-height:1.6;margin:8px 0 0}.replay{padding-left:0;padding-right:0;border-top:0;border-left:0;border-right:0;background:transparent}
.hotspots{position:fixed;inset:0;pointer-events:none;z-index:6}.hotspots button{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;border:0;padding:5px;background:transparent;pointer-events:auto;white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .3s}.hotspot-dot{height:23px;width:23px;display:grid;place-items:center;border-radius:50%;background:#f9f6eddb;color:var(--orange);border:1px solid #c5bba080;font-size:15px;box-shadow:0 2px 9px #514b2b12}.hotspot-label{padding:5px 8px;background:#f9f6ede8;border:1px solid #c5bba04d;font-size:9px;color:#626a59;border-radius:2px;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s;position:absolute;left:34px;pointer-events:none}.hotspots button:hover .hotspot-label,.hotspots button:focus-visible .hotspot-label{opacity:1;transform:none}.hotspots button:hover .hotspot-dot{background:var(--orange);color:var(--paper)}.scene-caption{position:fixed;z-index:3;right:8%;bottom:16%;display:flex;align-items:flex-start;gap:10px;color:#6a7461;font-size:7px;letter-spacing:.1em;pointer-events:none}.caption-mark{font-size:16px;line-height:.6;color:var(--orange)}#caption>span{display:block;font-size:6px;letter-spacing:.1em;color:#9b9e90;margin-top:9px}.desk-status{position:fixed;z-index:3;left:4.5%;bottom:97px;display:flex;gap:7px;align-items:center;font-size:6px;color:#979c8c;letter-spacing:.1em}.footer{position:fixed;left:4.5%;right:4.5%;bottom:0;height:77px;border-top:1px solid var(--line);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(0deg,#f1eee6a0,transparent)}.footer-label{font-size:7px;letter-spacing:.08em;color:#838b7a}.footer-label>span{display:block;font-size:6px;margin-top:5px;color:#a1a695}#chapter-nav{display:flex;gap:32px}#chapter-nav a{font-size:8px;letter-spacing:.08em;color:#8c9381;padding:20px 0;position:relative}#chapter-nav a>span{font-size:8px;margin-right:7px;color:#a6ac9a}#chapter-nav a[aria-current]{color:#353b32}#chapter-nav a[aria-current]>span{color:var(--orange)}#chapter-nav a[aria-current]:before{position:absolute;content:'';height:1px;top:0;left:0;right:0;background:var(--orange)}#chapter-nav a:hover{color:var(--orange)}.scroll-indicator{display:flex;gap:10px;align-items:center;font-size:6px;letter-spacing:.08em;color:#969d8c}#percent{font-variant-numeric:tabular-nums;font-size:8px;color:#6e7864}.scroll-line{width:24px;height:1px;background:#b7bcad}.progress{height:2px;position:fixed;bottom:0;left:0;right:0;z-index:11;background:#353b3206}#progress{height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}.skip{position:fixed;top:-100px;left:15px;z-index:20;padding:15px;background:white}.skip:focus{top:15px}.no-js{position:relative;padding:130px 8% 20px}.no-webgl .world:after{content:'Your desk is in text mode. WebGL is unavailable in this browser.';position:absolute;right:10%;top:50%;width:250px;font-size:14px;line-height:1.8;color:#757d6d}.no-webgl .hotspots{display:none}
@media(min-width:1600px){.panel{top:25%}h1{font-size:115px}h2{font-size:105px}.description{font-size:14px}}
@media(max-width:1050px){.header-note{display:none}.panel{left:6%;width:45%;top:23%}h1{font-size:8vw}h2{font-size:7.4vw}.description{font-size:11px}#chapter-nav{gap:22px}.footer-label{font-size:6px}.scroll-indicator>span:last-child{display:none}.margin-note{margin-top:35px}}
@media(max-width:760px){.header{height:78px;left:6%;right:6%}.brand{font-size:17px;gap:13px}.brand-icon{font-size:37px}.brand-icon>span{font-size:19px}.brand-small{font-size:5px}.motion{padding:8px 11px}.motion-text{display:none}.panel{left:8%;top:15%;width:84%;max-width:none}.eyebrow{font-size:7px;margin-bottom:13px;gap:10px}.eyebrow>span{font-size:7px;padding:3px 5px}h1{font-size:clamp(50px,12.8vw,76px);line-height:.99}h2{font-size:clamp(46px,11.8vw,70px)}.description{font-size:10px;line-height:1.7;margin-top:13px}.text-link{font-size:10px;gap:20px;margin-top:17px;padding-bottom:5px}.text-link>span{font-size:16px}.margin-note{display:none}.field-note{margin-top:16px;padding-left:10px}.field-note>span{font-size:6px}.field-note p{font-size:9px;line-height:1.4;margin:5px 0 0}.chapter{min-height:0}.chapter:last-child{min-height:0}.footer{left:6%;right:6%;height:65px;gap:8px}.footer-label{font-size:5px;max-width:65px;line-height:1.4}.footer-label>span{font-size:5px}#chapter-nav{gap:15px}#chapter-nav a{font-size:6px;padding:17px 0}#chapter-nav a>span{font-size:6px;margin-right:3px}.scroll-indicator{gap:0}.scroll-line{display:none}#percent{font-size:7px}.desk-status{left:6%;bottom:79px;font-size:5px}.scene-caption{right:8%;bottom:16%;font-size:6px}#caption>span{font-size:5px;letter-spacing:.03em}.hotspot-dot{height:21px;width:21px;font-size:14px}.hotspot-label{display:none}.no-webgl .world:after{top:60%;right:8%;width:75%;font-size:12px}}
@media(max-height:700px) and (min-width:601px){.header{height:78px}.panel{top:21%}h1{font-size:74px}h2{font-size:66px}.eyebrow{margin-bottom:16px}.description{margin-top:18px;font-size:11px}.margin-note{margin-top:25px}.footer{height:62px}.desk-status{bottom:78px}.field-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}html.reduced{scroll-behavior:auto}html.reduced *,html.reduced *:before,html.reduced *:after{transition:none!important;animation:none!important}