@font-face{font-family:Space;src:url('../fonts/space-grotesk-2.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0100-02BA,U+0300-036F,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:Space;src:url('../fonts/space-grotesk-3.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2190-21FF}
@font-face{font-family:DM;src:url('../fonts/dm-sans-0.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+0300-036F,U+1E00-1EFF,U+20A0-20AB}
@font-face{font-family:DM;src:url('../fonts/dm-sans-1.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2190-21FF}
:root{--canvas:#17191c;--panel:#202327;--ink:#e8e6e0;--muted:#a5a6a8;--accent:#d5a4ae;--accent-soft:#38252d;--line:#ffffff1f;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.6 DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space,Arial,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.065em}svg,canvas,img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--canvas)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 20px;background:var(--ink);color:var(--canvas)}.skip:focus{top:20px}
.header{height:104px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:fixed;inset:0 0 auto;z-index:30;background:linear-gradient(var(--canvas),#17191c00);transition:height .4s,background .4s}.header.scrolled{height:80px;background:#17191ced;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:14px;font:500 20px Space;letter-spacing:.16em}.brand svg{width:28px;fill:none;stroke:var(--ink);stroke-width:1.3}.header nav{display:flex;gap:38px;font-size:14px;color:#c0c0bf}.header nav a{padding:10px 0}.header nav a:hover{color:var(--accent)}.motion-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#17191c30;border-radius:40px;min-height:44px;padding:8px 17px;font-size:12px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #d5a4ae50}.motion-button[aria-pressed=true] .status-dot{background:#89898a;box-shadow:none}
.journey{height:650vh;position:relative}.viewport{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}.environment{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 70% 40%,#49494e88 0,transparent 45%),radial-gradient(ellipse at 90% 90%,#38262d50,transparent 60%),var(--canvas)}.environment:after{content:'';position:absolute;top:17%;left:44%;width:65%;height:60%;border-radius:50%;background:#adb0b511;filter:blur(80px);animation:drift 65s ease-in-out infinite alternate}.scene-mark{position:absolute;right:4.7%;bottom:10%;font:400 clamp(100px,18vw,280px)/.9 Space;letter-spacing:-.06em;color:#e6e6e605;z-index:-1;pointer-events:none}.watch-stage{position:absolute;top:8%;right:0;bottom:7%;width:68%;z-index:0}.watch-stage canvas{width:100%;height:100%;position:relative;z-index:2}.fallback-watch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1}.has-webgl .fallback-watch{visibility:hidden}.chapter-copy{position:absolute;left:5.6%;top:29%;width:46%;z-index:4;opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .55s,transform .75s var(--ease)}.chapter-copy.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.chapter-copy h1,.chapter-copy h2{font-size:clamp(64px,7.45vw,125px);margin:25px 0 27px}.eyebrow{font-size:12px;letter-spacing:.06em;display:flex;align-items:center;gap:12px;color:#c2bebc}.short-line{width:27px;height:1px;background:var(--accent)}.lead{font-size:16px;color:#aeb0b3;line-height:1.8;max-width:35ch}.discover{display:inline-flex;align-items:center;gap:14px;padding:0;border:0;background:none;margin-top:35px;font-size:13px}.circle-arrow{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ffffff40;border-radius:50%;font-size:20px;transition:background .3s,transform .3s}.discover:hover .circle-arrow{background:var(--accent-soft);transform:translateY(4px)}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;margin-top:32px;padding:10px 0;border-bottom:1px solid #ffffff45}.text-link span{font-size:22px}.annotation{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.04em;opacity:0;transition:opacity .6s;pointer-events:none;color:#d5d0ca}.annotation i{width:80px;height:1px;background:#d5a4ae80;position:relative}.annotation i:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%}.annotation-top{top:19%;right:10%}.annotation-bottom{bottom:26%;right:6%}.show-parts .annotation{opacity:1}.chapter-footer{position:absolute;bottom:30px;left:5.6%;right:5.6%;display:flex;align-items:center;justify-content:space-between;z-index:5}.scroll-hint{font-size:11px;color:#a6a5a6;display:flex;align-items:center;gap:13px;width:180px}.scroll-line{width:1px;height:30px;background:#d5a4ae70}.chapter-navigation{display:flex;gap:13px}.chapter-navigation button{background:none;border:0;min-width:46px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:11px;color:#9d9fa1}.chapter-navigation i{height:1px;width:33px;background:#ffffff30;transition:background .3s,width .3s}.chapter-navigation [aria-current]{color:var(--ink)}.chapter-navigation [aria-current] i{background:var(--accent);width:46px}.study-label{font:13px Space;color:#c4c0ba;letter-spacing:.04em}.study-label span{margin-left:18px;color:#999a9e;font:11px DM}.journey-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff0a;z-index:5}.journey-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}
.manifesto{padding:145px 9%;background:#dbd9d3;color:#26272a;position:relative;overflow:hidden}.manifesto-kicker{display:flex;align-items:center;gap:22px;font-size:13px;margin-bottom:52px}.small-cross{font:400 28px Space;color:inherit}.manifesto h2{font-size:clamp(40px,6.6vw,108px);line-height:1.08;letter-spacing:-.058em}.manifesto h2 span{color:#777776}.manifesto-bottom{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.manifesto-bottom p{max-width:39ch;font-size:18px;line-height:1.65;color:#56575a}.balance-art svg{width:100%;height:85px}.trace{stroke:#5e3945;stroke-width:1;fill:none;stroke-dasharray:600;stroke-dashoffset:600}.manifesto.seen .trace{animation:trace 2.4s var(--ease) forwards}
.atelier{padding:130px 7% 140px;background:var(--canvas)}.atelier-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.atelier h2{font-size:clamp(45px,5.8vw,86px);margin-top:22px}.atelier-head>p{color:var(--muted);font-size:15px;padding-bottom:10px}.workbench{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid var(--line);background:var(--panel);min-height:620px}.bench-visual{position:relative;background:radial-gradient(ellipse at 50% 35%,#45464e,transparent 65%),#25272d;overflow:hidden;min-height:620px}.bench-visual canvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:pan-y}.bench-visual canvas:active{cursor:grabbing}.bench-badge{position:absolute;top:28px;left:30px;font:13px Space;letter-spacing:.04em;pointer-events:none}.bench-badge i{font:11px DM;color:#b1adb0;margin-left:17px}.drag-hint{position:absolute;bottom:23px;left:0;right:0;text-align:center;color:#b6b2b4;font-size:20px;pointer-events:none}.drag-hint span{font:11px DM;margin-left:9px}.bench-controls{padding:47px 12%;border-left:1px solid var(--line)}.control-intro .small-cross{color:var(--accent)}.control-intro h3{font-size:32px;margin:16px 0 16px}.control-intro p{font-size:14px;color:var(--muted);line-height:1.8}.range-label{display:flex;justify-content:space-between;margin-top:36px;font-size:13px}.range-label output{color:var(--accent);font-family:Space}input[type=range]{width:100%;height:28px;margin:15px 0 2px;cursor:pointer;accent-color:var(--accent);background:transparent}.range-endpoints{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.layer-list{margin:25px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;font-size:11px;color:#c6c3c3}.layer-list p{display:flex;align-items:center;gap:7px}.layer-list i{width:3px;height:3px;background:var(--accent);border-radius:50%}.bench-actions{display:flex;gap:10px}.solid-button{background:#d9d4ce;color:#222328;border:0;padding:13px 16px;min-height:48px;flex:1;display:flex;align-items:center;justify-content:space-between;font-size:12px}.solid-button:hover{background:#eee8e4}.solid-button span{font-size:19px}.small-button{width:48px;border:1px solid #ffffff30;background:none;font-size:24px}.small-button:hover{background:#ffffff08}.demo-footnote{font-size:11px;line-height:1.6;color:#a9a4a7;margin-top:23px}
.arrival{position:relative;padding:120px 9% 145px;overflow:hidden;border-top:1px solid var(--line);background:#1c1c21}.arrival h2{font-size:clamp(66px,9vw,140px);margin:30px 0 35px;position:relative;z-index:1}.return-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #ffffff40;padding:8px 0;font-size:14px;position:relative;z-index:1}.return-link span{font-size:22px}.arrival-ring{position:absolute;right:-4%;top:12%;height:570px;width:570px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 40px #ffffff02,0 0 0 80px #ffffff02,0 0 0 120px #ffffff02;transform:rotateX(40deg) rotateY(-30deg);pointer-events:none}.arrival-ring:before{content:'';position:absolute;inset:15%;border:1px dashed #d5a4ae30;border-radius:50%}footer{padding:30px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);font-size:11px;color:#a6a5a9}footer p{max-width:65ch}.footer-brand{font:14px Space;letter-spacing:.15em;color:var(--ink)}.reduced-story{display:none}
@keyframes drift{to{transform:translate(-10%,8%)}}@keyframes trace{to{stroke-dashoffset:0}}
@media(min-width:1800px){.chapter-copy{top:32%}.watch-stage{width:65%}}
@media(max-width:1000px) and (min-width:701px){.chapter-copy{width:48%;top:28%}.chapter-copy h1,.chapter-copy h2{font-size:8vw}.watch-stage{width:70%;right:-6%}.annotation{display:none}.bench-controls{padding:37px 8%}.workbench{grid-template-columns:1.35fr 1fr}.bench-visual{min-height:580px}}
@media(max-width:700px){.header{height:80px;padding:0 6%;gap:12px}.header.scrolled{height:68px}.brand{font-size:15px;letter-spacing:.12em;gap:8px}.brand svg{width:22px}.header nav{display:none}.motion-button{padding:8px 11px;min-height:44px;font-size:10px;gap:7px}.chapter-copy{left:7%;top:15%;width:88%;transform:translateY(15px)}.chapter-copy h1,.chapter-copy h2{font-size:clamp(48px,14vw,72px);margin:15px 0 16px;line-height:1.03}.eyebrow{font-size:10px}.lead{font-size:13px;line-height:1.65;max-width:32ch}.discover{margin-top:20px;font-size:11px;gap:10px}.circle-arrow{width:39px;height:39px;font-size:17px}.watch-stage{top:41%;bottom:10%;width:100%;right:-5%}.scene-mark{bottom:18%;right:3%;font-size:40vw}.environment{background:radial-gradient(ellipse at 75% 60%,#55545f60 0,transparent 53%),var(--canvas)}.annotation{display:none}.chapter-footer{bottom:18px;left:7%;right:7%}.scroll-hint{width:auto;font-size:10px}.scroll-line{height:23px}.chapter-navigation{gap:0}.chapter-navigation button{min-width:37px;min-height:48px;font-size:10px}.chapter-navigation i{width:20px}.chapter-navigation [aria-current] i{width:27px}.study-label{display:none}.text-link{margin-top:17px;font-size:12px}.manifesto{padding:80px 7%}.manifesto-kicker{margin-bottom:35px;font-size:12px;gap:17px}.manifesto h2{font-size:clamp(35px,8vw,55px);line-height:1.12}.manifesto-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px}.balance-art{max-width:70%}.manifesto-bottom p{font-size:15px;max-width:33ch}.atelier{padding:80px 7%}.atelier-head{display:block;margin-bottom:35px}.atelier h2{font-size:52px;margin-top:17px}.atelier-head>p{font-size:13px;margin-top:25px}.workbench{grid-template-columns:1fr;min-height:0}.bench-visual{min-height:420px}.bench-controls{border-left:0;border-top:1px solid var(--line);padding:30px 8%}.bench-badge{top:22px;left:20px;font-size:12px}.bench-badge i{font-size:10px}.drag-hint{font-size:18px;bottom:17px}.drag-hint span{font-size:9px}.control-intro h3{font-size:30px;margin-top:10px}.control-intro p{font-size:13px}.layer-list{font-size:11px;gap:14px}.arrival{padding:80px 7% 90px}.arrival h2{font-size:18vw}.arrival-ring{width:350px;height:350px;right:-190px;top:70px}footer{padding:30px 7%;display:grid;grid-template-columns:1fr auto;gap:20px}footer p{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.7}footer>span{text-align:right}}
@media(max-height:720px) and (min-width:701px){.chapter-copy{top:24%}.chapter-copy h1,.chapter-copy h2{font-size:clamp(60px,6.5vw,95px);margin:20px 0}.watch-stage{top:8%;bottom:9%}.chapter-footer{bottom:17px}}
@media(max-height:760px) and (max-width:700px){.chapter-copy{top:13%}.chapter-copy h1,.chapter-copy h2{font-size:13vw;margin:12px 0}.watch-stage{top:42%;bottom:9%}.discover{margin-top:12px}.lead{font-size:12px}}
body.motion-paused .environment:after{animation-play-state:paused}body.motion-paused .trace{animation:none;stroke-dashoffset:0}
.discover,.solid-button,.return-link{transition:transform .35s var(--ease),background .25s}
.view-selector{position:absolute;top:65px;left:28px;display:flex;gap:3px;padding:4px;background:#17191caa;border:1px solid #ffffff21;backdrop-filter:blur(12px);border-radius:30px;z-index:3}.view-selector button{padding:8px 14px;border:0;border-radius:30px;background:none;color:#b2b4b9;font-size:11px;min-height:36px}.view-selector [aria-pressed=true]{background:#e7e3dc;color:#26282d}.view-selector span{margin-left:7px}.light-control{margin-top:24px}.light-control>p{font-size:12px;color:#c6c3c3;margin-bottom:11px}.light-options{display:flex;gap:6px}.light-options button{border:1px solid #ffffff24;background:none;padding:9px 10px;min-height:38px;display:flex;align-items:center;gap:7px;font-size:10px;color:#b2b4b9;flex:1;justify-content:center;transition:background .3s,border-color .3s}.light-options [aria-pressed=true]{border-color:#d5a4ae80;background:#d5a4ae0e;color:#eee7e3}.light-options i{width:7px;height:7px;border-radius:50%;background:#cdd8e7;box-shadow:0 0 7px #cdd8e730}.light-options [data-light=warm] i{background:#e6b782}.light-options [data-light=night] i{background:#6c99da}.watch-stage:before{content:'';position:absolute;bottom:12%;left:18%;width:65%;height:8%;background:radial-gradient(ellipse,#00000060,transparent 67%);filter:blur(14px);transform:rotate(-10deg);pointer-events:none;z-index:0}
@media(max-width:700px){.view-selector{top:56px;left:18px}.view-selector button{font-size:10px;padding:6px 11px;min-height:44px}.light-options button{font-size:11px;min-height:44px}.light-control{margin-top:23px}}
.motion-button .status-dot{animation:mechanical-pulse 2.2s ease-in-out infinite}
body.motion-paused .status-dot{animation:none}
@keyframes mechanical-pulse{50%{box-shadow:0 0 12px #d5a4ae90;opacity:.55}}
body.reduced .journey{height:100svh}body.reduced .viewport{position:relative}body.reduced .chapter-copy:not([data-copy="0"]){display:none}body.reduced .chapter-navigation,body.reduced .scroll-hint,body.reduced .annotation{display:none}body.reduced .reduced-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 9%;border-top:1px solid var(--line)}body.reduced .reduced-story span{color:var(--accent);font-size:12px}body.reduced .reduced-story h2{font-size:25px;margin:16px 0 12px;letter-spacing:-.04em}body.reduced .reduced-story p{color:var(--muted);font-size:14px}body.reduced .environment:after{animation:none}body.reduced .trace{stroke-dashoffset:0;animation:none}body.reduced .chapter-copy{transition:none}body.reduced .discover{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media(max-width:700px){body.reduced .reduced-story{grid-template-columns:1fr;padding:55px 7%;gap:35px}}