.home{overflow-x:clip}
/* City presentation; legal documents keep their existing typography. */
.home .header{flex-direction:row;align-items:center;border:0;padding:32px 0;gap:24px}
.home .header nav{gap:28px;font-size:13px}
.home .header nav a{color:#d4d9df}
.home .cinematic-hero{height:100svh;min-height:780px;max-height:1100px;padding:0;align-items:center;background-color:#070d15}
html[data-scene="city"] .home .cinematic-hero{background-image:none}
.city-picture,.city-picture img,.city-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.city-picture img{object-fit:cover;object-position:62% center}
.city-canvas{opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.city-canvas.is-live{opacity:1}
html:not([data-scene="city"]) .city-picture,html:not([data-scene="city"]) .city-canvas{display:none}
.home .hero-content{margin:0 auto;padding-top:0;width:min(1120px,calc(100% - 96px))}
.home .cinematic-hero h1{font-size:clamp(58px,6.15vw,86px);font-weight:400;line-height:1.06;letter-spacing:-.06em;margin:24px 0}
.home .hero-content{text-shadow:0 2px 15px #030711b3}
.home .cinematic-hero .intro{font-size:16px;line-height:1.65;max-width:365px;color:#c8cfd8;text-wrap:pretty}
.home .cinematic-hero .eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;color:#a6afbd}
.home .cinematic-hero .accent{color:#fb735a}
.home .hero-actions{margin-top:20px}
.home .hero-actions a{font-size:12px;padding:8px 0;border-color:#74818e;gap:24px}
.home .cinema-shade{background:linear-gradient(90deg,rgba(3,9,17,.20),rgba(3,9,17,.035) 32%,transparent 49%),linear-gradient(180deg,rgba(3,7,13,.09),transparent 14%,transparent 94%,rgba(3,7,13,.08))}
.motion-control{position:absolute;right:max(48px,calc((100% - 1120px)/2));bottom:26px;z-index:3;border:1px solid #ffffff2b;border-radius:22px;background:#060d1666;backdrop-filter:blur(12px);color:#c5ccd6;font:11px Arial,Helvetica,sans-serif;letter-spacing:.02em;display:flex;gap:8px;align-items:center;padding:10px 13px;cursor:pointer;transition:border-color .2s}
.motion-control:hover{border-color:#ffffff70;color:white}
.motion-control:focus-visible{outline:2px solid #fb735a;outline-offset:5px}
.motion-control svg{width:10px;height:10px;fill:currentColor}
.motion-control .play-icon{display:none}
.motion-control[aria-pressed="true"] .play-icon{display:block}
.motion-control[aria-pressed="true"] .pause-icon{display:none}
[hidden]{display:none!important}
.home .studio-note{padding:45px 0 38px;max-width:720px}
.studio-note p{font-size:17px;line-height:1.7;letter-spacing:-.015em;margin:0;color:#686868}
.studio-note strong{font-weight:500;color:#222}
.home .product{padding:28px 0 48px;border-top:1px solid var(--line)}
.home .product-body{grid-template-columns:minmax(0,1fr) 230px;gap:80px;padding-top:28px}
.home .product h2{font-size:38px;margin:0 0 14px}
.home .product p{font-size:15px;max-width:530px;line-height:1.75}
.home .product .product-status{font-size:12px;margin-top:17px;color:#858585}
.home .legal-links{gap:17px;padding-top:6px}
.home .legal-links a{font-size:14px}
.home .eyebrow{font-size:10px;letter-spacing:.16em}
.home .footer{align-items:center;padding:25px 0 30px}
.home .footer span:last-child{display:flex;gap:24px}
@media(min-width:1600px){.home .hero-content{width:min(1360px,calc(100% - 128px))}.home .header{margin-left:-80px;margin-right:-80px}.home .cinematic-hero h1{font-size:90px}.home .cinematic-hero .intro{font-size:17px}}
@media(max-width:760px){
 .home .header{padding:26px 0;gap:15px}
 .home .header .brand{font-size:21px}
 .home .header .mark{width:22px;height:22px;margin-right:8px}
 .home .header nav{gap:18px;font-size:12px}
 .home .header nav .nav-contact{display:none}
 .home .cinematic-hero{height:100svh;min-height:760px;max-height:1050px}
 .home .hero-content{width:calc(100% - 40px)}
 .home .cinematic-hero h1{font-size:clamp(39px,9.9vw,68px);line-height:1.08;letter-spacing:-.055em;margin:23px 0 20px}
 .home .cinematic-hero .intro{font-size:14px;line-height:1.65;max-width:290px}
 .home .cinematic-hero .eyebrow{font-size:9px;letter-spacing:.19em}
 .home .hero-actions{margin-top:15px}
 .home .hero-actions a{font-size:11px}
 .home .cinema-shade{background:linear-gradient(180deg,rgba(4,10,18,.04),rgba(4,10,18,.07) 36%,transparent 52%,transparent 94%,rgba(4,10,18,.07))}
 .city-picture img{object-position:50% center}
 .motion-control{right:20px;bottom:20px;padding:9px 11px;font-size:10px}
 .home .studio-note{padding:33px 0 28px}
 .studio-note p{font-size:15px;line-height:1.7}
 .home .product{padding:26px 0 34px}
 .home .product-body{grid-template-columns:1fr;gap:28px;padding-top:26px}
 .home .product h2{font-size:34px}
 .home .legal-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}
 .home .legal-links .eyebrow{grid-column:1/-1;margin-bottom:0}
 .home .footer{align-items:flex-start;gap:12px}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion-opt-in]) .city-canvas{display:none}.city-canvas,.motion-control{transition:none}}
@media print{.city-picture,.city-canvas,.motion-control{display:none}.home .cinematic-hero{height:auto;min-height:0}.home .hero-content{padding:30px 0}.home .cinematic-hero .intro{color:#333}}
