@font-face{font-family:Archivo;src:url('../fonts/archivo-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Plex;src:url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');font-display:swap}
:root{--ink:#1c2321;--deep:#141a19;--cream:#ebe8df;--chalk:#f6f3eb;--rust:#c88263;--muted:#afb3aa;--edge:rgba(235,232,223,.2);--pad:clamp(22px,4.7vw,84px);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Archivo,Arial,sans-serif;line-height:1.5}body:has(dialog[open]),body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}::selection{background:var(--rust);color:var(--deep)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.07}h1 em,h2 em,h3 em{font:italic .94em/1.07 var(--serif);letter-spacing:-.055em}.mono{font:10px/1.7 Plex,monospace;letter-spacing:.1em}.eyebrow{font:10px/1.6 Plex,monospace;letter-spacing:.18em}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:12px 18px;background:var(--chalk);color:var(--deep)}.skip:focus{top:10px}
.context-bar{height:30px;background:var(--rust);color:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font:9px Plex,monospace;letter-spacing:.05em}.context-bar a{border-bottom:1px solid #1c232175}.site-header{height:98px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;top:30px;left:0;right:0;z-index:50;border-bottom:1px solid #ffffff30}.brand{display:flex;flex-direction:column;gap:3px;width:max-content}.brand b{font-size:26px;line-height:1;letter-spacing:-.08em;font-weight:700}.brand b span{color:var(--rust)}.brand small{font:8px Plex,monospace;letter-spacing:.34em;white-space:nowrap}.main-nav{display:flex;gap:42px;font-size:12px}.main-nav a{position:relative}.main-nav a:after{content:'';position:absolute;left:0;bottom:-8px;right:100%;height:1px;background:var(--rust);transition:right .2s}.main-nav a:hover:after{right:0}.menu-button{display:none}.mobile-nav{display:none}
.hero{height:calc(100svh - 30px);min-height:730px;max-height:1200px;position:relative;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;inset:0;background:url('hero.webp') center 48%/cover no-repeat;transform:scale(1.05);z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101613b8 0%,#10161387 33%,transparent 70%),linear-gradient(0deg,#101613af 0%,transparent 35%),linear-gradient(180deg,#10161350,transparent 35%);z-index:-1}.hero-frame{position:absolute;inset:155px var(--pad) 80px;pointer-events:none;border:1px solid #eae6dc36}.hero-frame i{position:absolute;width:13px;height:13px;border:1px solid var(--cream);transform:rotate(45deg);background:#1c232177}.hero-frame i:nth-child(1){top:-7px;left:-7px}.hero-frame i:nth-child(2){top:-7px;right:-7px}.hero-frame i:nth-child(3){bottom:-7px;left:-7px}.hero-frame i:nth-child(4){bottom:-7px;right:-7px}.hero-meta{position:absolute;top:179px;left:calc(var(--pad) + 24px);right:calc(var(--pad) + 24px);display:flex;justify-content:space-between;font-size:9px}.hero-title{position:absolute;left:calc(var(--pad) + 24px);right:calc(var(--pad) + 24px);bottom:18%}.hero-title .eyebrow{color:#e3a589;margin-bottom:26px}.hero h1{font-size:clamp(70px,8.2vw,142px);max-width:1200px;line-height:1.03}.hero h1 em{font-size:1.02em}.hero-title-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:40px;max-width:760px}.hero-title-bottom p{font-size:15px;line-height:1.7}.round-link{border:1px solid #ffffff80;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:transform .25s,background .25s}.round-link:hover{transform:translateY(6px);background:#ffffff18}.hero-foot{position:absolute;bottom:31px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px}.intro{background:var(--cream);color:var(--ink);padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:28% 72%;gap:0}.intro-kicker{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.intro-mark{font:100px/1 var(--serif);transform:rotate(-45deg);color:var(--rust)}.intro h2{font-size:clamp(55px,6vw,105px);line-height:1.12;margin:20px 0 55px}.intro h2 em{color:#806d63}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:840px}.intro-bottom p{font-size:16px;max-width:420px;line-height:1.75}.line-link{display:inline-flex;gap:35px;border-bottom:1px solid currentColor;padding:10px 0;white-space:nowrap;font-size:13px}.line-link span{transition:transform .2s}.line-link:hover span{transform:translate(4px,-4px)}
.story{height:660svh;position:relative;background:var(--deep)}.story-stage{height:100svh;min-height:670px;position:sticky;top:0;padding:35px var(--pad) 45px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.story-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:5}.story-head .mono{color:var(--muted)}.motion-control{border:1px solid var(--edge);background:transparent;padding:8px 13px;font:10px Plex,monospace}.motion-control span{margin-left:15px}.story-content{display:grid;grid-template-columns:32% minmax(0,1fr);gap:4%;align-items:center;flex:1;min-height:0}.story-copy{position:relative;height:370px;z-index:2}.chapter{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .2s}.chapter.active{opacity:1;visibility:visible}.chapter .mono{color:var(--rust)}.chapter h2{font-size:clamp(49px,5.2vw,90px);line-height:1.08;margin:23px 0 24px}.chapter h2 em{color:#d2a18b}.chapter p{color:var(--muted);font-size:14px;line-height:1.8;max-width:390px}.chapter .line-link{margin-top:18px;color:var(--cream)}.scene{height:min(67vh,680px);width:100%;position:relative;background:#27302d;overflow:hidden;border:1px solid #e9e7db3d}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#e9e7db0c 1px,transparent 1px),linear-gradient(90deg,#e9e7db0c 1px,transparent 1px);background-size:36px 36px}.scene-drawing{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.blueprint{width:100%;height:100%;max-height:100%;filter:drop-shadow(0 0 15px #bd7b5e36)}.draft-lines path{stroke-dasharray:1800;stroke-dashoffset:1800}.dimensions{opacity:0}.sketch-fill{opacity:0}.photo-reveal{position:absolute;inset:0;clip-path:inset(0 100% 0 0);overflow:hidden}.photo-reveal img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.8)}.scene-coordinate{position:absolute;left:25px;bottom:18px;color:var(--cream);z-index:2;text-shadow:0 1px 5px #000}.scene-coordinate span{color:var(--rust)}.scene-index{position:absolute;right:25px;top:18px;color:var(--cream);z-index:2}.scene-seam{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--rust);box-shadow:0 0 20px var(--rust);opacity:0}.story-footer{display:flex;justify-content:space-between;align-items:end;gap:30px}.phase-rail{position:relative;width:min(760px,75%);display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--edge);padding-bottom:17px}.phase{font:9px Plex,monospace;color:#89908a;white-space:nowrap;display:flex;gap:12px}.phase i{font-style:normal}.phase.active{color:var(--rust)}.phase-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--rust);transform:scaleX(0);transform-origin:left}.rail-note{color:var(--muted);font-size:9px}
.story.motion-off{height:100svh;min-height:670px}.motion-off .blueprint{opacity:0}.motion-off .photo-reveal{clip-path:inset(0)}.motion-off .chapter{opacity:0;visibility:hidden}.motion-off .chapter:last-child{opacity:1;visibility:visible}.motion-off .phase-progress{transform:scaleX(1)}.motion-off .scene-seam{opacity:0}
.statement{background:var(--rust);color:var(--deep);min-height:700px;padding:105px var(--pad) 65px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.statement>p{font-size:clamp(50px,6.7vw,110px);letter-spacing:-.065em;line-height:1.08;margin:80px 0}.statement>p em{color:transparent;-webkit-text-stroke:1.4px var(--deep)}.statement-foot{border-top:1px solid #1c232170;padding-top:22px;display:flex;justify-content:space-between;align-items:center}.statement-foot p{font-size:15px;line-height:1.7}.statement-star{font-size:65px;line-height:1}
.work{padding:120px 0 100px;overflow:hidden;background:var(--cream);color:var(--ink)}.work-head{padding:0 var(--pad) 55px;display:flex;align-items:end;justify-content:space-between;gap:35px}.work-head h2{font-size:clamp(58px,7vw,118px);line-height:1.05;margin-top:20px}.work-head h2 em{color:#94766b}.work-lead{max-width:300px;display:flex;flex-direction:column;gap:30px;padding-bottom:9px}.work-lead p{font-size:14px;line-height:1.7}.work-lead .mono{font-size:9px}.project-viewport{padding-left:var(--pad);overflow:visible}.project-track{display:flex;gap:24px;width:max-content;will-change:transform;padding-right:var(--pad)}.project-card{width:min(66vw,970px);flex:none}.project-image{height:min(60vh,600px);min-height:350px;position:relative;overflow:hidden;background:#b7b2a6}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image.urban img{width:200%;max-width:none;object-position:left center}.project-image.interior img{width:200%;max-width:none;transform:translateX(-50%)}.project-card:hover .project-image.interior img{transform:translateX(-50%) scale(1.05);transform-origin:75% center}.project-overprint{position:absolute;top:25px;left:25px;color:#fff;font:12px Plex,monospace;z-index:2;background:#1c232180;padding:6px 9px}.project-detail{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid #1c232151;margin-top:22px;padding-top:19px}.project-detail .mono{grid-column:1/-1;font-size:9px;color:#656b66;margin-bottom:10px}.project-detail h3{font-size:clamp(28px,3vw,46px)}.project-detail button{border:0;border-bottom:1px solid #1c2321;background:transparent;padding:7px 0;font-size:12px;white-space:nowrap}.project-detail button span{margin-left:30px}.work-progress{padding:50px var(--pad) 0;display:flex;align-items:center;gap:20px}.work-progress>div{height:1px;background:#1c23214d;flex:1}.work-progress>div i{display:block;background:var(--rust);height:2px;width:100%;transform:scaleX(0);transform-origin:left}.work-progress .mono{font-size:9px}
.material{padding:120px var(--pad);background:#222b28}.material-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.material-top>p{color:var(--muted);font-size:14px}.material h2{font-size:clamp(62px,7.5vw,130px);line-height:1.05;margin:95px 0 55px}.material h2 em{color:#d2a18b}.material-stage{min-height:520px;display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--edge)}.material-visual{position:relative;overflow:hidden;min-height:520px;background:#858b80;transition:background 1s}.mat-slab{position:absolute;background:#b5b5a8;box-shadow:20px 20px 40px #1c232155;transition:background .7s,transform .9s,box-shadow .9s}.mat-one{width:58%;height:72%;left:16%;top:13%;transform:skewY(-9deg)}.mat-two{width:40%;height:65%;left:38%;top:22%;transform:skewY(12deg);filter:brightness(.75)}.mat-sun{position:absolute;left:15%;top:-25%;width:90%;height:80%;background:radial-gradient(ellipse,#f6f0dba8,transparent 65%);transform:rotate(-25deg);transition:transform .9s,opacity .9s}.mat-shadow{position:absolute;bottom:-20%;left:-20%;width:140%;height:75%;background:linear-gradient(23deg,#1c23215c,transparent 55%);transform:skewY(12deg)}.mat-line{position:absolute;left:20px;bottom:20px;width:45%;height:1px;background:#ffffff7d}.mat-line:after{content:'MATERIALSTUDIE / 01';position:absolute;bottom:9px;left:0;font:9px Plex,monospace;letter-spacing:.1em;color:white}.material-stage[data-material=wood] .material-visual{background:#8b735d}.material-stage[data-material=wood] .mat-slab{background:repeating-linear-gradient(93deg,#bf9770 0 5px,#c29b74 5px 14px,#b48b66 14px 17px);transform:skewY(-7deg) rotate(3deg)}.material-stage[data-material=wood] .mat-two{filter:brightness(.8);transform:skewY(13deg) rotate(-5deg)}.material-stage[data-material=wood] .mat-line:after{content:'MATERIALSTUDIE / 02'}.material-stage[data-material=light] .material-visual{background:#8f918b}.material-stage[data-material=light] .mat-slab{background:#d9d4c5;transform:skewY(-14deg) translateX(8%);box-shadow:45px 55px 60px #36433a69}.material-stage[data-material=light] .mat-two{transform:skewY(16deg) translateX(-6%)}.material-stage[data-material=light] .mat-sun{transform:translate(25%,45%) rotate(0deg);opacity:1}.material-stage[data-material=light] .mat-line:after{content:'MATERIALSTUDIE / 03'}.material-panel{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column}.material-panel .eyebrow{color:var(--rust)}.material-controls{margin:60px 0 35px}.material-controls button{width:100%;background:none;border:0;border-bottom:1px solid var(--edge);display:flex;align-items:center;padding:18px 0;font-size:clamp(22px,2.5vw,40px);letter-spacing:-.04em;text-align:left;transition:color .2s}.material-controls button:first-child{border-top:1px solid var(--edge)}.material-controls button span{font:10px Plex,monospace;letter-spacing:0;margin-right:35px}.material-controls button b{margin-left:auto;font:20px Archivo,sans-serif;opacity:0;transition:opacity .2s}.material-controls button.active,.material-controls button:hover{color:#d2a18b}.material-controls button.active b{opacity:1}.material-desc{font-size:14px;line-height:1.8;color:var(--muted);max-width:350px;margin-top:auto}.approach{padding:110px var(--pad) 140px;background:var(--cream);color:var(--ink)}.approach>.mono{display:block;margin-bottom:55px}.approach-row{border-top:1px solid #1c23213c;display:grid;grid-template-columns:80px 1fr 1fr 45px;align-items:center;gap:20px;min-height:140px;padding:20px 0}.approach-row:last-child{border-bottom:1px solid #1c23213c}.approach-row>span{font:11px Plex,monospace}.approach-row h3{font-size:clamp(40px,4.1vw,70px)}.approach-row p{font-size:13px;max-width:270px;line-height:1.65}.approach-row>i{font:24px Archivo,sans-serif;font-style:normal}.contact{position:relative;min-height:800px;padding:125px var(--pad) 110px;background:#1c2321;overflow:hidden;display:flex;flex-direction:column;align-items:start;justify-content:center}.contact-skyline{position:absolute;inset:0;z-index:0;opacity:.16;display:flex;align-items:end;gap:2%;padding:0 12%;pointer-events:none}.contact-skyline i{display:block;flex:1;border:1px solid #e9e7db;min-height:30%;border-bottom:0}.contact-skyline i:nth-child(1){height:45%;transform:skewY(-5deg)}.contact-skyline i:nth-child(2){height:70%}.contact-skyline i:nth-child(3){height:52%;transform:skewY(6deg)}.contact-skyline i:nth-child(4){height:81%}.contact-skyline i:nth-child(5){height:42%}.contact>*:not(.contact-skyline){z-index:1}.contact .eyebrow{color:var(--rust)}.contact h2{font-size:clamp(58px,8.7vw,152px);line-height:1.04;margin:30px 0 45px;max-width:1300px}.contact h2 em{color:#d2a18b}.contact-link{display:flex;justify-content:space-between;align-items:center;background:var(--rust);color:var(--deep);min-width:min(450px,100%);padding:20px 25px;font-size:14px;transition:transform .25s,background .25s}.contact-link:hover{transform:translateY(-5px);background:#dea48a}.contact-link span{font-size:24px}.contact-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:530px;margin-top:55px}footer{padding:55px var(--pad) 25px;background:var(--deep)}.footer-main{display:flex;justify-content:space-between;gap:25px;align-items:start;padding-bottom:70px}.footer-main p,.footer-main>a:last-child{font-size:12px;line-height:1.7}.footer-main>a:last-child{border-bottom:1px solid var(--rust);padding-bottom:5px}.footer-bottom{border-top:1px solid var(--edge);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.to-top{border:0;background:none;font:9px Plex,monospace;letter-spacing:.1em}
dialog{padding:0;border:1px solid #e9e7db80;background:var(--cream);color:var(--ink);width:min(980px,calc(100% - 30px));max-height:90svh;overflow:auto}dialog::backdrop{background:#101613c4;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:0;background:var(--cream);color:var(--ink);font-size:28px;z-index:5}.dialog-image{height:clamp(250px,45vh,500px);overflow:hidden}.dialog-image img{height:100%;width:100%;object-fit:cover}.dialog-image.urban img,.dialog-image.interior img{width:200%;max-width:none}.dialog-image.interior img{transform:translateX(-50%)}.dialog-copy{padding:40px 50px 50px}.dialog-copy>.mono{color:#926953}.dialog-copy h2{font-size:clamp(42px,5vw,70px);margin:15px 0}.dialog-copy p{font-size:15px;line-height:1.7;max-width:600px}.dialog-meta{display:flex;gap:30px;margin:30px 0;border-top:1px solid #1c232149;padding-top:17px;font:10px Plex,monospace}.dialog-copy>a{display:inline-block;border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:7px}
@media(max-width:1000px){.story-content{grid-template-columns:35% 61%;gap:4%}.chapter h2{font-size:5.5vw}.project-card{width:75vw}.intro{grid-template-columns:25% 75%}.material-stage{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:25px}.context-bar{justify-content:center;height:28px;font-size:7px;text-align:center}.context-bar a{display:none}.site-header{top:28px;height:72px}.brand b{font-size:22px}.brand small{font-size:6px}.main-nav{display:none}.menu-button{border:1px solid #e9e7db8c;width:43px;height:43px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-button span{width:19px;height:1px;background:var(--cream);transition:transform .2s}.nav-open .menu-button span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-open .menu-button span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){position:fixed;inset:100px 0 0;z-index:49;background:var(--deep);display:flex;flex-direction:column;padding:40px var(--pad)}.mobile-nav a{padding:20px 0;border-bottom:1px solid var(--edge);font-size:36px;letter-spacing:-.05em}.hero{height:calc(100svh - 28px);min-height:740px;max-height:none}.hero-photo{background-position:45% center}.hero-shade{background:linear-gradient(0deg,#101613db,transparent 70%),linear-gradient(90deg,#1016137c,transparent 65%),linear-gradient(180deg,#10161380,transparent 35%)}.hero-frame{inset:118px var(--pad) 80px}.hero-meta{top:136px;left:calc(var(--pad) + 12px);right:calc(var(--pad) + 12px);font-size:7px}.hero-meta span:last-child{display:none}.hero-title{left:calc(var(--pad) + 12px);right:calc(var(--pad) + 12px);bottom:18%}.hero-title .eyebrow{font-size:8px;margin-bottom:17px}.hero h1{font-size:clamp(56px,13.8vw,92px);letter-spacing:-.06em;line-height:1.07}.hero-title-bottom{margin-top:26px;gap:15px}.hero-title-bottom p{font-size:11px;line-height:1.7}.round-link{width:50px;height:50px;flex:none;font-size:23px}.hero-foot{font-size:7px;bottom:28px}.hero-foot span:first-child{display:none}.intro{padding:75px var(--pad);display:block}.intro-kicker{flex-direction:row;align-items:center}.intro-mark{font-size:40px}.intro h2{font-size:clamp(41px,10.6vw,72px);margin:36px 0}.intro .eyebrow{font-size:8px}.intro-bottom{align-items:start;flex-direction:column;gap:20px}.intro-bottom p{font-size:13px}.story{height:520svh}.story-stage{min-height:650px;padding:20px var(--pad) 25px}.story-head .mono{font-size:8px;max-width:125px}.motion-control{font-size:8px;padding:7px}.motion-control span{margin-left:2px}.story-content{display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center}.story-copy{height:250px;width:100%;flex:none}.chapter .mono{font-size:8px}.chapter h2{font-size:clamp(40px,11vw,60px);margin:13px 0}.chapter p{font-size:11px;line-height:1.7;max-width:310px}.chapter .line-link{font-size:10px;margin-top:6px;padding:5px 0}.scene{height:min(43vh,410px);min-height:290px;flex:none}.scene-coordinate,.scene-index{font-size:7px;left:10px;bottom:8px}.scene-index{top:8px;right:10px;left:auto}.story-footer{display:block}.phase-rail{width:100%;padding-bottom:12px}.phase{font-size:7px;gap:4px}.rail-note{display:none}.statement{min-height:560px;padding:70px var(--pad) 45px}.statement>p{font-size:clamp(40px,9.6vw,68px);line-height:1.2;margin:70px 0}.statement-foot p{font-size:11px}.statement-star{font-size:48px}.work{padding:75px 0}.work-head{display:block;padding-bottom:30px}.work-head .eyebrow{font-size:8px}.work-head h2{font-size:clamp(56px,13vw,95px);margin-top:15px}.work-lead{display:block;margin-top:23px;max-width:340px}.work-lead p{font-size:12px}.work-lead .mono{display:block;margin-top:12px;font-size:8px}.project-viewport{padding-right:var(--pad);overflow:hidden}.project-track{gap:15px;overflow-x:auto;width:100%;padding-right:0;scroll-snap-type:x mandatory;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}.project-card{width:85%;scroll-snap-align:start}.project-image{height:390px;min-height:0}.project-overprint{top:10px;left:10px}.project-detail{margin-top:12px;padding-top:12px}.project-detail .mono{font-size:8px}.project-detail h3{font-size:28px}.project-detail button{font-size:10px}.project-detail button span{margin-left:5px}.work-progress{padding-top:30px}.material{padding:75px var(--pad)}.material-top{display:block}.material-top .mono{font-size:8px}.material-top p{font-size:11px;margin-top:20px}.material h2{font-size:clamp(48px,11.5vw,70px);margin:55px 0 35px}.material-stage{display:block}.material-visual{min-height:340px}.material-panel{padding:30px 24px}.material-panel .eyebrow{font-size:8px}.material-controls{margin:25px 0}.material-controls button{font-size:26px;padding:12px 0}.material-controls button span{font-size:9px;margin-right:20px}.material-desc{font-size:12px}.approach{padding:70px var(--pad) 85px}.approach>.mono{font-size:8px;margin-bottom:35px}.approach-row{grid-template-columns:30px 1fr 25px;gap:10px;min-height:110px}.approach-row h3{font-size:37px}.approach-row p{grid-column:2;grid-row:2;font-size:10px;margin-top:-6px}.approach-row>i{grid-column:3;grid-row:1/3;align-self:center}.contact{min-height:680px;padding:85px var(--pad)}.contact .eyebrow{font-size:8px}.contact h2{font-size:clamp(50px,12.2vw,90px);margin:25px 0 35px}.contact-link{min-width:100%;font-size:12px;padding:15px 18px}.contact-note{font-size:10px;margin-top:40px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:45px}.footer-main>.brand{grid-column:1/-1}.footer-main p,.footer-main>a:last-child{font-size:10px}.footer-bottom{font-size:7px}.to-top{font-size:7px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:42px}.dialog-copy p{font-size:13px}.dialog-meta{flex-direction:column;gap:8px;font-size:8px}}
@media(max-width:380px){.hero h1{font-size:13vw}.story-copy{height:280px}.scene{min-height:240px;height:34vh}.phase{font-size:6px}.project-image{height:315px}.statement>p{font-size:9vw}.approach-row h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:100svh!important;min-height:670px}.story .chapter{opacity:0;visibility:hidden}.story .chapter:last-child{opacity:1;visibility:visible}.blueprint{opacity:0}.photo-reveal{clip-path:inset(0)}.project-track{transform:none!important}}
@media(min-width:701px){.work.is-horizontal{height:100svh;min-height:750px;padding-top:55px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:flex-start}.work.is-horizontal .work-head{padding-bottom:28px}.work.is-horizontal .work-head h2{font-size:clamp(54px,6.2vw,94px);margin-top:12px}.work.is-horizontal .work-head .eyebrow{font-size:9px}.work.is-horizontal .project-image{height:min(43vh,440px);min-height:330px}.work.is-horizontal .work-progress{padding-top:22px}}

/* Spatial studies: restrained editorial frame around two real-time 3D scenes. */
.story-actions{display:flex;gap:9px;align-items:center}.film-control{background:var(--rust);color:var(--deep);border:1px solid var(--rust);padding:8px 14px;font:10px Plex,monospace}.film-control span{margin-left:12px}.film-playing{scroll-behavior:auto}.architecture-canvas,.interior-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}.webgl-ready>canvas{opacity:1}.scene.webgl-ready .scene-grid,.scene.webgl-ready .scene-drawing,.scene.webgl-ready .scene-seam{display:none}.scene .photo-reveal{clip-path:inset(0);opacity:1;pointer-events:none}.scene.webgl-ready .photo-reveal{opacity:0;transition:none}.scene.webgl-ready .scene-coordinate,.scene.webgl-ready .scene-index{color:#fff;mix-blend-mode:difference;text-shadow:none}.phase{border:0;background:none;padding:7px 0;cursor:pointer;text-align:left}.phase:hover{color:var(--cream)}.material-visual.webgl-ready>div:not(.room-caption){display:none}.room-caption{position:absolute;inset:auto 22px 20px;display:flex;justify-content:space-between;z-index:2;color:#313a32;pointer-events:none;font-size:9px}.material-visual{min-height:580px}.material-panel{padding:40px}.material-controls{margin:34px 0 26px}.sun-control{margin:0 0 25px}.sun-control label{display:flex;justify-content:space-between;font:9px Plex,monospace;letter-spacing:.1em;color:var(--cream)}.sun-control input{display:block;width:100%;accent-color:var(--rust);margin:20px 0 12px;cursor:ew-resize}.sun-control input:focus-visible{outline:2px solid var(--rust);outline-offset:6px}.sun-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.material-desc{min-height:76px}.story-stage{min-height:600px}.scene{height:min(65vh,700px)}
@media(max-width:700px){.story{height:640svh}.story-stage{padding:17px var(--pad) 20px;min-height:620px}.story-head{gap:8px}.story-head>.mono{font-size:7px;max-width:98px}.story-actions{gap:6px}.film-control,.motion-control{font-size:7px;padding:9px 7px}.film-control span{margin-left:3px}.motion-control span{display:none}.story-content{justify-content:center;gap:10px}.story-copy{height:216px}.chapter h2{font-size:43px;margin:12px 0}.chapter p{font-size:11px;max-width:340px}.scene{height:36svh;min-height:240px}.phase{font-size:7px;gap:4px;min-height:35px}.material-visual{height:360px;min-height:0}.material-panel{padding:30px 24px}.room-caption{font-size:8px;inset:auto 16px 15px}.hero{min-height:680px}.chapter .line-link{margin-top:4px}.material-desc{min-height:65px}}
@media(prefers-reduced-motion:reduce){.film-control{display:none}.architecture-canvas,.interior-canvas{transition:none}}