@font-face{font-family:Geist;src:url('/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#171917;--paper:#f0efe9;--muted:#62665e;--line:rgba(23,25,23,.18);--accent:#db572f;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.065em;line-height:.98}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em}p{line-height:1.55}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:16px;z-index:300}.skip:focus{top:20px}.sr-only,.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.micro,.section-meta,.world-topline,.world-bottomline,.concept-label{font-size:11px;letter-spacing:.055em;line-height:1.5;font-weight:500}.section-meta{display:flex;justify-content:space-between;gap:24px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:12px}.reading-line{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:220;pointer-events:none}
.spatial-header{position:absolute;top:0;left:0;width:100%;height:118px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#eee;elevation:1;z-index:40}.wordmark{font-size:31px;font-weight:550;letter-spacing:-.07em;white-space:nowrap}.wordmark>span{color:var(--accent)}.header-note{font-size:10px;line-height:1.6;letter-spacing:.045em;margin-left:auto;margin-right:5vw;color:#a9aca5}.spatial-header nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav-work{padding:14px 0}.nav-contact{display:flex;gap:26px;align-items:center;background:rgba(245,245,238,.13);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:16px 22px;backdrop-filter:blur(12px);transition:background .25s,color .25s}.nav-contact:hover{background:var(--paper);color:var(--ink)}#menu-open{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:6px;color:inherit}#menu-open span{display:block;background:currentColor;width:22px;height:1px;transition:transform .25s}#menu-open:hover span:first-child{transform:translateX(3px)}#menu-open:hover span:last-child{transform:translateX(-3px)}
.signature{height:calc(var(--studio-vh,1svh)*142);min-height:1130px;position:relative;background:#151615;color:var(--paper)}.signature-frame{position:sticky;top:0;height:calc(var(--studio-vh,1svh)*100);min-height:750px;overflow:hidden;background:radial-gradient(ellipse at 74% 30%,#44443c 0,transparent 49%),linear-gradient(160deg,#191c19 12%,#20211d 58%,#121412 100%)}.signature-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,12,10,.25),transparent 50%),linear-gradient(0deg,rgba(10,12,10,.9),transparent 28%);z-index:1}.signature-scene{position:absolute;top:80px;left:28%;right:-5%;bottom:0;contain:layout paint}.signature-scene canvas,.signature-scene picture,.signature-scene img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.signature-scene canvas{opacity:0;transition:opacity .5s;cursor:grab;touch-action:pan-y}.signature-scene.scene-ready canvas{opacity:1}.signature-scene.scene-ready picture{opacity:0}.signature-copy{position:absolute;left:var(--gutter);top:clamp(158px,22vh,270px);z-index:3;max-width:57%;pointer-events:none}.signature-copy>*{pointer-events:auto}.signature-copy .micro{margin-bottom:35px;color:#b4b8ad}.signature-copy h1{font-size:clamp(75px,8.8vw,152px);font-weight:450;line-height:.98;letter-spacing:-.074em}.signature-copy h1 em{color:#e2e0d6}.signature-description{font-size:18px;line-height:1.5;color:#c3c6bd;margin-top:37px}.round-link{display:inline-flex;align-items:center;gap:38px;margin-top:32px;min-height:56px;font-size:12px;position:relative}.round-link b,.project-launch b{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(245,245,238,.32);border-radius:50%;font-size:23px;font-weight:400;transition:background .3s,color .3s,transform .3s}.round-link:hover b{transform:rotate(45deg);background:var(--paper);color:var(--ink)}.dark-link b{border-color:rgba(23,25,23,.25)}.dark-link:hover b{background:var(--ink);color:var(--paper)}.scene-caption{position:absolute;right:var(--gutter);top:155px;z-index:3;display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:.055em;text-align:right;color:#9fa496}.signature-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:89px;display:flex;justify-content:flex-end;align-items:center;gap:24px;z-index:4}.material-choices{display:flex;gap:8px}.material-choices button{background:transparent;border:1px solid rgba(255,255,255,.18);color:#bbc0b6;padding:12px 14px;border-radius:24px;font-size:10px;display:flex;align-items:center;gap:8px;min-height:44px;transition:background .25s,color .25s}.material-choices button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.material-choices i{display:block;width:11px;height:11px;border-radius:50%;background:linear-gradient(120deg,#eee,#717878)}[data-spatial-finish=obsidian] i{background:linear-gradient(120deg,#585e55,#151715)}[data-spatial-finish=ceramic] i{background:#dfddd0}.scene-actions{display:flex;align-items:center;gap:8px}.scene-actions button{min-height:44px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--paper);border-radius:24px;padding:10px 18px;font-size:11px}.scene-actions button span{margin-left:12px}.scene-actions #scene-pause{width:44px;padding:0;font-size:14px}.hero-baseline{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.045em;color:#adb1a5;z-index:3}.hero-baseline b{font-size:16px;margin-left:40px;color:#eee}
.perspective{padding-top:110px;padding-bottom:110px;background:var(--paper)}.perspective-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;align-items:end;margin-top:80px}.perspective h2{font-size:clamp(52px,7.2vw,116px)}.perspective-note{max-width:410px}.perspective-note p{font-size:16px;margin-top:18px}.perspective-note p+p{color:var(--muted)}.text-link{display:inline-flex;justify-content:space-between;gap:40px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line);margin-top:20px;min-height:48px;transition:gap .25s}.text-link:hover{gap:55px}.disciplines{display:flex;flex-wrap:wrap;gap:36px;margin-top:75px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.disciplines span+span:before{content:'+';color:var(--accent);margin-right:36px}
.work-heading{padding-top:60px;padding-bottom:90px;border-top:1px solid var(--line)}.work-heading h2{font-size:clamp(66px,9vw,148px);margin-top:55px}.work-heading>p{margin-top:32px;font-size:13px;color:var(--muted)}.architecture-world{height:clamp(650px,80vh,1000px);position:relative;color:#fff;overflow:hidden;background:#807966}.architecture-art{position:absolute;inset:-5% 0;overflow:hidden}.architecture-art>img{width:100%;height:100%;object-fit:cover;transform:scale(1.1) translateY(var(--parallax,0px));will-change:transform}.architecture-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,17,.28),transparent 20%,rgba(18,24,17,.2) 70%,rgba(18,24,17,.68))}.world-topline,.world-bottomline{display:flex;justify-content:space-between;gap:24px;align-items:center}.architecture-world .world-topline{position:absolute;top:35px;left:var(--gutter);right:var(--gutter)}.architecture-title{position:absolute;left:var(--gutter);bottom:134px}.architecture-title>p{font-size:10px;letter-spacing:.06em;margin-bottom:22px}.architecture-title h3{font-size:clamp(80px,10vw,162px);text-shadow:0 2px 30px rgba(15,20,10,.06)}.project-launch{position:absolute;right:var(--gutter);bottom:133px;display:flex;align-items:center;gap:30px;font-size:13px}.project-launch b{width:72px;height:72px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.45)}.project-launch:hover b{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.architecture-world .world-bottomline{position:absolute;left:var(--gutter);right:var(--gutter);bottom:31px;border-top:1px solid rgba(255,255,255,.32);padding-top:20px;font-size:9px}.project-editorial{display:grid;grid-template-columns:1.2fr 1fr .25fr;gap:7vw;padding-top:50px;padding-bottom:75px;align-items:start}.project-editorial>p{font-size:30px;line-height:1.2;letter-spacing:-.035em}.project-editorial>div{max-width:410px;font-size:14px;color:var(--muted)}.project-index{font-size:84px;line-height:1;color:#c4c7bc;letter-spacing:-.07em;text-align:right}
.audio-world{background:#d9d7ce;padding-top:40px;padding-bottom:31px;overflow:hidden}.audio-layout{display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:4vw;min-height:690px}.audio-copy{padding:60px 0}.audio-copy>.micro{color:#686c60;margin-bottom:28px}.audio-copy h3{font-size:clamp(68px,8vw,130px);max-width:620px}.audio-copy>p:not(.micro){margin-top:32px;font-size:15px}.concept-label{display:block;font-size:9px;margin-top:35px;color:#6a7061}.audio-interaction{min-width:0}.aura-stage{position:relative;width:100%;height:550px;overflow:hidden;isolation:isolate;background:#dedbd4;contain:layout paint}.aura-stage>img,.aura-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.aura-stage canvas{opacity:0;cursor:grab;touch-action:pan-y;transition:opacity .4s}.aura-stage.showroom-ready canvas{opacity:1}.aura-stage.showroom-ready>img{opacity:0}.aura-stage-mark{position:absolute;top:24px;left:24px;font-size:29px;letter-spacing:-.065em;z-index:2;pointer-events:none}.aura-touch-label{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.055em;z-index:2;pointer-events:none;color:#6e7268}.aura-touch-label span{font-size:20px;margin-left:18px}.audio-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);gap:14px}.audio-controls>div{display:flex;gap:9px}.audio-controls button{border:0;background:transparent;color:#646b60;font-size:10px;padding:12px 7px;min-height:44px;display:flex;align-items:center;gap:7px;border-bottom:1px solid transparent}.audio-controls button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink)}.audio-controls button i{width:13px;height:13px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.1)}.audio-controls i.champagne{background:linear-gradient(110deg,#e4d7bc,#928474)}.audio-controls i.silver{background:linear-gradient(110deg,#f1f1ea,#8b9391)}.audio-controls i.graphite{background:linear-gradient(110deg,#677067,#242a24)}.audio-world>.world-bottomline{border-top:1px solid var(--line);padding-top:24px;font-size:9px}.audio-world>.world-bottomline a{font-size:11px}
.material-world{background:#1e2b25;color:#e9ece0;padding-top:40px;padding-bottom:32px;overflow:hidden}.material-layout{display:grid;grid-template-columns:.85fr 1.25fr;align-items:center;gap:5vw;padding:70px 0 80px}.material-copy>.micro{color:#96ab94;margin-bottom:30px}.material-copy h3{font-size:clamp(59px,6.8vw,110px)}.material-copy>p:not(.micro){margin-top:30px;font-size:14px;color:#a9bbab}.light-link{border-color:#6a7d6d;color:#e7efdf}.material-studio{min-width:0}.hero-study{width:100%;padding:27px;background:linear-gradient(145deg,#29372d,#15221a);border:1px solid rgba(209,231,199,.11);border-radius:3px;box-shadow:0 45px 65px -45px #071009}.study-top{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.05em;color:#b6c6b2}.study-top>.micro{font-size:8px}.scene{height:390px;position:relative;isolation:isolate}.scene>img,.scene>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scene canvas{opacity:0;cursor:grab;touch-action:pan-y}.scene.rendered canvas{opacity:1}.scene.rendered>img{opacity:0}.study-controls{display:flex;flex-wrap:wrap;gap:13px;align-items:center;border-top:1px solid rgba(209,231,199,.17);padding-top:18px}.swatches{display:flex;gap:7px}.swatch{width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;padding:5px;position:relative}.swatch:after{content:'';position:absolute;inset:7px;border-radius:50%}.swatch.silver:after{background:linear-gradient(120deg,#ddd,#88918f)}.swatch.ink:after{background:linear-gradient(120deg,#4f605c,#172722)}.swatch.champagne:after{background:linear-gradient(120deg,#eddbb6,#817453)}.swatch[aria-pressed=true]{border-color:#c4d1c0}#finish-name{font-size:9px;width:70px}.form-tabs{display:flex;margin-left:auto;gap:3px}.form-tabs button,.reset,.light-tabs button{background:transparent;border:1px solid transparent;border-radius:24px;color:#abc2a9;padding:10px 13px;font-size:10px;min-height:40px}.form-tabs button[aria-pressed=true],.light-tabs button[aria-pressed=true]{border-color:rgba(210,230,205,.27);color:#e5efdf}.reset{font-size:9px;padding-right:0}.light-controls{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.light-tabs{display:flex;gap:4px}.light-tabs button{font-size:9px;padding:8px 10px;min-height:36px}.surface-control{display:flex;align-items:center;gap:12px;font-size:9px;color:#a8bea4}.surface-control input{width:80px;accent-color:#cedabb}.surface-control output{width:43px}figcaption{display:flex;justify-content:space-between;gap:12px;color:#97b092;font-size:8px;line-height:1.5;margin-top:21px}.material-world>.world-bottomline{border-top:1px solid rgba(210,230,205,.18);padding-top:24px;font-size:9px;color:#a7b69f}
.approach-world{background:#e5e6db;padding-top:100px;padding-bottom:110px;overflow:hidden}.approach-world>h2{font-size:clamp(58px,7.2vw,116px);margin-top:60px}.approach-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;margin-top:40px;align-items:center;min-height:500px}.process-composition{height:460px;position:relative;perspective:1000px;isolation:isolate;--angle:0deg}.process-plane{position:absolute;top:40px;left:13%;width:69%;height:295px;padding:25px;border:1px solid rgba(50,66,45,.16);transform-style:preserve-3d;box-shadow:0 30px 35px -28px rgba(25,35,15,.4);transition:transform .8s cubic-bezier(.2,.7,.15,1),filter .8s;transform:rotateX(42deg) rotateZ(-25deg) rotateY(var(--angle));backface-visibility:hidden;overflow:hidden}.process-plane>span,.process-plane>p{position:relative;z-index:1;font-size:8px;letter-spacing:.06em}.process-plane>p{position:absolute;bottom:20px}.process-wire{background:#dadfd0;transform:translateY(-20px) rotateX(42deg) rotateZ(-25deg) rotateY(var(--angle));z-index:1}.process-design{background:#9f9275;transform:translateY(52px) rotateX(42deg) rotateZ(-25deg) rotateY(var(--angle));z-index:2;color:#fff}.process-design>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.process-design>b{position:absolute;left:25px;bottom:35px;font-size:52px;font-weight:400;letter-spacing:-.06em;line-height:1}.process-build{background:#b5492d;color:#f1ecdc;transform:translateY(124px) rotateX(42deg) rotateZ(-25deg) rotateY(var(--angle));z-index:3}.build-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:110px;letter-spacing:-.12em;gap:50px}.build-symbol>span{font-size:80px;letter-spacing:0}.wire-diagram{height:70%;position:relative;background:linear-gradient(90deg,transparent 49%,#a5b29b 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#a5b29b 50%,transparent 51%);margin-top:20px;border:1px solid #93a688}.wire-diagram i{position:absolute;left:10%;top:25%;width:38%;height:32%;border:1px solid #8b9d80}.wire-diagram i:nth-child(2){left:54%;height:48%}.wire-diagram i:nth-child(3){left:10%;top:65%;height:16%}.wire-diagram i:nth-child(4){left:54%;top:8%;height:10%}.process-composition[data-process="1"] .process-wire{transform:translateY(-80px) rotateX(30deg) rotateZ(-18deg);filter:brightness(.83)}.process-composition[data-process="1"] .process-design{transform:translateY(10px) translateZ(90px) rotateX(30deg) rotateZ(-18deg);z-index:4}.process-composition[data-process="1"] .process-build{transform:translateY(155px) rotateX(40deg) rotateZ(-25deg);filter:brightness(.9)}.process-composition[data-process="2"] .process-wire{transform:translateY(-90px) rotateX(45deg) rotateZ(-25deg);filter:brightness(.8)}.process-composition[data-process="2"] .process-design{transform:translateY(-12px) rotateX(45deg) rotateZ(-25deg);filter:brightness(.85)}.process-composition[data-process="2"] .process-build{transform:translateY(110px) translateZ(80px) rotateX(17deg) rotateZ(-12deg);z-index:5}.process-ground{position:absolute;left:20%;bottom:18px;width:63%;height:55px;border-radius:50%;background:rgba(65,76,49,.19);filter:blur(25px);z-index:-1}.process-steps{align-self:center}.process-steps details{border-top:1px solid var(--line)}.process-steps details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.process-steps summary{display:flex;align-items:center;gap:21px;padding:28px 0;min-height:90px}.process-steps summary>span{font-size:11px;color:#6b7360}.process-steps h3{font-size:27px;letter-spacing:-.045em;flex:1}.process-steps summary>b{font-size:20px;font-weight:400;transition:transform .25s}.process-steps [open] summary>b{transform:rotate(45deg)}.process-steps details>div{padding:0 30px 30px 37px}.process-steps p{font-size:14px;color:#5b6653}.process-steps details>div>span{display:block;font-size:8px;letter-spacing:.055em;margin-top:20px;color:#7a876c}
.commission-world{padding-top:110px;padding-bottom:100px}.commission-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end;margin-top:65px}.commission-layout h2{font-size:clamp(60px,7.5vw,120px)}.commission-layout>div{max-width:410px}.commission-intro{font-size:22px;letter-spacing:-.03em;line-height:1.35}.commission-intro+p{font-size:14px;margin-top:22px;color:var(--muted)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:80px}.scope-grid article{border-top:1px solid var(--line);padding-top:23px}.scope-grid span{font-size:9px;letter-spacing:.05em;color:var(--muted)}.scope-grid h3{font-size:29px;line-height:1.08;margin-top:27px;letter-spacing:-.045em}.scope-grid p{font-size:13px;color:var(--muted);margin-top:17px;max-width:325px}.commission-note{display:flex;justify-content:space-between;gap:30px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line)}.commission-note>span{font-size:9px;letter-spacing:.035em}.commission-note p{font-size:11px;color:var(--muted)}.focused-scope{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.focused-scope summary{display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:12px}.focused-scope summary>span:last-child{font-size:10px;color:var(--muted)}.focused-scope summary b{font-size:17px;margin-left:30px;font-weight:400}.focused-scope p{max-width:900px;font-size:13px;color:var(--muted);padding-bottom:15px}.focused-scope>a{margin:0 0 24px}
.enquiry-world{padding-top:85px;padding-bottom:95px;background:#c65a3a;color:#201a16;position:relative;overflow:hidden}.enquiry-world:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0,rgba(241,180,138,.3),transparent 55%),linear-gradient(160deg,transparent 30%,rgba(89,35,21,.08))}.enquiry-world>*{position:relative}.enquiry-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end;margin-top:55px}.enquiry-heading h2{font-size:clamp(67px,9vw,145px);color:#f8ead8}.enquiry-heading>div{padding-bottom:12px}.enquiry-heading p{font-size:18px;line-height:1.45}.enquiry-heading a{display:inline-block;font-size:15px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid rgba(30,24,19,.45)}#project-form{margin-top:65px;margin-left:28%;position:relative}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}#project-form label{display:block;font-size:10px;letter-spacing:.035em;margin-top:28px}#project-form input,#project-form textarea,#project-form select{display:block;margin-top:8px;width:100%;border:0;border-bottom:1px solid rgba(35,24,19,.37);border-radius:0;background:transparent;color:#241a15;font-size:17px;letter-spacing:-.02em;padding:16px 0 19px;min-height:56px}#project-form textarea{resize:vertical;min-height:120px}#project-form input::placeholder,#project-form textarea::placeholder{color:#763c2a;opacity:1}#project-form select{appearance:auto;color:#2d2118}#project-form select option{background:var(--paper);color:var(--ink)}.form-end{display:flex;gap:36px;justify-content:space-between;align-items:center;margin-top:40px}.form-end>p{max-width:340px;font-size:10px;line-height:1.6;color:#623525}.form-end a{border-bottom:1px solid rgba(40,25,20,.4)}.send-brief{display:flex;align-items:center;justify-content:space-between;min-width:228px;min-height:64px;border:0;border-radius:34px;padding:18px 25px;background:#23271e;color:#f2ecdf;font-size:12px;gap:30px;transition:background .3s,transform .3s}.send-brief:hover{background:#10140d;transform:translateY(-2px)}.send-brief b{font-size:23px;font-weight:400}#form-status{font-size:10px;margin-top:24px;color:#573322}#form-status.success{color:#173617}#form-status.error{background:#f5dcca;color:#692819;padding:14px}noscript p{font-size:11px;margin-top:12px}
.useful-details{padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:.75fr 1.5fr;column-gap:10vw}.useful-details>.micro{grid-row:1/6;padding-top:20px}.useful-details details{grid-column:2;border-bottom:1px solid var(--line)}.useful-details summary{padding:22px 0;display:flex;justify-content:space-between;gap:30px;font-size:13px}.useful-details summary>b{font-size:18px;font-weight:400}.useful-details [open] summary>b{transform:rotate(45deg)}.useful-details p{padding-bottom:22px;max-width:620px;font-size:12px;color:var(--muted)}.spatial-footer{padding-top:55px;padding-bottom:30px;background:#151a15;color:#e5e8db;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.02em}.footer-top>a{font-size:13px}.footer-wordmark{font-size:clamp(70px,16vw,270px);letter-spacing:-.084em;line-height:1.15;display:block;margin-top:45px;white-space:nowrap;width:fit-content;font-weight:450}.footer-wordmark>span{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;font-size:9px;border-top:1px solid rgba(255,255,255,.16);padding-top:24px;margin-top:28px;color:#aab4a2}.studio-menu{width:100vw;max-width:none;height:calc(var(--studio-vh,1svh)*100);max-height:none;border:0;margin:0;padding:40px var(--gutter);background:#20271f;color:#e7eadb}.studio-menu::backdrop{background:#20271f}.menu-heading{display:flex;justify-content:space-between;align-items:center}.menu-heading button{width:52px;height:52px;background:transparent;border:1px solid #5a6955;border-radius:50%;font-size:32px;color:#e5eada;font-weight:200}.studio-menu nav{margin-top:10vh}.studio-menu nav>a{display:flex;align-items:center;gap:30px;font-size:clamp(48px,6vw,105px);letter-spacing:-.065em;border-bottom:1px solid rgba(222,238,205,.18);padding:20px 0}.studio-menu nav small{font-size:12px;letter-spacing:0;width:30px;color:#9bab90}.studio-menu nav span{margin-left:auto;font-size:50px}.studio-menu>p{font-size:12px;color:#9dac93;margin-top:50px}.studio-menu>p>a{display:inline-block;margin-top:18px}
@media(min-width:701px){.motion-enabled [data-motion]{transform:translateY(var(--reveal-offset,0px));transition:transform .7s cubic-bezier(.2,.8,.2,1)}.motion-enabled .process-composition{transform:translateY(var(--process-scroll,0px));will-change:transform}}
@media(max-width:1100px) and (min-width:701px){.header-note{display:none}.signature-copy{max-width:65%;top:200px}.signature-copy h1{font-size:9.8vw}.signature-controls{gap:12px}.signature-scene{left:23%;right:-18%}.audio-layout{grid-template-columns:.9fr 1.1fr;gap:20px}.audio-copy h3{font-size:9vw}.aura-stage{height:470px}.material-layout{gap:25px;grid-template-columns:.9fr 1.1fr}.material-copy h3{font-size:7vw}.hero-study{padding:18px}.scene{height:340px}.reset{display:none}.light-controls{flex-wrap:wrap}.approach-layout{gap:4vw}.process-steps h3{font-size:23px}.process-plane{left:10%;width:80%;height:270px}.signature-description{font-size:16px}.enquiry-heading h2{font-size:10vw}}
@media(max-width:700px){:root{--gutter:22px}html{scroll-padding-top:30px}.spatial-header{height:88px;gap:16px}.wordmark{font-size:25px}.header-note,.nav-work{display:none}.spatial-header nav{gap:8px}.nav-contact{padding:12px 16px;font-size:10px;gap:15px;min-height:44px}#menu-open{width:36px}.signature{height:calc(var(--studio-vh,1svh)*126);min-height:1010px}.signature-frame{min-height:790px;height:calc(var(--studio-vh,1svh)*100);background:radial-gradient(ellipse at 65% 43%,#45483d,transparent 60%),linear-gradient(160deg,#1b2019,#151914)}.signature-copy{top:127px;left:var(--gutter);right:var(--gutter);max-width:none}.signature-copy>.micro{font-size:8px;margin-bottom:22px}.signature-copy h1{font-size:clamp(51px,14.5vw,87px);line-height:.98}.signature-description{font-size:12px;line-height:1.45;margin-top:22px}.signature-copy>.round-link{margin-top:15px;font-size:10px;gap:24px;min-height:44px}.signature-copy>.round-link b{width:35px;height:35px;font-size:19px}.signature-scene{top:330px;left:-24px;right:-24px;bottom:124px}.signature-frame:after{background:linear-gradient(0deg,rgba(14,19,13,.85),transparent 24%),linear-gradient(180deg,rgba(10,13,9,.1),transparent 35%)}.scene-caption{top:auto;bottom:200px;right:var(--gutter);font-size:7px;gap:3px;pointer-events:none}.scene-caption>span:last-child{display:none}.signature-controls{bottom:75px;gap:10px;flex-wrap:wrap;justify-content:space-between}.material-choices{gap:4px}.material-choices button{padding:10px 9px;font-size:8px;gap:5px;min-height:44px}.material-choices i{width:8px;height:8px}.scene-actions{gap:4px}.scene-actions button{font-size:9px;padding:10px 11px}.scene-actions button span{margin-left:4px}.scene-actions #scene-pause{width:34px}.hero-baseline{bottom:23px;padding-top:16px;font-size:7px;gap:15px;align-items:center}.hero-baseline>span{max-width:145px}.hero-baseline b{font-size:13px;margin-left:15px}.perspective{padding-top:62px;padding-bottom:65px}.section-meta{font-size:8px;gap:20px;align-items:start}.section-meta>span:last-child{max-width:130px;text-align:right}.perspective-heading{display:block;margin-top:49px}.perspective h2{font-size:clamp(46px,12.5vw,70px)}.perspective-note{margin-top:32px}.perspective-note p{font-size:14px}.text-link{font-size:11px;margin-top:17px}.disciplines{gap:12px 22px;margin-top:35px;padding-top:22px;font-size:10px;display:grid;grid-template-columns:1fr 1fr}.disciplines span+span:before{display:none}.disciplines span:before{content:'+';color:var(--accent);margin-right:12px}.work-heading{padding-top:43px;padding-bottom:55px}.work-heading h2{font-size:clamp(51px,13.7vw,80px);margin-top:40px}.work-heading>p{font-size:10px;margin-top:23px}.architecture-world{height:650px}.architecture-art{inset:-3% -18%}.architecture-art>img{object-position:57% center}.world-topline,.world-bottomline{font-size:8px;gap:18px;align-items:start}.world-topline>span:last-child,.world-bottomline>span:last-child{text-align:right}.architecture-world .world-topline{top:24px}.architecture-title{bottom:174px}.architecture-title>p{font-size:8px;margin-bottom:20px}.architecture-title h3{font-size:clamp(71px,21vw,110px)}.project-launch{left:var(--gutter);right:auto;bottom:93px;gap:31px;font-size:11px}.project-launch b{width:44px;height:44px;font-size:20px}.architecture-world .world-bottomline{bottom:23px;font-size:7px;padding-top:16px}.architecture-world .world-bottomline>span:first-child{max-width:200px}.project-editorial{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:45px;position:relative}.project-editorial>p{font-size:26px;padding-right:50px}.project-editorial>div{font-size:12px;max-width:80%}.project-index{position:absolute;right:var(--gutter);top:33px;font-size:52px}.audio-world{padding-top:25px;padding-bottom:24px}.audio-layout{display:block;min-height:0}.audio-copy{padding:53px 0 25px}.audio-copy>.micro{font-size:8px;margin-bottom:20px}.audio-copy h3{font-size:clamp(64px,17vw,95px)}.audio-copy>p:not(.micro){font-size:12px;margin-top:24px}.audio-copy>.round-link{margin-top:19px;font-size:10px;gap:35px}.audio-copy>.round-link b{width:42px;height:42px;font-size:20px}.concept-label{font-size:7px;margin-top:18px}.audio-interaction{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));margin-top:20px}.aura-stage{height:430px}.aura-stage-mark{top:23px;left:var(--gutter);font-size:25px}.aura-touch-label{left:var(--gutter);font-size:7px}.audio-controls{padding:12px var(--gutter);gap:5px}.audio-controls>div{gap:3px}.audio-controls button{font-size:8px;padding:10px 5px;gap:5px}.audio-controls button i{width:10px;height:10px}.audio-world>.world-bottomline{padding-top:20px;margin-top:10px;font-size:7px}.audio-world>.world-bottomline>span{max-width:170px}.audio-world>.world-bottomline a{font-size:8px;text-align:right}.material-world{padding-top:26px;padding-bottom:25px}.material-layout{display:block;padding:49px 0 30px}.material-copy>.micro{font-size:8px;margin-bottom:24px}.material-copy h3{font-size:clamp(49px,13.4vw,80px);line-height:1}.material-copy>p:not(.micro){font-size:12px;margin-top:25px}.material-copy>.text-link{font-size:10px;margin-top:18px}.material-studio{margin-top:37px}.hero-study{padding:18px 14px;border-radius:2px}.study-top{font-size:8px}.study-top>.micro{font-size:6px}.scene{height:300px}.study-controls{gap:8px;padding-top:13px}.swatch{width:28px;height:36px;border-radius:18px}.swatch:after{inset:9px 5px}#finish-name{font-size:7px;width:53px}.form-tabs{gap:0}.form-tabs button{font-size:8px;padding:8px;min-height:40px}.reset{font-size:8px;padding:10px 0;margin-left:auto}.light-controls{flex-direction:column;align-items:flex-start;gap:13px;margin-top:13px}.light-tabs button{font-size:8px;min-height:40px;padding:9px 10px}.surface-control{font-size:8px;margin-left:8px;gap:15px}.surface-control input{width:122px;min-height:28px}.hero-study figcaption{font-size:6px;margin-top:16px}.material-world>.world-bottomline{font-size:7px;padding-top:20px}.material-world>.world-bottomline>span:first-child{max-width:190px}.approach-world{padding-top:65px;padding-bottom:70px}.approach-world>h2{font-size:clamp(48px,13.2vw,78px);margin-top:44px}.approach-layout{display:block;margin-top:0;min-height:0}.process-composition{height:400px;margin-left:-8px;margin-right:-8px}.process-plane{top:35px;left:12%;width:75%;height:220px;padding:18px}.process-plane>span,.process-plane>p{font-size:6px}.process-design>b{font-size:40px;bottom:28px;left:19px}.build-symbol{font-size:78px;gap:32px}.build-symbol>span{font-size:62px}.process-build{transform:translateY(108px) rotateX(42deg) rotateZ(-25deg)}.process-steps summary{padding:23px 0;min-height:80px;gap:16px}.process-steps h3{font-size:24px}.process-steps summary>span{font-size:9px}.process-steps details>div{padding:0 0 26px 28px}.process-steps p{font-size:12px}.process-steps details>div>span{font-size:7px;margin-top:15px}.commission-world{padding-top:65px;padding-bottom:65px}.commission-layout{display:block;margin-top:45px}.commission-layout h2{font-size:clamp(50px,13.5vw,80px)}.commission-layout>div{margin-top:34px}.commission-intro{font-size:18px;max-width:330px}.commission-intro+p{font-size:12px}.commission-layout .round-link{font-size:11px;margin-top:22px}.commission-layout .round-link b{width:42px;height:42px;font-size:20px}.scope-grid{grid-template-columns:1fr;margin-top:35px;gap:29px}.scope-grid article{display:grid;grid-template-columns:64px 1fr;column-gap:20px;padding-top:19px}.scope-grid span{font-size:7px;grid-row:1/3}.scope-grid h3{font-size:24px;margin-top:0}.scope-grid p{font-size:11px;margin-top:12px}.commission-note{display:block;margin-top:29px;padding-top:19px}.commission-note>span{font-size:8px}.commission-note p{font-size:9px;margin-top:9px}.focused-scope{margin-top:28px}.focused-scope summary{display:block;font-size:11px;padding:21px 0}.focused-scope summary>span{display:block}.focused-scope summary>span:last-child{font-size:9px;margin-top:10px}.focused-scope summary b{float:right;margin-left:15px;font-size:15px}.focused-scope p{font-size:11px}.enquiry-world{padding-top:46px;padding-bottom:57px}.enquiry-heading{display:block;margin-top:38px}.enquiry-heading h2{font-size:clamp(57px,16.5vw,100px)}.enquiry-heading>div{margin-top:30px;padding:0}.enquiry-heading p{font-size:14px}.enquiry-heading a{font-size:13px;margin-top:17px}#project-form{margin-left:0;margin-top:25px}.form-row{grid-template-columns:1fr;gap:0}#project-form label{font-size:9px;margin-top:23px}#project-form input,#project-form textarea,#project-form select{font-size:16px;margin-top:4px;padding:14px 0 17px;min-height:52px}#project-form textarea{min-height:122px}.form-end{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-top:25px}.form-end>p{font-size:9px;max-width:none}.send-brief{min-width:0;width:100%;min-height:61px;font-size:12px;padding:18px 25px}#form-status{font-size:9px;margin-top:20px}.useful-details{display:block;padding-top:40px;padding-bottom:45px}.useful-details>.micro{padding:0;margin-bottom:18px;font-size:8px}.useful-details summary{font-size:12px;padding:21px 0;gap:18px}.useful-details p{font-size:11px}.spatial-footer{padding-top:32px;padding-bottom:23px}.footer-top{font-size:7px;gap:15px;align-items:center}.footer-top>a{font-size:9px}.footer-wordmark{font-size:18.7vw;margin-top:34px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:7px;margin-top:22px;padding-top:20px}.footer-bottom>span{width:100%}.footer-bottom>a:last-child{margin-left:auto}.studio-menu{padding-top:25px}.studio-menu nav{margin-top:14vh}.studio-menu nav>a{font-size:40px;gap:15px;padding:25px 0}.studio-menu nav span{font-size:30px}.studio-menu nav small{font-size:9px;width:20px}.studio-menu>p{margin-top:35px;font-size:11px}.menu-heading button{width:44px;height:44px}}
@media(max-width:360px){.signature-controls{gap:5px}.material-choices button{font-size:7px;padding:9px 7px}.scene-actions button{font-size:8px;padding:9px 8px}.scene-actions #scene-pause{width:29px}.signature-copy h1{font-size:14.4vw}.signature-description{font-size:11px}.process-steps h3{font-size:21px}.form-tabs button{padding:8px 6px}.audio-controls button{font-size:7px}.hero-baseline{font-size:6px}.signature-controls .material-choices i{width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;will-change:auto!important}.signature{height:auto;min-height:0}.signature-frame{position:relative}.architecture-art>img{transform:none}.process-composition{transform:none!important}.motion-enabled [data-motion]{transform:none}}

@media(max-width:700px){.signature-scene{top:370px}.signature-copy>.round-link{position:absolute;right:0;bottom:0;margin:0;gap:0;min-height:40px}.signature-copy>.round-link>span{display:none}.signature-copy>.round-link>b{width:40px;height:40px}}

.surface-control input{appearance:none;background:transparent;height:24px}.surface-control input::-webkit-slider-runnable-track{height:2px;background:#718366;border-radius:2px}.surface-control input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#d7e3c9;margin-top:-5px;box-shadow:0 0 0 3px rgba(215,227,201,.1)}.surface-control input::-moz-range-track{height:2px;background:#718366}.surface-control input::-moz-range-thumb{border:0;width:12px;height:12px;border-radius:50%;background:#d7e3c9}#project-form input::placeholder,#project-form textarea::placeholder{color:#4a2b20}.form-end>p,#form-status{color:#3f291f}
@media(max-width:700px){.study-top{font-size:9px}.study-top>.micro{font-size:7px}.form-tabs button{font-size:10px;padding:10px;min-height:44px}.reset{font-size:9px;min-height:44px}.light-tabs button{font-size:9px;min-height:44px}.audio-controls button{font-size:9px}#finish-name{font-size:8px}.hero-study figcaption{font-size:7px}.surface-control{font-size:9px}.world-topline,.world-bottomline{font-size:9px}.architecture-world .world-bottomline,.audio-world>.world-bottomline,.material-world>.world-bottomline{font-size:8px}.section-meta{font-size:9px}.process-steps details>div>span{font-size:8px}.scope-grid span{font-size:8px}#project-form label{font-size:10px}}

.aura-stage:not(.showroom-ready) .aura-touch-label{visibility:hidden}

.signature-frame,.signature-scene{overflow:clip}
@media(min-width:1101px){.signature-scene{left:34%}}
@media(min-width:701px) and (max-width:1100px){.signature-scene{left:34%;right:-12%}}

.receipt{width:min(100%,840px);margin:0 auto;padding:100px 32px;min-height:calc(var(--studio-vh,1svh)*100)}.receipt>.eyebrow{font-size:11px;letter-spacing:.07em;color:#63735c;margin-bottom:40px}.receipt h1{font-size:clamp(44px,6vw,82px);margin-bottom:30px}.receipt p{font-size:16px;max-width:570px;margin:20px 0}.receipt code{font-family:Geist,Arial,sans-serif;font-size:16px;letter-spacing:.06em;padding:9px 13px;border:1px solid #c8cfbe}.receipt .pill{display:inline-flex;background:#20311c;color:#eef2e7;padding:19px 27px;border-radius:35px;margin:20px 0 30px}.receipt a:not(.pill){border-bottom:1px solid #8b9880;padding-bottom:5px}@media(max-width:700px){.receipt{padding:70px 24px}.receipt p{font-size:14px}.receipt code{font-size:14px}}

.spatial-header{position:fixed;transition:background .3s,border-radius .3s,height .3s,top .3s,padding .3s}.spatial-header.scrolled{top:16px;left:var(--gutter);width:calc(100% - var(--gutter) * 2);height:72px;padding:12px 24px;background:rgba(24,31,22,.88);border:1px solid rgba(255,255,255,.14);border-radius:40px;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(15,22,12,.09)}.spatial-header.scrolled .header-note{display:none}.spatial-header.scrolled .wordmark{font-size:26px}@media(max-width:700px){.spatial-header.scrolled{top:12px;left:16px;width:calc(100% - 32px);height:64px;padding:10px 17px;gap:12px}.spatial-header.scrolled .wordmark{font-size:23px}.spatial-header.scrolled .nav-contact{padding:10px 12px;font-size:10px;gap:14px}.spatial-header.scrolled #menu-open{width:30px}}@media(max-width:360px){.spatial-header.scrolled .nav-contact span{display:none}.spatial-header.scrolled .wordmark{font-size:22px}}
