@font-face {font-family:Nest Sans;src:url(/fonts/NotoSans-Regular.ttf);font-weight:400 500;font-display:swap;}
@font-face {font-family:Nest Sans;src:url(/fonts/NotoSans-Bold.ttf);font-weight:600 900;font-display:swap;}
body.studio {--paper:#161a19;--white:#202625;--ink:#f3f1e8;--muted:#bfc9c3;--line:#3a4844;--accent:#b1e4ce;--soft:#1b2220;background:var(--paper);color:var(--ink);font-family:"Nest Sans",system-ui,sans-serif;}
.studio h1,.studio h2,.studio h3,.studio .project-brand strong {font-family:"Nest Sans",system-ui,sans-serif;letter-spacing:-.052em;}
.studio h1,.studio h2 {font-weight:700;}
.studio .eyebrow,.studio .label {font-family:"Nest Sans",system-ui,sans-serif;}
.studio .nav,.studio .project-header,.studio .mobile-actions {background:#161a19f5;border-color:var(--line);}
.studio .brand {background:var(--ink);}
.studio .contact {background:var(--soft);color:var(--ink);}
.studio .hero.webgl-ready {background:#161a19;}
.studio .front-side .cities {background:#273b33;}
.studio .tower-view {background:radial-gradient(ellipse at 64% 43%,#35544b,#212c28 55%,#161a19 87%);}
.studio .tower-view[data-light="day"] {background:radial-gradient(ellipse at 65% 43%,#718c81,#354942 67%,#161a19 94%);}
.studio .tower-controls {flex-wrap:wrap;justify-content:flex-end;left:12px;}
.studio .tower-controls button {background:#202925;border-color:#647970;color:var(--ink);padding-inline:9px;font:inherit;font-size:13px;cursor:pointer;}
.studio .tower-controls button:hover {background:#3a5047;}
.studio button:focus-visible,.studio a:focus-visible {outline:2px solid #b1e4ce;outline-offset:3px;}
.studio .tower-label {color:#e0ece6;}
.studio .tower-standalone {min-height:0;border-top:1px solid var(--line);padding:40px 0;}
.studio .tower-standalone:before,.studio .tower-standalone:after {display:none;}
.studio .tower-standalone .scene-layout {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:clamp(20px,5vw,65px);align-items:center;padding:0;margin-inline:auto;width:min(1200px,91%);pointer-events:auto;}
.studio .tower-standalone .tower-view {position:relative;inset:auto;height:clamp(360px,49vw,560px);border:1px solid var(--line);border-radius:12px;}
.studio .tower-standalone p {max-width:39ch;color:var(--muted);}
.studio .tower-standalone .credit {position:static;margin-top:12px;}
.studio .tower-standalone h2 {font-size:clamp(39px,5vw,72px);line-height:1.08;margin:0 0 16px;}
.studio .tower-standalone:not(.webgl-ready) .tower-view {display:block;background:linear-gradient(140deg,#161a1950,#161a19ae),url(/monochrome-facade.webp) center/cover;}
.studio .tower-standalone:not(.webgl-ready) canvas,.studio .tower-standalone:not(.webgl-ready) figcaption,.studio .tower-standalone:not(.webgl-ready) .tower-controls {display:none;}
.studio .tower-standalone .tower-view canvas {min-height:0;}
.studio .light {background:#f0f3ec;color:#18241e;}
.studio .light p {color:#43574d;}
.studio .light .eyebrow,.studio .light small,.studio .light .step b {color:#43574d;}
.studio .light article,.studio .light form {background:#f9fbf7;color:#18241e;border-color:#cbd8ce;}
.studio .light .btn:not(.hot),.studio .light .city-buttons button:not([aria-pressed="true"]) {color:#18241e;}
.studio .light input,.studio .light select,.studio .light textarea {color:#18241e;background:#fff;color-scheme:light;}
.studio.meda-studio {--cobalt:#355e50;}
.studio.meda-studio .hero:not(.tower-standalone),.studio.meda-studio .enquiry {background:#182520;}
.studio.meda-studio .hero:not(.tower-standalone) figure:after {background:linear-gradient(90deg,#1825207a,transparent 38%);}
.studio.meda-studio .section:not(.enquiry):not(.tower-standalone) {background:#f0f3ec;color:#18241e;}
.studio.meda-studio .section.homes,.studio.meda-studio .section.interiors,.studio.meda-studio .section.lifestyle {background:#e7ede5;}
.studio.meda-studio .cobalt {color:#355e50;}
.studio.meda-studio .hero .cobalt {color:#b1e4ce;}
.studio .cursor-lit {position:relative;isolation:isolate;}
.studio .cursor-lit::after {content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:radial-gradient(circle 145px at var(--pointer-x,50%) var(--pointer-y,50%),#82bfa929,transparent);opacity:0;transition:opacity .2s;}
.studio .cursor-lit:hover::after {opacity:1;}
.studio .studio-reveal {animation:studio-in .52s ease-out both;}
@keyframes studio-in {from {opacity:.55;transform:translateY(18px);}to {opacity:1;transform:none;}}
@media(max-width:760px) {
 .studio .tower-standalone .scene-layout {grid-template-columns:1fr;}
 .studio .tower-standalone .tower-view {height:360px;}
 .studio .tower-controls button {font-size:12px;padding-inline:7px;}
}
@media(prefers-reduced-motion:reduce) {
 .studio .studio-reveal {animation:none;}
 .studio .cursor-lit::after {display:none;}
}