:root{--bg:#111214;--panel:#18191c;--blue:#161719;--blue2:#1c1d20;--ink:#eeece6;--muted:#b0b0ac}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #f2d59c;outline-offset:5px}section[id]{scroll-margin-top:105px}.site-header{background:rgba(17,18,20,.95);gap:25px}.brand{white-space:nowrap}.brand-mark{transform:skew(-9deg)}.desktop-nav{margin-inline-start:auto;gap:22px}.languages{display:flex;gap:10px;font-size:11px;align-items:center;white-space:nowrap}.languages a{padding:10px 2px;color:#d9d7d1}.mobile-nav{background:#18191c}.skip-link{position:fixed;top:-80px;left:20px;background:#eeece6;color:#111;padding:16px;z-index:100}.skip-link:focus{top:10px}.hero>.media-frame{position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,rgba(17,18,20,.84),rgba(17,18,20,.2)),linear-gradient(0deg,#111214,transparent 45%)}.hero-content{max-width:1320px;padding-top:180px}.hero h1{font-weight:400;font-size:clamp(52px,6.4vw,94px);line-height:1.01}.hero-copy{max-width:580px}.hero-meta{color:#dedbd0}.statement-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.system-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.commercial-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.about-grid,.detail-grid{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}.case-study{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.lead,.body-copy,.work-intro,.service-card p,.client-grid p,.small-note,.founder-grid p,.detail-list p{color:#b5b5b1}.small-note{font-size:12px}.eyebrow{font-size:10px;color:#c1c0ba}.service-card.primary{background:#1a1b1e}.concept{background:#18191c}.system-visual{background:radial-gradient(circle at center,#292b2d,#151618)}.system-node{background:#1b1c1f}.system-node small{color:#aaa}.system-core{background:#161719}.founder-role{color:#dedbd0!important;margin-bottom:17px!important}.founder-grid p{font-size:14px;line-height:1.8}.founder-grid h3{font-size:17px}.initial{width:72px;height:72px;border-color:#565755;color:#dedbd0}.footer-links{font-size:10px;flex-wrap:wrap;justify-content:flex-end}.footer-top{gap:30px}.page-hero{padding-top:180px;min-height:65vh}.prose,.legal-content{font-size:16px;line-height:1.85;color:#c6c6c0}.prose h2,.legal-content h2{font-size:25px;font-weight:400;color:var(--ink);margin-top:40px}.legal-content{max-width:900px}.legal-content a{text-decoration:underline}.notice,.locale-notice{border-left:2px solid #d2b887;padding:20px 24px;background:#24231f;margin-bottom:40px;font-size:15px;line-height:1.7}.legal-fields>div{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:30px}.legal-fields dt{font-size:13px;color:#eee}.legal-fields dd{margin:0;font-size:14px}.localized-heading{font-size:clamp(40px,6vw,80px)!important;max-width:1050px;line-height:1.15!important;letter-spacing:-.03em!important}.locale-notice{max-width:700px}.motion-toggle{position:absolute;bottom:14px;right:14px;z-index:5;background:#111c;color:#fff;border:1px solid #888;padding:10px;font-size:11px}
.twin-section{padding:110px 0}.demo-intro{color:#b7b7b2;line-height:1.8;margin:-25px 0 35px;max-width:670px}.twin-app{border:1px solid #424345;background:#17181a}.demo-top,.demo-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;font:10px monospace;letter-spacing:.12em}.demo-top{border-bottom:1px solid #424345;color:#c6c5be}.demo-top span:last-child{color:#b4a58c}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px}.scene{aspect-ratio:1.5;position:relative;overflow:hidden;background:#222}.scene-world{position:absolute;inset:0;transition:transform .8s ease,filter .8s ease;transform-origin:57% 54%}.scene-image{width:100%;height:100%;object-fit:fill}.scene-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0008,transparent 40%)}[data-scale=district] .scene-world{transform:scale(1.3)}[data-scale=building] .scene-world{transform:scale(1.85)}[data-night=true] .scene-world{filter:brightness(.55) saturate(.7) hue-rotate(8deg)}.scene-caption{position:absolute;bottom:24px;left:24px;pointer-events:none;color:white;text-shadow:0 2px 20px #000}.scene-caption>span{font:10px monospace;letter-spacing:.14em}.scene-caption strong{display:block;font-size:clamp(23px,2.6vw,39px);font-weight:400;line-height:1.1;margin-top:12px}.hotspot{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;border:1px solid #ffffff88;padding:10px 13px;background:#191b1dd9;color:#fff;font-size:11px;white-space:nowrap}.hotspot>span{width:6px;height:6px;background:#eee;border-radius:50%}.hotspot[aria-pressed=true]{border-color:#f4d598;background:#34332ded}.museum{left:50%;top:48%}.marina{left:73%;top:56%}.park{left:73%;top:75%}.district{left:20%;top:34%}.scene-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-overlay g{opacity:0;transition:opacity .3s}.infrastructure path{fill:none;stroke:#fff1c8;stroke-width:3;stroke-dasharray:8 5}.infrastructure circle{fill:#e4cc98;stroke:#fff;stroke-width:2}.environment ellipse{fill:#abc59955;stroke:#d0e0b5;stroke-width:2}[data-layer=infrastructure] .infrastructure,[data-layer=environment] .environment{opacity:1}.night-toggle{position:absolute;right:15px;top:15px;padding:10px 14px;background:#161719d9;border:1px solid #bbb7a4;color:white;font-size:11px}.inspector{padding:26px 23px;background:#1c1d1f;border-left:1px solid #424345}.inspector h3{font-size:25px;font-weight:400;line-height:1.2;margin:0 0 18px}.inspector>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#bdbdb7}.inspector dl{font-size:11px;margin:25px 0}.inspector dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff1a}.inspector dt{color:#a6a6a0}.inspector dd{margin:0;text-align:right}.layer-controls{display:flex;gap:6px;flex-wrap:wrap}.layer-controls button,.scale-controls button,.demo-tools button,.demo-action{border:1px solid #666762;background:transparent;color:#d7d7d0;padding:12px;font-size:11px}.layer-controls button{padding:9px 8px;font-size:10px}.twin-app button[aria-pressed=true]{border-color:#d6cfb4;color:#fff}.layer-controls button[aria-pressed=true],.scale-controls button[aria-pressed=true]{background:#383933}.demo-action{width:100%;margin-top:10px;text-align:left}.scale-controls,.demo-tools{display:flex;gap:8px}.demo-bottom{border-top:1px solid #424345;letter-spacing:0}.data-strip{display:flex;flex-wrap:wrap;gap:24px;padding:20px 24px;border-top:1px solid #424345;font:12px monospace}.data-strip[hidden]{display:none}.data-strip span:first-child{color:#ceb786}.demo-status{font:11px monospace;color:#b9b9b0;padding:0 23px 10px}.demo-tools button{border:0;text-decoration:underline;text-underline-offset:5px}.scene button{min-height:40px}
@media(max-width:1100px){.desktop-nav{display:none}.menu-button{display:block}.languages{margin-left:auto}.demo-layout{grid-template-columns:minmax(0,1fr) 250px}.demo-top span:last-child{display:none}.scene{aspect-ratio:auto;min-height:480px}}
@media(max-width:1050px){.statement-grid,.system-layout,.commercial-grid,.about-grid,.detail-grid,.case-study{grid-template-columns:1fr}.hero-content{padding-top:160px}.case-media{height:420px}}
@media(max-width:760px){.site-header{height:76px;padding:0 16px;gap:12px}.brand{font-size:10px;letter-spacing:.1em;gap:6px}.brand-mark{width:19px}.languages{font-size:10px;gap:7px}.menu-button{padding:8px 0}.hero h1{font-size:clamp(39px,9vw,58px)}.hero-copy{font-size:15px}.hero-content{padding-bottom:120px}.hero{min-height:100svh}.demo-layout{grid-template-columns:1fr}.scene{min-height:0;aspect-ratio:1.22}.inspector{border-left:0;border-top:1px solid #424345;padding:22px}.inspector dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.inspector dl>div{display:block}.inspector dd{text-align:left;margin-top:8px}.hotspot{font-size:9px;padding:8px;gap:5px}.museum{left:47%;top:46%}.marina{left:71%;top:59%}.park{left:58%;top:77%}.scene-caption{left:15px;bottom:15px}.scene-caption strong{font-size:23px}.scene-caption>span{font-size:8px}.demo-bottom{flex-wrap:wrap;padding:14px}.demo-top{padding:15px;font-size:9px}.demo-tools{width:100%;justify-content:space-between}.legal-fields>div{grid-template-columns:1fr;gap:12px}.footer-links{justify-content:flex-start;line-height:1.8}.page-hero{padding-top:155px}.demo-intro{margin-top:0}.twin-section .section-heading{flex-direction:column}.localized-heading{font-size:42px!important}.legal-content{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.video-ready .poster-image{opacity:1}.deferred-video{display:none}}
@media(max-width:760px){.section-heading{flex-direction:column;align-items:flex-start}.section-heading>div{min-width:0;max-width:100%}h2{overflow-wrap:anywhere}.section-heading h2,.commercial h2,.statement h2,.system h2,.about h2{font-size:clamp(32px,8.5vw,42px)}}
@media(max-width:760px){.page-hero h1{font-size:clamp(36px,10vw,48px);overflow-wrap:anywhere}.hero h1{overflow-wrap:anywhere}}
.hero>.media-frame{z-index:0}.hero-overlay,.hero-grid{z-index:1}.hero-content,.hero-meta{z-index:2}@media(max-width:760px){.scene-caption strong{display:none}.scene-caption{bottom:12px}.park{top:73%}}