@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('assets/dm-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--night:#080809;--ink:#151516;--white:#fff;--silver:#c6c6ca;--red:#ed3e42;--pad:clamp(22px,4.6vw,80px);--display:clamp(48px,6.6vw,96px);--body:clamp(17px,1.4vw,20px);--small:13px;--gap:clamp(90px,12vw,190px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-color:#727277 var(--night)}body{margin:0;background:var(--night);color:var(--white);font:400 var(--body)/1.55 DM,sans-serif}::selection{background:var(--red);color:var(--white)}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.04em;line-height:1.03;text-wrap:balance}h1{font-size:clamp(86px,10vw,158px)}h2{font-size:var(--display)}h3{font-size:clamp(25px,2.4vw,34px);font-weight:400;line-height:1.17;letter-spacing:-.025em}em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}p{max-width:65ch}p+p{margin-top:22px}img{display:block;width:100%;height:auto}canvas{display:block;width:100%;height:100%}.section{padding:var(--gap) var(--pad)}.paper{background:var(--white);color:var(--ink)}.lead{font-size:clamp(24px,2.4vw,34px);line-height:1.35;letter-spacing:-.025em}.small-note,.sketch-credit,figcaption{font-size:var(--small);line-height:1.5}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:15px;background:var(--white);color:var(--ink)}.skip:focus{top:10px}header{height:80px;position:absolute;inset:0 0 auto;z-index:20;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:18px;font-weight:500;letter-spacing:.13em;text-decoration:none}.header-note{font-size:var(--small);margin-left:auto;margin-right:40px;color:var(--silver)}#motion{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:10px 0 10px 10px;font-size:var(--small);min-height:44px}#motion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.hero-journey{height:190svh}.hero-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.hero-sticky:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,9,.8),transparent 60%)}#world{position:absolute;inset:0}.hero-copy,.hero-second{position:absolute;z-index:2;top:25%;left:var(--pad);width:46%;will-change:transform,opacity}.hero-copy p,.hero-second p{margin-top:34px;color:var(--silver)}.hero-second{opacity:0;top:31%;pointer-events:none}.hero-second h2{font-size:clamp(58px,7.4vw,110px)}.hero-bottom{position:absolute;bottom:32px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:24px;font-size:var(--small);z-index:3;color:var(--silver)}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-cue i{height:35px;width:1px;background:var(--silver);position:relative}.scroll-cue i:after{content:'';width:7px;height:7px;position:absolute;bottom:0;left:-3px;transform:rotate(45deg);border-right:1px solid;border-bottom:1px solid}
.manifesto{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;padding-top:calc(var(--gap)*.8)}.manifesto .lead{margin-bottom:38px}.manifesto p:not(.lead){color:var(--silver)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8vw;margin-bottom:55px}.section-heading h2{flex:1}.section-heading>p{width:32%;max-width:430px}.arch-sheet{margin:0 calc(var(--pad)*-.4)}.arch-sheet img{width:100%}.arch-sheet figcaption{padding:0 calc(var(--pad)*.4)}.arch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:65px}.arch-options h3{margin-bottom:20px}.entrance>.small-note{margin-top:70px;max-width:800px;color:#55555a}.space-intro{padding-bottom:80px}.space-intro .lead{margin-top:40px}.space-intro>p:last-child{max-width:600px;color:var(--silver);margin-top:22px}.scan-journey{height:210svh;position:relative}.scan-sticky{position:sticky;top:5svh;height:90svh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad)}.scan-frame{height:75svh;max-height:760px;position:relative;overflow:hidden;background:#fff}.scan-frame img{width:100%;height:100%;object-fit:contain}.sketch-reveal{position:absolute;inset:0;background:#fff;clip-path:inset(0 0 0 var(--scan,0%));will-change:clip-path}#room-world{position:absolute;inset:0}.scan-line{display:none;position:absolute;left:var(--scan,0%);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px 5px #ed3e4280;z-index:3}.scan-ready .scan-line{display:block}.view-label{position:absolute;left:24px;bottom:22px;font-size:var(--small);padding:6px 10px;background:var(--night);color:white}.scan-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:var(--small);color:var(--silver)}.scan-status{color:var(--white)}.room-explainer{padding-top:90px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:55px}.two-col>div{color:var(--silver)}.alternatives>.section-heading{margin:0;padding-bottom:50px}.room-option{padding:0 var(--pad) 85px;display:grid;grid-template-columns:1fr 2.4fr;align-items:center;gap:2vw}.option-copy h3{font-size:clamp(32px,3.3vw,48px);margin-bottom:26px}.option-copy p{max-width:36ch}.option-copy .small-note{color:#5b5b60;margin-top:24px}.laser-study{position:relative}.laser-study img{aspect-ratio:1672/941}.laser-study figcaption{margin-top:16px}.laser-ink{position:absolute;inset:0;width:100%;height:calc(100% - 36px);pointer-events:none;fill:none;stroke:#ff4148;stroke-width:2;filter:drop-shadow(0 0 5px #ff3444);opacity:var(--laser,.1);stroke-dasharray:1600;stroke-dashoffset:var(--beam-offset,1400)}.corridor{grid-template-columns:2.4fr 1fr}.corridor .option-copy{grid-column:2;grid-row:1}.corridor figure{grid-column:1;grid-row:1}.sketch-credit{padding:0 var(--pad) 60px;max-width:1000px;color:#55555a}.light-score{display:grid;grid-template-columns:repeat(4,1fr);gap:3.5vw;margin-top:70px}.light-score h3{margin:30px 0 18px}.light-score p{color:var(--silver);font-size:17px}.light-mark{height:140px;position:relative;overflow:hidden}.light-mark:before,.light-mark:after{content:'';position:absolute}.light-horizon:before{left:0;top:40%;width:100%;height:2px;background:white;transform:rotate(-13deg);box-shadow:0 20px 0 #777,0 40px 0 #444}.light-horizon:after{right:-10%;top:20%;width:80%;height:2px;background:white;transform:rotate(20deg)}.light-beams:before{left:0;top:60%;width:100%;height:1px;background:#fff;transform:rotate(-20deg);box-shadow:0 0 9px 2px #fff5,0 -22px 0 #ed3e42,0 22px 0 #eee}.light-car:before{inset:25px 20px;border:1px solid #aaa;border-radius:50%;transform:rotate(-16deg)}.light-car:after{width:75%;height:2px;background:white;top:38%;left:10%;transform:rotate(-16deg);box-shadow:0 5px 18px 4px #fff4}.light-path:before{inset:10px 25%;border:1px solid #ddd;border-bottom:0;transform:perspective(300px) rotateY(-30deg)}.light-path:after{left:25%;right:25%;top:10px;height:1px;background:var(--red);box-shadow:0 2px 12px 3px #ed3e4244}.rhythm{position:relative;padding-top:40px}.rhythm-line{position:relative;height:180px;overflow:hidden;margin-bottom:50px}.rhythm-line:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#4b4b50}.rhythm-line i{position:absolute;top:calc(50% - 3px);left:var(--impulse,8%);width:6px;height:6px;border-radius:100%;background:#fff;box-shadow:0 0 22px 6px #ffffff60}.rhythm-line b{position:absolute;left:75%;top:8%;height:84%;width:46px;border:2px solid #bdbdc3;border-radius:50%;transform:rotate(-15deg)}.model-pair{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:90px}.model-pair p{color:var(--silver);margin:20px 0}.model-pair span{font-size:var(--small)}.references{padding-top:60px}.reference-strip{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:20px}.reference-strip img{height:450px;object-fit:cover}.reference-strip figcaption{padding-top:16px}.reference-foot{display:flex;justify-content:space-between;gap:35px;font-size:var(--small);color:var(--silver);margin-top:30px}.reference-foot p{max-width:60ch}.facts{margin:70px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:45px 10vw}.facts dt{font-size:var(--small);margin-bottom:12px;color:#606065}.facts dd{font-size:clamp(25px,2.4vw,34px);line-height:1.25;margin:0;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.facts small{display:block;margin-top:10px;font-size:var(--small);letter-spacing:0}.production-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px 10vw}.production-copy h3{margin-bottom:22px}.outro{min-height:75svh;display:flex;flex-direction:column;justify-content:center;position:relative}.outro>p{font-size:var(--small);color:var(--silver);margin-bottom:40px}.outro h2{font-size:clamp(50px,7.5vw,112px)}.footer-bottom{margin-top:100px;display:flex;justify-content:space-between;gap:25px;font-size:var(--small);color:var(--silver)}
.no-webgl .scan-line,.no-webgl .view-label{display:none}.no-webgl .sketch-reveal{clip-path:none!important}.paused .hero-journey{height:100svh}.paused .hero-copy{transform:none!important;opacity:1!important}.paused .hero-second{display:none}.paused .scan-journey{height:auto}.paused .scan-sticky{position:relative;top:auto;height:auto}.paused .scan-frame{height:65svh}.paused .scan-line{display:none}.paused .sketch-reveal{clip-path:inset(0 0 0 50%)!important}.no-webgl.paused .sketch-reveal{clip-path:none!important}
@media(min-width:1600px){.section{padding-left:max(var(--pad),calc((100vw - 1480px)/2));padding-right:max(var(--pad),calc((100vw - 1480px)/2))}}@media(max-width:1000px){.hero-copy{width:52%}.manifesto{gap:5vw}.section-heading>p{width:39%}.room-option,.corridor{grid-template-columns:1fr;padding-bottom:65px;gap:30px}.corridor .option-copy,.corridor figure{grid-column:auto;grid-row:auto}.option-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}.option-copy h3{grid-row:span 2}.option-copy p{max-width:none}.light-score{grid-template-columns:1fr 1fr;gap:60px 8vw}.reference-strip img{height:330px}.arch-options{gap:25px}.arch-options h3{font-size:24px}.arch-options p{font-size:16px}.two-col{gap:6vw}}
@media(max-width:650px){:root{--display:clamp(43px,11vw,65px);--pad:22px;--gap:92px}header{height:72px}.brand{font-size:14px}.header-note{display:none}#motion{font-size:12px}.hero-sticky{min-height:650px}.hero-journey{height:165svh}.hero-sticky:after{background:linear-gradient(180deg,rgba(8,8,9,.12),transparent 45%,rgba(8,8,9,.84) 92%)}.hero-copy,.hero-second{top:auto;bottom:120px;left:var(--pad);width:90%}.hero-copy h1{font-size:82px}.hero-second h2{font-size:62px}.hero-copy p,.hero-second p{font-size:16px;margin-top:22px}.hero-bottom{bottom:24px;flex-wrap:wrap;gap:8px;font-size:12px}.hero-bottom>span:first-child{width:100%}.hero-bottom .scroll-cue{margin-left:auto}.scroll-cue i{height:20px}.manifesto,.two-col{grid-template-columns:1fr;gap:35px}.manifesto .lead{margin-bottom:25px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{width:100%;margin-top:28px}.arch-sheet{margin:0 -15px}.arch-sheet img{width:180%;max-width:none}.arch-sheet{overflow-x:auto;scrollbar-color:#aaa white;padding-bottom:12px}.arch-sheet figcaption{padding:0 15px;margin-top:12px}.arch-options{grid-template-columns:1fr;gap:34px;margin-top:40px}.arch-options h3{font-size:28px;margin-bottom:12px}.arch-options p{font-size:17px}.entrance>.small-note{margin-top:35px}.space-intro{padding-bottom:45px}.space-intro .lead{margin-top:30px}.scan-journey{height:150svh}.scan-sticky{top:13svh;height:72svh;padding:0 12px}.scan-frame{height:57svh}.scan-caption{font-size:12px;gap:10px}.view-label{left:12px;bottom:14px;font-size:12px}.room-explainer{padding-top:70px}.option-copy{display:block}.option-copy h3{font-size:36px;margin-bottom:22px}.option-copy .small-note{margin-top:16px}.room-option{padding-bottom:55px;gap:25px}.laser-study{margin:0 -12px}.laser-study figcaption{padding:0 12px}.light-score{gap:42px 25px;margin-top:35px}.light-mark{height:100px}.light-score h3{font-size:24px;margin:20px 0 15px}.light-score p{font-size:15px}.rhythm-line{height:130px;margin-bottom:35px}.model-pair{grid-template-columns:1fr;gap:42px;margin-top:55px}.reference-strip{grid-template-columns:1fr 1fr;gap:24px 12px}.reference-strip figure:last-child{grid-column:span 2}.reference-strip img{height:245px}.reference-strip figure:last-child img{height:350px}.reference-foot{display:block}.reference-foot a{display:inline-block;min-height:44px;margin-top:20px}.facts{grid-template-columns:1fr;gap:30px;margin:40px 0 55px}.production-copy{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-wrap:wrap;gap:18px;margin-top:65px}.footer-bottom>span:first-child{width:100%}.outro{min-height:600px}.outro h2{font-size:49px}.paused .scan-frame{height:50svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.arch-detail{display:none}@media(max-width:650px){.arch-sheet{display:none}.arch-detail{display:block;overflow:hidden;margin:-20px -12px 20px}.arch-detail img{width:300%;max-width:none}.arch-1 img{transform:translateX(-33.333333%)}.arch-2 img{transform:translateX(-66.666666%)}.arch-options{margin-top:48px;gap:45px}}
@media(min-width:651px) and (max-width:1000px) and (orientation:portrait){.hero-copy,.hero-second{top:auto;bottom:140px;width:85%}.hero-sticky:after{background:linear-gradient(180deg,transparent 45%,rgba(8,8,9,.8) 92%)}}

/* V4 — one type family, softer exhibition surfaces, restrained campaign hierarchy. */
:root{--night:#111214;--ink:#252628;--white:#f4f3ef;--silver:#bcbec3;--display:clamp(36px,4.6vw,68px);--body:clamp(17px,1.3vw,19px);--gap:clamp(80px,9.5vw,150px)}
h1,h2{font-weight:500;letter-spacing:-.035em;line-height:1.07}h3{font-weight:500;font-size:clamp(24px,2.2vw,30px)}p{text-wrap:pretty}.lead{font-size:clamp(23px,2.1vw,30px);line-height:1.4}.hero-copy{top:25%;width:55%}.hero-copy h1{font-size:clamp(52px,6.6vw,104px);line-height:1.01;letter-spacing:-.035em}.hero-copy h1 em{color:#c4c6cc}.hero-copy p{font-size:17px;margin-top:30px}.hero-sticky:after{background:linear-gradient(90deg,rgba(17,18,20,.75),rgba(17,18,20,.12) 47%,transparent 72%),linear-gradient(0deg,#111214,transparent 16%)}.hero-second h2{font-size:clamp(60px,7vw,108px)}
.paper{background:#eae9e4;border-radius:42px;margin:0 14px}.paper img{mix-blend-mode:multiply}.manifesto{grid-template-columns:1fr 1fr;align-items:start;gap:8vw}.manifesto .lead{margin-bottom:25px}.section-heading{align-items:start}.section-heading>p{width:35%;color:inherit}.scan-frame{border-radius:24px;background:#15171b;isolation:isolate}.sketch-reveal{background:#eae9e4}.sketch-reveal img{mix-blend-mode:multiply}.view-label{border-radius:20px;background:#15171bba;backdrop-filter:blur(12px);padding:8px 14px}.scan-caption{flex-wrap:wrap}.room-explainer{padding-top:50px}.space-intro .lead{color:var(--silver);margin-top:24px}.two-col{margin-top:35px}.reference-strip img{border-radius:18px}.reference-strip{gap:24px}.model-pair h3{font-size:clamp(28px,3.2vw,45px);margin-top:20px;line-height:1.12}.model-pair span{color:var(--silver)}.outro{min-height:65svh}.outro h2{font-size:clamp(48px,6.8vw,100px)}.outro h2 em{color:var(--silver)}.light-mark:before,.light-mark:after{border-radius:5px}.facts{gap:35px 10vw}.production-copy p{font-size:17px}.sketch-credit{max-width:1050px}.scan-status{min-width:130px}
@media(max-width:1000px){.hero-copy{width:65%}.manifesto{gap:6vw}.section-heading>p{width:40%}}
@media(max-width:650px){:root{--display:clamp(36px,9vw,52px);--gap:76px}.hero-copy,.hero-second{top:auto;bottom:140px;width:calc(100% - 44px)}.hero-copy h1{font-size:clamp(42px,11.6vw,68px)}.hero-copy p{max-width:24ch;font-size:16px;margin-top:22px}.hero-sticky:after{background:linear-gradient(0deg,#111214 1%,rgba(17,18,20,.75) 27%,transparent 62%)}.hero-second h2{font-size:62px}.paper{margin:0 7px;border-radius:28px}.manifesto{grid-template-columns:1fr;gap:30px}.section-heading>p{width:100%;margin-top:22px}.section-heading{margin-bottom:35px}.scan-frame{border-radius:18px}.scan-caption{font-size:12px;padding:16px 10px;gap:8px 20px}.scan-caption>span:last-child{width:100%;color:#8e9199}.light-score p{font-size:16px}.light-score{column-gap:22px}.light-score h3{font-size:23px}.reference-strip img{border-radius:12px}.model-pair h3{font-size:34px}.outro h2{font-size:clamp(38px,10.5vw,58px)}.production-copy p{font-size:17px}.view-label{bottom:14px}.scan-journey{height:180svh}.scan-frame{height:55svh}}
@media(min-width:651px) and (max-width:1000px) and (orientation:portrait){.hero-copy,.hero-second{top:auto;bottom:140px;width:85%}.hero-copy h1{font-size:clamp(58px,8vw,80px)}}
 :root{--paper:#eae9e4}
/* V5 — a client can connect each drawing, light source and spatial effect. */
.hero-copy p{max-width:40ch;line-height:1.5}.entrance-studies{display:grid;gap:64px}.entrance-option{display:grid;grid-template-columns:.75fr 2fr;gap:4vw;align-items:center}.entrance-copy h3{margin-bottom:18px;font-size:clamp(28px,2.8vw,40px)}.entrance-copy p{max-width:32ch;font-size:17px}.entrance-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center}.entrance-pair figcaption{margin-top:14px;color:#55555a}.arch-drawing{height:300px;position:relative;overflow:hidden}.arch-drawing img{position:absolute;top:50%;width:300%;max-width:none;transform:translate(0,-50%)}.arch-drawing-1 img{transform:translate(-33.333333%,-50%)}.arch-drawing-2 img{transform:translate(-66.666666%,-50%)}.arch-preview{height:250px;background:#15171b;border-radius:18px;overflow:hidden;position:relative;isolation:isolate}.arch-preview canvas{position:absolute;inset:0}.preview-fallback{position:absolute;inset:25px;display:flex;align-items:center;color:#bcbec3;font-size:15px}.arch-preview[data-ready=true] .preview-fallback{display:none}.entrance>.small-note{margin-top:48px}.space-intro>p:last-child{max-width:52ch}.scan-journey{height:320svh}.scan-sticky{top:3svh;height:94svh;justify-content:center}.scan-frame{height:58svh;flex-shrink:0;max-height:640px}.scan-caption{padding:16px 0;gap:10px}.scene-key{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.scene-key article{opacity:.48;transition:opacity .4s}.scene-key article.is-active{opacity:1}.scene-key h3{font-size:21px;margin-bottom:10px;font-weight:500;letter-spacing:-.02em}.scene-key p{color:var(--silver);font-size:16px;line-height:1.45;max-width:38ch}.scene-annotations{position:absolute;inset:0;opacity:var(--labels,0);pointer-events:none;z-index:4}.scene-tag{position:absolute;font-size:12px;line-height:1.4;padding:7px 11px;border-radius:12px;background:#111214db;color:#f4f3ef;white-space:nowrap}.tag-led{left:4%;top:25%}.tag-laser{right:7%;top:7%}.tag-car{right:7%;bottom:16%}.scene-leaders{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f4f3ef;stroke-width:1;opacity:.7}.scene-leaders path[data-leader=laser]{stroke:#f08d91}.laser-focus{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center;padding-top:70px}.laser-art{position:relative}.laser-art svg{display:block;width:100%;overflow:visible}.laser-art .fan-lines{fill:none;stroke:#f4f3ef;stroke-width:1.25;filter:drop-shadow(0 0 5px #ffffff60)}.laser-art .red-beam{stroke:#ed3e42;stroke-width:1.5}.laser-art ellipse{fill:none;stroke:#bcbec3;stroke-width:1;opacity:.35}.laser-art>span{display:block;color:var(--silver);font-size:13px;margin-left:10%}.laser-copy .lead{margin-top:30px;font-size:25px}.laser-copy p:not(.lead){margin-top:24px;color:var(--silver);font-size:17px}.light-language{padding-bottom:40px}.light-language .section-heading h2{max-width:13ch}.paused .scan-journey{height:auto}.paused .scan-sticky{height:auto}.paused .scan-frame{height:58svh}.paused .sketch-reveal{clip-path:inset(0 0 0 100%)!important}.paused .scene-annotations{opacity:1}.paused .scene-key article{opacity:1}.no-webgl .scene-annotations{display:none}.no-webgl .sketch-reveal{clip-path:none!important}.no-webgl .scene-key article{opacity:1}
@media(max-width:1000px){.entrance-option{grid-template-columns:1fr;gap:24px}.entrance-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.entrance-copy p{max-width:45ch}.entrance-pair{gap:35px}.arch-drawing{height:340px}.arch-preview{height:290px}.laser-focus{gap:35px}.laser-copy .lead{font-size:23px}.scene-key{gap:22px}.scene-key h3{font-size:19px}.scene-key p{font-size:15px}}
@media(max-width:650px){.hero-copy{bottom:128px}.hero-copy p{max-width:31ch;font-size:15px}.hero-copy h1{font-size:clamp(40px,10.9vw,64px)}.entrance-studies{gap:48px}.entrance-copy{display:block}.entrance-copy h3{font-size:29px;margin-bottom:14px}.entrance-copy p{font-size:17px;max-width:34ch}.entrance-pair{grid-template-columns:1fr 1fr;gap:12px;margin:0 -12px}.arch-drawing{height:220px}.arch-preview{height:190px;border-radius:12px}.entrance-pair figcaption{font-size:12px;line-height:1.4;max-width:22ch;margin-left:8px}.entrance-option{gap:18px}.scan-journey{height:280svh}.scan-sticky{top:3svh;height:94svh}.scan-frame{height:47svh}.scan-caption{font-size:11px;padding:12px 4px;gap:6px}.scan-caption>span:last-child{width:auto}.scan-caption>span:first-child{display:none}.scene-key{grid-template-columns:1fr;gap:12px;padding:6px 10px 0}.scene-key article{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:start}.scene-key h3{font-size:16px;line-height:1.25;margin:0}.scene-key p{font-size:14px;line-height:1.4}.scene-tag{font-size:11px;padding:5px 7px;border-radius:8px}.tag-led{left:3%;top:23%}.tag-laser{right:4%;top:10%}.tag-car{right:4%;bottom:14%}.view-label{font-size:11px;padding:6px 10px;left:10px;bottom:10px}.laser-focus{grid-template-columns:1fr;gap:28px;padding-top:65px}.laser-copy{grid-row:1}.laser-copy .lead{font-size:23px;margin-top:24px}.laser-copy p:not(.lead){font-size:17px;margin-top:20px}.laser-art{margin:0 -12px}.laser-art>span{margin-left:8%;font-size:12px}.paused .scan-frame{height:47svh}.light-language .section-heading h2{max-width:none}.scan-key{margin-top:0}}
@media(prefers-reduced-motion:reduce){.scene-key article{transition:none}}

.arch-drawing{max-width:260px;margin-inline:auto}.space-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center}.space-intro h2{max-width:12ch}.space-intro>div>p:last-child{max-width:45ch;color:var(--silver);margin-top:24px;font-size:17px}.scene-plan{background:var(--paper);color:var(--ink);border-radius:18px;overflow:hidden}.scene-plan img{mix-blend-mode:multiply}.scene-plan figcaption{padding:0 22px 20px}.scene-key article{opacity:1}.scene-key h3{color:#a5a8af}.scene-key article.is-active h3,.paused .scene-key h3{color:var(--white)}.scene-key article.is-active h3{text-decoration:underline;text-decoration-color:#777c87;text-underline-offset:7px;text-decoration-thickness:1px}
@media(max-width:650px){.space-intro{grid-template-columns:1fr;gap:28px}.space-intro h2{max-width:none}.scene-plan{border-radius:14px}.scene-plan figcaption{padding:0 16px 14px;font-size:12px}.scene-key article.is-active h3{text-decoration:none}.arch-drawing{max-width:100%}}

/* V6 — timecoded opening and prism concept */
.opening-intro{padding-bottom:50px}.opening-intro>.lead{color:var(--silver);max-width:36ch}.opening-journey{height:360svh;position:relative}.opening-sticky{position:sticky;top:3svh;height:94svh;padding:0 var(--pad);display:flex;flex-direction:column;justify-content:center}.opening-frame{height:56svh;min-height:280px;flex-shrink:0;position:relative;background:#15171b;border-radius:24px;overflow:hidden}.opening-frame canvas,#opening-world{position:absolute;inset:0;width:100%;height:100%}.opening-fallback{width:100%;height:100%;object-fit:contain;background:var(--paper)}#opening-world[data-ready=true] .opening-fallback{display:none}.opening-view{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font-size:12px;color:#d5d8df}.opening-view span{background:#15171bd9;padding:6px 10px;border-radius:10px}.opening-caption{display:flex;align-items:baseline;gap:25px;padding:18px 0 22px}.opening-caption p{font-size:19px;line-height:1.4;flex:1}.opening-clock{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e6b6b8}.opening-hint{font-size:12px;color:var(--silver)}.opening-score{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0;padding:0}.opening-score li{border-top:1px solid #454951;padding-top:14px}.opening-score li.is-active{border-color:#ecb8bb}.opening-score li>span{font-size:12px;color:var(--silver);font-variant-numeric:tabular-nums}.opening-score h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:9px 0 12px;color:#bcbec3}.opening-score .is-active h3{color:var(--white)}.opening-score p{font-size:15px;line-height:1.4;color:var(--silver)}.prism-concept{margin-top:80px}.prism-sketch img{width:100%;mix-blend-mode:multiply}.prism-sketch figcaption{margin-top:16px;color:#55585f;max-width:80ch}.prism-explainer{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-top:75px}.prism-plan svg{display:block;width:100%}.prism-plan figcaption{color:#55585f}.prism-copy h3{font-size:30px;margin:35px 0 18px}.prism-copy h3:first-child{margin-top:0}.prism-copy p{font-size:17px}.prism-realisation{display:grid;grid-template-columns:1fr 1.4fr;gap:22px 7vw;margin-top:65px;padding-top:45px;border-top:1px solid #c2c2bf}.prism-realisation>h3{grid-row:span 2;font-size:30px;max-width:14ch}.prism-realisation>p{font-size:17px}.prism-realisation .small-note{color:#55585f;font-size:14px}.paused .opening-journey{height:auto}.paused .opening-sticky{position:relative;top:auto;height:auto}.paused .opening-caption .opening-hint{display:none}.paused .opening-score h3{color:var(--white)}
@media(max-width:1000px){.opening-score{gap:18px}.opening-score h3{font-size:18px}.opening-score p{font-size:14px}.opening-caption p{font-size:17px}.opening-hint{display:none}.opening-frame{height:50svh}.prism-explainer{gap:35px}.prism-copy h3{font-size:26px}}
@media(max-width:650px){.opening-intro{padding-bottom:35px}.opening-intro>.lead{font-size:23px}.opening-journey{height:330svh}.opening-sticky{padding:0 12px;top:3svh;height:94svh}.opening-frame{height:42svh;min-height:220px;border-radius:18px}.opening-view{bottom:12px;left:10px;right:10px;font-size:11px;gap:8px}.opening-view span{padding:5px 7px}.opening-caption{flex-wrap:wrap;gap:7px 15px;padding:15px 10px}.opening-caption p{font-size:17px;flex-basis:100%;line-height:1.3}.opening-clock{font-size:12px}.opening-score{grid-template-columns:1fr 1fr;gap:16px 18px;padding:0 10px}.opening-score li{padding-top:9px}.opening-score li>span{font-size:11px}.opening-score h3{font-size:17px;margin:7px 0 0}.opening-score p{display:none}.paused .opening-score p{display:block;margin-top:9px}.paused .opening-score h3{font-size:18px}.prism-concept{margin-top:55px}.prism-sketch{margin:0 -12px}.prism-sketch figcaption{padding:0 12px;font-size:12px}.prism-explainer{grid-template-columns:1fr;gap:35px;margin-top:35px}.prism-plan{max-width:430px}.prism-copy h3{font-size:27px}.prism-realisation{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-top:35px}.prism-realisation>h3{grid-row:auto;max-width:none;font-size:27px}.prism-realisation>p{font-size:16px}.prism-realisation .small-note{font-size:13px}}
/* V7 — illustrated studies; two independent points, clear air above cars */
.entrance-pair{display:block;max-width:650px;width:100%;margin:auto}.entrance-option{grid-template-columns:.8fr 1.4fr;gap:7vw}.arch-drawing{height:380px;max-width:400px}.entrance-pair figcaption{margin-left:0;text-align:center}.room-draft .scene-key article{opacity:1}.room-draft .scene-key h3{color:var(--white)}.room-draft{padding-bottom:30px}.opening-frame{height:min(55svh,49vw);min-height:0;background:var(--paper);border-radius:24px}.opening-art{height:100%;aspect-ratio:1672/941;max-width:100%;margin:auto;position:relative}.opening-base{height:100%;width:100%;object-fit:contain;display:block}.draft-beams{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d5414a;stroke-width:1.8;pointer-events:none}.draft-horizon{opacity:var(--horizon,0)}.draft-fans{opacity:var(--fans,0);stroke-width:1.2}.draft-gather{opacity:var(--gather,1)}.draft-drop{opacity:var(--drop,1);stroke-dasharray:287;stroke-dashoffset:calc(287 * (1 - var(--drop,1)));stroke-width:2.3}.draft-nodes{opacity:var(--gather,1);fill:#ee4651;stroke:none}.draft-credit{display:flex;justify-content:space-between;gap:15px;padding-top:12px;color:var(--silver);font-size:12px}.opening-caption{padding-top:14px}.light-points{padding-top:100px}.light-points .small-note{font-size:15px;margin-top:24px}.draft-attribution{font-size:13px;color:var(--silver);margin-top:45px}.opening-journey{height:320svh}.opening-sticky{height:94svh}.paused .opening-journey{height:auto}
@media(max-width:1000px){.entrance-option{grid-template-columns:1fr}.entrance-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:25px}.arch-drawing{height:380px}.opening-frame{height:min(48svh,49vw)}}
@media(max-width:650px){.entrance-copy{display:block}.entrance-option{gap:10px}.entrance-pair{margin:0;max-width:100%}.arch-drawing{height:350px;max-width:300px}.entrance-pair figcaption{font-size:12px}.opening-frame{height:auto;aspect-ratio:1672/941;min-height:0;border-radius:14px}.opening-art{height:100%;width:100%}.draft-credit{font-size:11px;gap:10px;padding:10px 4px 0}.draft-credit span{max-width:50%}.opening-sticky{height:86svh;top:7svh}.opening-journey{height:290svh}.opening-caption{padding-top:16px}.opening-score{gap:20px 18px}.light-points{padding-top:65px}.draft-attribution{font-size:12px;margin-top:30px}.room-draft .scene-key article{grid-template-columns:116px 1fr}.paused .opening-sticky{height:auto;top:auto}}

.opening-resolved{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.paused .opening-resolved{display:block}.paused .draft-beams{display:none}

/* V8 — signed, spatial presentation; the drawing becomes light. */
:root{--gap:clamp(78px,8vw,128px);--display:clamp(42px,5.8vw,84px)}
header{height:96px;gap:28px}.author-signature{margin-left:auto;display:flex;flex-direction:column;gap:2px;text-align:right;line-height:1.4}.author-signature>span{font-size:15px;letter-spacing:.015em}.author-signature small{font-size:12px;color:var(--silver)}#motion{margin-left:14px}
.hero-copy{top:26%}.hero-copy h1{font-weight:400}.hero-copy p{max-width:36ch}.hero-bottom{bottom:35px}.manifesto{padding-top:100px;padding-bottom:110px}.manifesto h2{max-width:9ch}.manifesto .lead{font-size:clamp(28px,3vw,44px);max-width:22ch}.manifesto p:not(.lead){max-width:46ch}
.paper{border-radius:0;margin:0}.entrance{padding-top:90px;padding-bottom:65px}.entrance .section-heading{align-items:center;margin-bottom:35px}.entrance .section-heading h2{font-size:clamp(70px,9vw,96px);font-weight:400}.entrance-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw}.entrance-option{display:flex;flex-direction:column;gap:20px;align-items:stretch}.entrance-pair{order:-1;max-width:none}.arch-drawing{height:370px;max-width:340px;transform:translateY(var(--arch-shift,0px));transition:transform .15s ease-out}.entrance-pair figcaption{display:none}.entrance-copy{display:block}.entrance-copy h3{font-size:29px;margin-bottom:14px}.entrance-copy p{font-size:16px;max-width:32ch}.entrance>.small-note{max-width:62ch;margin-top:48px;font-size:13px;color:#55555a}
.laser-focus{padding-top:130px;padding-bottom:70px;grid-template-columns:1.3fr 1fr;gap:4vw}.laser-art{margin-left:calc(var(--pad)*-.7)}.laser-art svg{transform:perspective(900px) rotateY(var(--fan-turn,0deg));transform-origin:left center}.laser-art .laser-plane{opacity:var(--fan-energy,.65)}.laser-art .fan-lines{stroke-width:1.6}.laser-copy h2{font-size:clamp(40px,4.5vw,66px)}.laser-copy .lead{font-size:24px}.laser-copy p{max-width:40ch}
.opening-intro{padding-top:100px;padding-bottom:40px}.opening-intro .section-heading{align-items:end;margin-bottom:28px}.opening-intro h2{font-size:clamp(52px,7.2vw,96px);font-weight:400}.opening-intro>.lead{font-size:22px;max-width:none}.opening-journey{height:300svh}.opening-sticky{top:0;height:100svh;padding:28px var(--pad);justify-content:center}.opening-frame{height:min(59svh,52vw);border-radius:0;background:transparent;overflow:visible}.opening-art{isolation:isolate;overflow:hidden;border-radius:4px}.opening-night{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:invert(1) grayscale(1) brightness(.8) contrast(1.12);opacity:var(--night-reveal,1)}.opening-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px 10px #111214;opacity:var(--night-reveal,1)}.draft-beams{z-index:2;stroke:#f5a0a5;stroke-width:2.3;filter:drop-shadow(0 0 5px #ed3e42)}.draft-fans{stroke-width:1.7}.draft-drop{stroke:#fff;stroke-width:3}.draft-nodes{fill:#fff}.draft-credit{font-size:12px;padding-top:14px}.opening-caption{gap:20px;padding:20px 0 25px}.opening-caption p{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.025em;font-weight:400}.opening-score{gap:3vw}.opening-score li{padding-top:11px;border-color:#494b51}.opening-score h3{font-size:18px;margin:0 0 9px}.opening-score p{font-size:14px;max-width:32ch}.opening-score li.is-active{border-color:#f4f3ef}.paused .opening-resolved{display:none}.paused .draft-beams{display:block}.paused .opening-sticky{padding-top:0}.paused .opening-night{opacity:1}.paused .opening-art:after{opacity:1}
.light-points{padding-top:80px;padding-bottom:100px}.light-points .section-heading h2{font-size:clamp(38px,4.5vw,64px)}.light-points .two-col{gap:8vw}.light-points .small-note{font-size:14px;max-width:54ch}.draft-attribution{margin-top:30px;font-size:12px}.alternatives{padding-top:20px}.alternatives .section-heading h2{max-width:10ch}.room-option{grid-template-columns:.8fr 2fr;gap:5vw;padding-bottom:60px}.room-option.corridor{grid-template-columns:2fr .8fr}.room-option .option-copy{display:block}.room-option .option-copy h3{font-weight:400;font-size:clamp(30px,3.5vw,50px)}.room-option .option-copy p{font-size:17px}.rhythm{padding-top:70px}.rhythm-line{height:90px;margin-bottom:36px}.model-pair{gap:6vw;margin-top:65px}.model-pair article{padding-top:20px;border-top:1px solid #45474d}.reference-strip img{border-radius:3px}.reference-strip{gap:30px}.references{padding-top:70px}.production{padding-top:80px;padding-bottom:85px}.production h2{font-size:clamp(40px,5vw,72px)}.outro{min-height:66svh}.footer-bottom>span:nth-child(2){color:var(--white)}
@media(max-width:1000px){.arch-drawing{height:300px}.entrance-copy h3{font-size:25px}.entrance-copy p{font-size:16px}.opening-frame{height:min(56svh,52vw)}.room-option,.room-option.corridor{grid-template-columns:1fr}.room-option .option-copy{max-width:55ch}.corridor .option-copy,.corridor figure{grid-column:auto;grid-row:auto}.laser-copy .lead{font-size:21px}.laser-focus{gap:20px}}
@media(max-width:650px){header{height:84px;padding:0 20px;gap:12px}.brand{font-size:11px;letter-spacing:.1em}.author-signature>span{font-size:12px}.author-signature small{font-size:10px}#motion{margin-left:0;padding-left:8px}#motion>span{display:none}.hero-copy{top:auto;bottom:130px}.hero-copy p{max-width:31ch}.hero-bottom{bottom:24px}.manifesto{padding-top:75px;padding-bottom:75px}.manifesto h2{max-width:none}.manifesto .lead{font-size:29px}.entrance{padding-top:60px;padding-bottom:45px}.entrance .section-heading h2{font-size:70px}.entrance-studies{grid-template-columns:1fr;gap:40px}.entrance-option{display:grid;grid-template-columns:1fr;gap:14px}.entrance-copy{grid-row:1}.entrance-copy p{max-width:38ch}.arch-drawing{height:330px;max-width:295px;transform:none}.entrance-pair{order:0}.entrance-copy h3{font-size:29px}.entrance>.small-note{margin-top:35px}.laser-focus{padding-top:80px;grid-template-columns:1fr;gap:24px}.laser-copy h2{font-size:42px}.laser-copy .lead{font-size:23px}.laser-art{margin:0 -15px}.opening-intro{padding-top:60px}.opening-intro h2{font-size:52px}.opening-intro>.lead{font-size:20px}.opening-journey{height:280svh}.opening-sticky{padding:18px 12px;top:0;height:100svh}.opening-frame{height:auto;aspect-ratio:1672/941}.opening-art:after{box-shadow:inset 0 0 20px 3px #111214}.draft-credit{font-size:11px;padding:12px 8px 0}.opening-caption{padding:22px 10px 25px}.opening-caption p{font-size:25px;line-height:1.2;min-height:60px}.opening-score{gap:22px 18px}.opening-score h3,.paused .opening-score h3{font-size:17px}.paused .opening-score p{font-size:14px}.light-points{padding-top:70px;padding-bottom:70px}.light-points .section-heading h2{font-size:38px}.light-points .two-col{gap:25px}.room-option .option-copy h3{font-size:35px}.reference-strip{gap:25px 14px}.production{padding-top:65px;padding-bottom:65px}.outro{min-height:500px}.footer-bottom{gap:20px}.footer-bottom>span:nth-child(2){width:100%}}
@media(prefers-reduced-motion:reduce){.arch-drawing,.laser-art svg{transform:none!important}}
/* Reveal the lit study spatially, keeping its drawing legible throughout. */
.opening-night{opacity:1;clip-path:inset(0 calc((1 - var(--night-reveal,1))*100%) 0 0);filter:invert(1) grayscale(1) brightness(calc(.64 + var(--illumination,1)*.16)) contrast(1.12)}.paused .opening-night{clip-path:none}

/* V10 — light paper, loose graphite; no dark inversion. */
.laser-art{margin:0}.laser-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;border-radius:2px}.laser-art figcaption{font-size:12px;line-height:1.5;color:var(--silver);margin-top:14px;max-width:44ch}
.opening-art{background:var(--paper)}.opening-art:after{display:none}.opening-base{mix-blend-mode:multiply}.draft-beams{stroke:#c42b34;stroke-width:2;filter:none}.draft-fans{stroke:#c42b34;stroke-width:1.5}.draft-fans .beam-plane{fill:#c42b34;fill-opacity:.025;stroke:none}.draft-gather{stroke:#c42b34;stroke-width:2.2}.draft-drop{stroke:#c42b34;stroke-width:2;stroke-dasharray:237;stroke-dashoffset:calc(237 * (1 - var(--drop,1)))}.draft-drop .drop-halo{display:none}.draft-nodes{fill:#c42b34;filter:none}.draft-nodes circle[filter]{display:none}
@media(max-width:650px){.laser-art{margin:0 -10px}.laser-art figcaption{padding:0 10px}.draft-fans{stroke-width:2}.draft-gather{stroke-width:2.8}}
/* V12 — four unmistakable lighting states on the same paper study. */
.opening-journey{height:420svh}.opening-art .draft-beams{stroke:#be202b;stroke-width:4;filter:none}.show-screen{fill:#be202b;fill-opacity:var(--screen-energy,.035);stroke:none}.show-screen .screen-scan{fill:none;stroke:#be202b;stroke-width:3;opacity:.28;transform:translateY(var(--screen-scan,0px))}.show-fans{opacity:var(--show-fans,0)}.fan-sheet{fill:#e43b47;fill-opacity:.13;stroke:none}.fan-rays{stroke-width:4;stroke:#c51d2e}.show-gather{opacity:var(--show-gather,0);stroke-width:5}.show-nodes{opacity:var(--show-gather,0);fill:#be202b;stroke:var(--white);stroke-width:4}.show-down{opacity:var(--show-drop,0)}.down-volume{fill:#e43b47;fill-opacity:.18;stroke:none}.down-ray{stroke:#be202b;stroke-width:8;stroke-dasharray:237;stroke-dashoffset:calc(237 * (1 - var(--show-drop,0)))}.show-car-light{opacity:var(--show-light,0)}.show-car-light ellipse{fill:#e43b47;fill-opacity:.10;stroke:#be202b;stroke-width:3}.show-car-light path{stroke:#be202b;stroke-width:9;stroke-linecap:round}.opening-storyboard{display:none}.paused .opening-sticky{display:none}.paused .opening-storyboard{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px;padding:0 var(--pad)}.opening-storyboard .opening-art{height:auto;width:100%;aspect-ratio:1672/941}.opening-storyboard .opening-base{height:auto}.opening-storyboard figcaption{padding-top:18px;max-width:40ch}.opening-storyboard h3{font-size:24px;margin-bottom:10px}.opening-storyboard p{font-size:17px;color:var(--silver);line-height:1.5}.paused .opening-storyboard .draft-beams{display:block}
@media(max-width:650px){.opening-journey{height:440svh}.paused .opening-storyboard{grid-template-columns:1fr;gap:38px}.opening-storyboard h3{font-size:23px}.opening-art .fan-rays{stroke-width:5}.opening-art .show-gather{stroke-width:6}.opening-art .down-ray{stroke-width:9}.opening-score li.is-active h3{color:var(--white)}.opening-frame{margin-inline:-6px}.opening-caption p{min-height:90px}}