@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap";:root{--paper:#f3f1eb;--paper2:#ebe9e2;--ink:#171816;--muted:#777a76;--line:#c8c8c1;--violet:#62547d;--violet-soft:#8a7da0;--white:#fbfaf7;--blue:#516a72}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:auto}body{margin:0;background:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,a{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{text-decoration:none}.world{position:relative;min-height:800vh;background:var(--paper);isolation:isolate}.world:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.28;background:linear-gradient(rgba(23,24,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,22,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.018;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='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.scanline{position:fixed;left:0;right:0;top:0;height:1px;background:#1718160e;z-index:19;pointer-events:none;transform:translateY(0)}.topbar{position:fixed;top:0;left:0;right:0;height:92px;padding:25px 36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;z-index:20;pointer-events:none;border-bottom:1px solid rgba(23,24,22,.045)}.brand{display:flex;flex-direction:column;gap:5px;pointer-events:auto;width:max-content}.brand span{font:600 16px/1 Inter,sans-serif;letter-spacing:.15em}.brand small,.topmeta,.menu-btn,.statusline,.chapter-kicker,.chapter-side,.rail-marker,.hint,.dossier-index,.menu-kicker,.menu-foot,.chapter-detail span,.dossier-grid span,.dossier-note{font:500 9px/1.45 DM Mono,monospace;letter-spacing:.16em}.brand small{color:var(--muted);letter-spacing:.11em}.topmeta{display:flex;gap:26px;color:var(--muted);padding-top:3px}.top-actions{justify-self:end;display:flex;align-items:center;gap:20px;pointer-events:auto}.audio-btn,.menu-btn{color:var(--muted);padding:5px 0;border-bottom:1px solid transparent;font:500 9px/1.45 DM Mono,monospace;letter-spacing:.16em}.audio-btn:hover,.menu-btn:hover,.audio-btn.on{color:var(--ink);border-color:var(--ink)}.audio-btn span{color:var(--violet)}.statusline{position:fixed;left:36px;top:98px;z-index:20;display:flex;gap:18px;color:var(--muted);text-transform:uppercase}.statusline span:first-child{color:var(--ink)}.statusline span:last-child{color:var(--violet)}.statusline i{width:24px;height:1px;background:var(--line);margin-top:6px}.statusline #statusMetric{color:var(--muted)}.chapter-rail{position:fixed;right:34px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:10px}.rail-marker{display:flex;align-items:center;gap:9px;color:var(--muted);padding:3px}.rail-marker i{display:block;width:18px;height:1px;background:var(--line);transition:width .55s cubic-bezier(.2,.8,.2,1),background .35s}.rail-marker span{opacity:.42;transition:opacity .35s}.rail-marker:hover span,.rail-marker.active span{opacity:1}.rail-marker.active{color:var(--ink)}.rail-marker.active i{width:34px;background:var(--violet)}.chapter{height:100vh;position:relative;z-index:10;pointer-events:none}.chapter-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:center;padding:0 clamp(36px,9vw,140px);gap:9vw}.chapter-copy{width:min(650px,46vw);opacity:var(--chapter-opacity,0);transform:translate3d(0,28px,0);transition:opacity .18s linear,transform .95s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.chapter.active .chapter-copy{transform:translateZ(0)}.align-right{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.align-right .chapter-copy{grid-column:2;justify-self:end}.align-center{display:flex;justify-content:center;text-align:center}.align-center .chapter-copy{width:min(780px,76vw)}.chapter-kicker{display:flex;align-items:center;gap:11px;color:var(--muted);margin-bottom:19px;text-transform:uppercase}.chapter-kicker span{color:var(--ink)}.chapter-kicker i{width:30px;height:1px;background:var(--violet);display:block}.chapter h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(56px,7vw,108px);line-height:.88;letter-spacing:-.045em;margin:0 0 22px;max-width:9.8ch}.align-right .chapter h1{max-width:10ch}.align-center .chapter h1{max-width:12ch;margin-left:auto;margin-right:auto}.chapter-sub{font:500 14px/1.5 Inter,sans-serif;letter-spacing:.01em;margin:0 0 15px;max-width:54ch}.chapter-desc{font:400 14px/1.78 Inter,sans-serif;color:#5e615d;max-width:58ch;margin:0}.chapter-detail{margin-top:26px;padding-top:12px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:flex-start;max-width:58ch}.chapter-detail span{color:var(--muted);white-space:nowrap;padding-top:2px}.chapter-detail b{font:500 10px/1.65 DM Mono,monospace;letter-spacing:.09em}.chapter-side{align-self:center;justify-self:end;display:flex;flex-direction:column;gap:10px;color:var(--muted);max-width:180px;text-align:right}.chapter-side i{width:100%;height:1px;background:var(--line)}.chapter-side em{font-style:normal;color:var(--violet)}.align-right .chapter-side{grid-column:1;grid-row:1;justify-self:start;text-align:left}.align-center .chapter-side{display:none}.product-trigger{pointer-events:auto;margin-top:28px;border-bottom:1px solid var(--ink);padding:0 0 8px;font:500 9px/1 DM Mono,monospace;letter-spacing:.18em}.product-trigger:hover{color:var(--violet);border-color:var(--violet)}.product-trigger span{margin-left:10px;color:var(--violet)}.hint{position:fixed;left:36px;bottom:30px;z-index:20;color:var(--muted);transition:opacity .7s}.hint span{color:var(--violet)}.cursor{position:fixed;z-index:60;pointer-events:none;width:18px;height:18px;border:1px solid rgba(109,90,141,.6);border-radius:50%;transform:translate3d(-100px,-100px,0);margin:-9px 0 0 -9px;transition:width .22s,height .22s,margin .22s,background .22s}.cursor span{position:absolute;left:50%;top:50%;width:3px;height:3px;background:var(--violet);transform:translate(-50%,-50%);border-radius:50%}.cursor.active{width:32px;height:32px;margin:-16px 0 0 -16px;background:#6d5a8d14}.hover-label{position:fixed;left:0;top:0;z-index:61;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);font:500 9px DM Mono,monospace;letter-spacing:.13em;color:var(--ink);background:#f3f1ebf0;border:1px solid var(--line);padding:8px 10px;transition:opacity .18s}.hover-label.show{opacity:1}.dossier{position:fixed;z-index:70;right:0;top:0;width:min(620px,94vw);height:100vh;background:#f8f7f2fb;border-left:1px solid var(--ink);transform:translate(101%);transition:transform .75s cubic-bezier(.2,.8,.2,1);padding:38px 48px;overflow:auto;box-shadow:-24px 0 70px #1817140e}.dossier.open{transform:none}.dossier-close,.menu-close{float:right;font:500 9px DM Mono,monospace;letter-spacing:.16em;border-bottom:1px solid var(--ink);padding-bottom:6px}.dossier-index{color:var(--violet);padding-top:2px;margin:76px 0 17px}.dossier h2{font:400 clamp(46px,6vw,82px)/.86 "Instrument Serif",Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}.dossier-title{font:600 16px/1.5 Inter;margin:0 0 17px;max-width:48ch}.dossier-body{font:400 14px/1.82 Inter;color:#5e615d;max-width:57ch}.dossier-grid{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid var(--line);margin-top:34px}.dossier-grid>div{padding:18px 18px 0 0}.dossier-grid>div+div{border-left:1px solid var(--line);padding-left:18px}.dossier-grid span{display:block;color:var(--muted);margin-bottom:14px}.dossier-grid b{display:block;font:500 11px/1.6 DM Mono,monospace;letter-spacing:.05em;padding:8px 0;border-bottom:1px solid var(--line)}.workflow{border-top:0}.workflow div{display:grid;grid-template-columns:28px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:8px 0;font:500 10px DM Mono,monospace;letter-spacing:.12em}.workflow em{font-style:normal;color:var(--violet)}.dossier-note{margin-top:30px;color:var(--muted);line-height:1.75;letter-spacing:.08em}.menu-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#f3f1ebfc;z-index:80;opacity:0;pointer-events:none;transition:opacity .45s}.menu-panel.open{opacity:1;pointer-events:auto}.menu-inner{height:100%;padding:32px 36px;display:flex;flex-direction:column}.menu-kicker{color:var(--muted)}.menu-close{align-self:flex-end;margin-top:-13px}.menu-link{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;width:min(820px,82vw);border-bottom:1px solid var(--line);padding:18px 0;text-align:left}.menu-link>span,.menu-link b{font:500 9px DM Mono,monospace;letter-spacing:.15em;color:var(--muted)}.menu-link div{display:flex;flex-direction:column;gap:5px}.menu-link small{font:500 8px DM Mono,monospace;letter-spacing:.13em;color:var(--muted)}.menu-link strong{font:400 clamp(30px,4vw,54px)/.95 "Instrument Serif",Georgia,serif;font-weight:400}.menu-link b{color:var(--violet);text-align:right}.menu-link:hover{padding-left:13px}.menu-foot{margin-top:auto;color:var(--muted)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:100;display:flex;flex-direction:column;justify-content:center;padding:36px;transition:opacity .85s,visibility .85s}.boot.done{opacity:0;visibility:hidden}.boot-mark{font:400 100px/.8 "Instrument Serif",Georgia,serif;letter-spacing:-.08em;margin-bottom:28px}.boot-line{width:min(440px,62vw);height:1px;background:var(--line);overflow:hidden}.boot-line span{display:block;width:42%;height:100%;background:var(--violet);animation:load 1.05s cubic-bezier(.2,.8,.2,1) forwards}.boot-copy{margin-top:12px;display:flex;gap:16px;align-items:center}.boot-copy b{font:500 12px DM Mono,monospace;letter-spacing:.15em}.boot-copy small{font:500 8px DM Mono,monospace;color:var(--muted);letter-spacing:.18em}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(260%)}}.webgl-fallback #scene{display:none}.webgl-fallback .chapter-copy{opacity:1;transform:none}@media(max-width:900px){.topbar{padding:20px;height:78px;display:flex;justify-content:space-between}.topmeta,.statusline{display:none}.top-actions{gap:12px}.chapter-rail{right:14px}.chapter-inner,.align-right{display:flex;align-items:center;padding:0 24px}.chapter-copy,.align-right .chapter-copy{width:min(650px,82vw);margin-left:0}.align-right .chapter-copy{order:2}.chapter-side{display:none}.chapter h1{font-size:clamp(52px,14vw,82px)}.chapter-desc{font-size:13px}.chapter-detail{gap:10px}.cursor{display:none}.dossier{padding:28px 24px}.dossier-grid{grid-template-columns:1fr}.dossier-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.menu-inner{padding:24px}.menu-link{width:100%}.menu-link strong{font-size:36px}.hint{left:20px;bottom:18px}}@media(max-width:560px){.brand span{font-size:14px}.brand small{font-size:7px}.chapter-copy{width:84vw}.chapter-kicker{font-size:8px}.chapter h1{font-size:clamp(48px,16vw,70px)}.chapter-sub{font-size:13px}.chapter-desc{font-size:12px;line-height:1.7}.chapter-detail b{font-size:8px}.dossier h2{font-size:52px}.dossier-body{font-size:13px}.boot{padding:24px}.boot-mark{font-size:78px}}@media(prefers-reduced-motion:reduce){.chapter-copy,.dossier,.menu-panel{transition:none!important}.cursor{display:none}}