@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
.faq-list{max-width:900px;margin:55px 0}.faq-list section{margin-bottom:45px;background:transparent}.faq-list h2{font:500 37px var(--display);text-transform:uppercase;color:var(--gold)}.faq-list details{border-top:1px solid var(--line);padding:22px 0;background:transparent}.faq-list summary{cursor:pointer;font-size:14px;font-weight:500;line-height:1.6;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:var(--gold);font-size:23px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list summary:hover{color:var(--gold)}.faq-list summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.faq-list details p{max-width:750px;color:var(--muted);line-height:1.9;font-size:14px;margin:15px 0 0}.site-header nav a{background:transparent;white-space:nowrap}
:root{--bg:#090a09;--ink:#f0efe8;--muted:#999c96;--gold:#cfaa65;--line:#ffffff24;--font:'Inter',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{background:none;border:0}::selection{background:var(--gold);color:var(--bg)}.site-header{height:102px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);gap:30px}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1.4px;line-height:1}.wordmark span{display:block;font-size:7px;font-weight:500;letter-spacing:3.1px;margin-top:9px}.site-header nav{display:flex;gap:34px;font-size:11px}.site-header nav a{color:#cccfc7}.site-header nav a:hover{color:var(--gold)}.header-cta{border:1px solid #8c795654;padding:15px 19px;font-size:11px}.header-cta span{margin-left:26px;color:var(--gold)}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--gold);color:black;padding:15px}.skip-link:focus{top:10px}#story{height:1300svh}.stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#080908}#scene{position:absolute;width:100%;height:100%;inset:0}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050706c9 0%,transparent 48%,#0507063d 100%),linear-gradient(0deg,#050706e6,transparent 24%,transparent 80%,#050706a3);pointer-events:none}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-topline{position:absolute;top:137px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2.3px;color:#b7bbb3}.live-label{display:flex;align-items:center;gap:8px}.live-label i{display:block;width:5px;height:5px;background:var(--gold);box-shadow:0 0 12px var(--gold);border-radius:50%}.chapter{position:absolute;left:7%;top:30%;width:35%;max-width:540px;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .28s,transform .28s,visibility .28s;pointer-events:none}.chapter.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.7px;color:var(--gold);font-weight:600;display:block;margin-bottom:23px}.chapter h1,.chapter h2{font-family:var(--display);font-size:clamp(72px,8.8vw,146px);line-height:.87;font-weight:600;letter-spacing:-2px;text-transform:uppercase;margin:0 0 27px;white-space:pre-line}.chapter p{font-size:12px;line-height:1.9;max-width:275px;color:#c0c3bc;margin-bottom:27px}.text-link{display:inline-flex;gap:45px;border-bottom:1px solid #c8aa6f75;padding-bottom:11px;font-size:10px;font-weight:500}.text-link span{color:var(--gold)}.chapter.mirror{left:50%;top:29%;transform:translate(-50%,15px);width:30%;max-width:460px;text-align:center;padding:28px 22px;background:linear-gradient(180deg,#0b0e0cee,#101710e6);border:1px solid #e3c98c33;box-shadow:0 0 45px #0008;backdrop-filter:blur(12px)}.chapter.mirror.active{transform:translate(-50%,0)}.chapter.mirror h2{font-size:clamp(38px,4vw,66px);letter-spacing:-.8px;line-height:.98;margin-bottom:19px}.chapter.mirror p{margin:0 auto 24px;font-size:11px;max-width:310px;line-height:1.8}.chapter.mirror .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}.chapter.final{top:30%;width:45%;max-width:640px}.chapter.final h2{font-size:clamp(70px,7.5vw,124px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--gold);padding:18px 23px;color:#11150f;font-size:11px;font-weight:600;border:1px solid var(--gold)}.button:hover{background:#e6c88e}.coordinates{position:absolute;left:4.5%;bottom:140px;display:flex;align-items:center;gap:15px;color:#8e958e}.coordinates>span:first-child{font-family:var(--display);font-size:32px;color:var(--gold)}.coordinates>span:last-child{font-size:7px;line-height:1.8;letter-spacing:1.6px}.level-nav{position:absolute;right:4.5%;top:38%;display:flex;flex-direction:column;gap:0;align-items:flex-end}.level-nav button{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:14px;height:33px;color:#7f837d;font-size:8px;letter-spacing:1.2px}.level-nav button:after{content:'';height:1px;width:19px;background:#80878070}.level-nav button[aria-current=true]{color:var(--gold)}.level-nav button[aria-current=true]:after{background:var(--gold);width:37px}.level-nav button .level-name{opacity:0;transition:opacity .2s}.level-nav button:hover .level-name,.level-nav button[aria-current=true] .level-name{opacity:1}.story-bottom{position:absolute;bottom:39px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.5px;padding:0}.mouse-icon{border:1px solid #94998f;width:14px;height:22px;border-radius:9px;position:relative}.mouse-icon:before{content:'';width:2px;height:5px;position:absolute;left:5px;top:4px;background:var(--gold)}.scroll-cue>span:last-child{color:var(--gold);font-size:18px;margin-left:20px}.skip-story{color:#a4aaa0;font-size:8px;letter-spacing:.5px}.progress-track{position:absolute;bottom:0;width:100%;height:2px;background:#ffffff13}#progress-fill{height:100%;background:var(--gold);width:0}.overview{padding:105px 7% 70px;background:#10120f;scroll-margin-top:0}.section-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;letter-spacing:2px;font-size:9px;color:var(--gold)}.overview h2,.page-title{font:600 clamp(60px,7vw,110px)/.95 var(--display);text-transform:uppercase;letter-spacing:-1px;margin:48px 0 55px}.overview h2 em{font-style:normal;color:var(--gold)}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.overview-grid a{padding:30px 0;border-top:1px solid var(--line)}.overview-grid a>span{font-size:8px;letter-spacing:2px;color:var(--gold)}.overview-grid h3{font:500 32px var(--display);margin:28px 0 12px;text-transform:uppercase}.overview-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:280px;min-height:54px}.overview-grid b{display:block;margin-top:30px;font-size:10px;font-weight:500}.closing{border-top:1px solid var(--line);margin-top:80px;padding-top:55px}.closing p{font-size:8px;letter-spacing:2px;color:var(--gold)}.closing button{font:500 clamp(40px,5vw,75px)/1 var(--display);text-align:left;text-transform:uppercase;padding:16px 0}.closing button span{color:var(--gold);margin-left:40px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 4.5%;font-size:7px;letter-spacing:1px;color:#8d9487}footer .wordmark{font-size:19px;color:#dcdfd6}dialog{background:#111610;color:var(--ink);border:1px solid #c4a36355;width:min(530px,calc(100% - 32px));max-height:90svh;padding:40px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:25px}.dialog-close:hover{color:var(--gold)}dialog h2{font:600 58px/.94 var(--display);text-transform:uppercase;margin:0 0 20px}dialog p{font-size:12px;color:#a5afa0}form{display:grid;gap:15px;margin-top:25px}form label{font-size:10px;display:grid;gap:8px}input,select,textarea{border:1px solid #ffffff25;background:#ffffff05;color:var(--ink);width:100%;padding:11px;border-radius:0}select option{background:#151a13}input:focus,textarea:focus,select:focus{outline:1px solid var(--gold)}.form-note{font-size:10px;line-height:1.7;margin:0}.page-main{padding:160px 7% 80px}.page-lead{color:#b6bcae;line-height:1.9;max-width:620px;font-size:15px}.page-hero{width:100%;max-height:650px;object-fit:cover;border:1px solid var(--line);margin:35px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:40px 0}.detail-grid h2{font:500 37px var(--display);text-transform:uppercase}.detail-grid p{color:#a9b3a3;line-height:1.9}.reference-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:40px 0}.reference-panel img{width:100%;max-height:720px;object-fit:contain;background:#171b15}.notice{border:1px solid var(--line);padding:26px;color:#a9b3a3;line-height:1.8}.back-link{display:inline-block;color:var(--gold);font-size:11px;margin-bottom:25px}.project-card{border-top:1px solid var(--line);padding:25px 0}.project-card img{max-width:100%}.no-motion #story{height:auto}.no-motion .stage{position:relative;height:auto;min-height:0;padding:200px 7% 60px}.no-motion #scene{height:650px;opacity:.45}.no-motion .chapter,.no-motion .chapter.mirror,.no-motion .chapter.final{position:relative;left:auto;top:auto;transform:none;max-width:650px;width:100%;text-align:left;opacity:1;visibility:visible;pointer-events:auto;margin:0 0 70px;background:none;backdrop-filter:none;border:0;box-shadow:none;padding:0}.no-motion .chapter h2{font-size:60px}.no-motion .chapter p{margin-left:0}.no-motion .level-nav,.no-motion .coordinates,.no-motion .story-bottom,.no-motion .scene-topline{display:none}
@media(min-width:1800px){.chapter{top:33%}.chapter.mirror{top:32%}}@media(max-width:760px){.site-header{height:83px;padding:0 6%;gap:15px}.site-header .wordmark{font-size:21px}.site-header nav{display:none}.header-cta{padding:12px;font-size:9px}.header-cta span{margin-left:12px}.scene-topline{top:109px;left:6%;right:6%;font-size:6px;letter-spacing:1.4px}.stage{min-height:600px}.chapter{left:8%;top:24%;width:78%}.chapter h1{font-size:90px}.chapter p{font-size:11px;max-width:235px}.chapter.mirror{top:29%;width:69%;padding:24px 19px}.chapter.mirror h2{font-size:44px}.chapter.final{top:25%;width:82%}.chapter.final h2{font-size:68px}.scene-shade{background:linear-gradient(90deg,#0507066b,transparent),linear-gradient(0deg,#050706ef,transparent 40%,#05070642 80%)}.level-nav{right:4%;top:auto;bottom:130px}.level-nav button{height:24px}.level-name{display:none}.coordinates{left:6%;bottom:115px}.story-bottom{left:6%;right:6%;bottom:32px}.story-bottom #progress-label{display:none}.scroll-cue{gap:9px;font-size:7px}.scroll-cue>span:last-child{margin-left:3px}.skip-story{font-size:7px}.overview{padding:70px 8%}.overview-grid{grid-template-columns:1fr;gap:5px}.overview-grid p{min-height:0}.overview h2{font-size:65px}.closing{margin-top:40px}footer{flex-wrap:wrap;padding:30px 7%}footer>span:nth-child(2){display:none}.page-main{padding:125px 7% 50px}.reference-panel,.detail-grid{grid-template-columns:1fr;gap:15px}.page-title{font-size:66px}dialog{padding:30px 24px}.no-motion .stage{padding-top:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.no-motion .chapter.active,.no-motion .chapter.mirror.active{transform:none}.project-card{display:block}

#rack.chapter.mirror{top:51%;padding:20px}#rack.chapter.mirror h2{font-size:42px}#rack.chapter.mirror p{font-size:10px;margin-bottom:16px}#rack.chapter.mirror .eyebrow{margin-bottom:12px}#design.chapter.mirror{top:14%;background:linear-gradient(#0b0e0ced,#101710a3)}#projects.chapter.mirror{top:17%}.project-card img{width:100%;max-height:460px;object-fit:cover}.project-card h2{font:500 42px var(--display);text-transform:uppercase}.project-card p{color:var(--muted);line-height:1.8}.no-motion #rack.chapter.mirror,.no-motion #design.chapter.mirror,.no-motion #projects.chapter.mirror{top:auto;padding:0;background:none}.no-motion #rack.chapter.mirror h2{font-size:60px}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){#rack.chapter.mirror{top:48%;padding:18px}#rack.chapter.mirror h2{font-size:36px}#design.chapter.mirror{top:20%}#projects.chapter.mirror{top:22%}}

.coordinates{bottom:88px}.chapter.final h2{font-size:clamp(68px,6.7vw,112px)}@media(max-width:760px){.coordinates{bottom:105px}.chapter.final h2{font-size:62px}}

@media(max-width:760px){.level-nav button>span:last-child{display:none}.level-nav button:after{width:14px}.level-nav button[aria-current=true]:after{width:22px}}
.wordmark span{font-size:8px;letter-spacing:.12em;white-space:nowrap}