/* Blue Hour — exterior and floor only. The approved room and tour keep V8 styles. */
.hero-art:is([data-stage=building],[data-stage=floor]){--journey-ink:#192d3a;--journey-accent:#e3edf1;--journey-muted:#bfccd5}
.hero-art[data-stage=building] .scene-shade{background:linear-gradient(90deg,#0817238c,transparent 58%),linear-gradient(0deg,#07141ee0,transparent 32%,transparent 78%,#09172355)}
.hero-art[data-stage=building] .journey-intro{top:37%;max-width:430px}
.hero-art[data-stage=building] .journey-intro h1{font-size:clamp(42px,4.25vw,76px);line-height:1.08}
.hero-art[data-stage=building] .journey-intro h1 em{color:#e2e8e7}
.hero-art:is([data-stage=building],[data-stage=floor]) .mode-switch{background:#15253285;border-color:#ffffff25}
.hero-art:is([data-stage=building],[data-stage=floor]) .mode-switch button.active{background:#e7edef;color:#233645}
.hero-art:is([data-stage=building],[data-stage=floor]) .panel-kicker{color:#bfccd4}
.hero-art:is([data-stage=building],[data-stage=floor]) .live-dot:before{background:#cfebf2;box-shadow:0 0 9px #cceef944}
.hero-art[data-stage=building] .journey-panel{bottom:64px;right:110px;width:308px;padding:23px 24px;background:#17293880;border:1px solid #dce9f33d;backdrop-filter:blur(20px);border-radius:4px}
.hero-art[data-stage=building] .journey-panel h2{font-size:25px}
.hero-art[data-stage=building] .journey-panel>p{color:#d3dee4;font-size:11px}
.hero-art[data-stage=building] .journey-panel .selection-note{font-size:8px;color:#a9bbc8}
.hero-art[data-stage=building] .journey-primary{border-radius:2px;background:#e3edf1;color:#193244;border-color:#e3edf1;font-weight:500}
.hero-art[data-stage=building] .floor-picker{right:40px;top:210px;gap:0;padding:12px 6px;background:#0d1c2b42;backdrop-filter:blur(12px);border:1px solid #e5eff324;border-radius:30px}
.hero-art[data-stage=building] .floor-picker>span{font-size:7px;margin:3px 0 11px}
.hero-art[data-stage=building] .floor-picker button{border:0;background:transparent;backdrop-filter:none;color:#e4edf5;width:38px;height:35px;border-radius:50%;font-variant-numeric:tabular-nums}
.hero-art[data-stage=building] .floor-picker button:hover,.hero-art[data-stage=building] .floor-picker button[aria-pressed=true]{background:#e4eef2;color:#1d3441}
.hero-art[data-stage=floor] .scene-shade{background:linear-gradient(180deg,#06152280,transparent 34%),linear-gradient(0deg,#091622b8,transparent 30%)}
.hero-art[data-stage=floor] .floor-map-heading{top:192px;left:52%;right:40px}
.hero-art[data-stage=floor] .floor-map-heading h2{font-size:clamp(25px,2.5vw,46px);margin:0 0 11px;line-height:1.08;white-space:nowrap}
.hero-art[data-stage=floor] .floor-map-heading h2 em{color:#dfe7e7}
.hero-art[data-stage=floor] .floor-map-heading .eyebrow{margin-bottom:14px;font-size:8px;color:#a6bac7;letter-spacing:.20em}
.hero-art[data-stage=floor] .floor-map-heading>p:last-child{font-size:10px;color:#adc0ce}
.hero-art[data-stage=floor] .floor-units{left:auto;right:40px;width:48%;bottom:35px;background:#142532ad;border-color:#d9e8ef35;backdrop-filter:blur(15px);border-radius:4px}
.hero-art[data-stage=floor] .floor-units button{color:#edf1f1;border-right-color:#d9e8ef30;padding:14px 18px}
.hero-art[data-stage=floor] .floor-units button small{color:#a6bdcd;font-size:7px}
.hero-art[data-stage=floor] .floor-units button strong{font-size:25px}
.hero-art[data-stage=floor] .floor-units button>span{color:#b9cbd5}
.hero-art[data-stage=floor] .floor-units button[aria-pressed=true]{background:#e1ebef;color:#213843}
.hero-art[data-stage=floor] .floor-units button[aria-pressed=true] :is(small,span){color:#496474}
.hero-art[data-stage=floor] .floor-tools{left:auto;right:40px;bottom:155px}
.hero-art[data-stage=floor] .floor-tools button{background:#23384570;border-color:#b5cede38;border-radius:50%;color:#e0edf4}
.hero-art[data-stage=floor] .floor-tools button:hover,.hero-art[data-stage=floor] .floor-tools button[aria-pressed=true]{background:#e2edf2;color:#193142}
.hero-art[data-stage=floor] .floor-tools small{color:#a7becc}
.hero-art[data-stage=floor] .floor-tools .floor-film-link{border-radius:22px;font-size:9px;background:none}
.hero-art[data-stage=floor] .journey-panel{left:40px;right:auto;bottom:35px;width:300px;padding:24px;background:#12212ca3;backdrop-filter:blur(16px);border-color:#ccdeea3d;border-radius:4px}
.hero-art[data-stage=floor] .journey-panel h2{font-size:28px}
.hero-art[data-stage=floor] .journey-panel>p{color:#c4d3df}
.hero-art[data-stage=floor] .journey-panel .selection-note{color:#99afbe;font-size:8px}
.hero-art[data-stage=floor] .floor-pins button{background:#183143d9;border-color:#ddeaf1a6;color:#e8f1f6;box-shadow:0 3px 18px #00142333;border-radius:25px}
.hero-art[data-stage=floor] .floor-pins button[aria-pressed=true]{background:#e4f0f5;color:#163141}
.hero-art[data-stage=floor] .floor-pins button:hover{background:#36566b}
.hero-art[data-stage=floor] .floor-pins button[aria-pressed=true]:hover{background:#e4f0f5;color:#163141}
.hero-art[data-stage=floor] .extraction-link{position:absolute;inset:0;width:100%;height:100%;background:none;overflow:visible;pointer-events:none;filter:none}
.extraction-link path{stroke:#d9eaf3;stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.extraction-link circle{stroke:#e2f0f7;stroke-width:1.3;fill:#132938;vector-effect:non-scaling-stroke}
.source-floor-tag{position:absolute;display:flex;align-items:center;gap:9px;color:#e3edf1;white-space:nowrap;pointer-events:none;text-shadow:0 2px 10px #081b28}
.source-floor-tag strong{font:400 27px/1 Manrope,sans-serif;letter-spacing:-.06em}
.source-floor-tag span{font-size:6px;line-height:1.7;letter-spacing:.15em}
.hero-art[data-stage=floor] :is(.floor-map-heading,.floor-tools,.floor-units,.journey-panel){animation:inspection-interface-in 2.1s both}
@keyframes inspection-interface-in{0%,48%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@media(min-width:1700px){.hero-art[data-stage=floor] .floor-map-heading{top:205px}.hero-art[data-stage=floor] .journey-panel{width:330px}.hero-art[data-stage=floor] .floor-units{width:48%}}
@media(min-width:701px) and (max-width:1100px){.hero-art[data-stage=floor] .floor-map-heading{left:49%;right:24px}.hero-art[data-stage=floor] .floor-map-heading h2{font-size:26px}.hero-art[data-stage=floor] .floor-units{right:24px;width:50%}.hero-art[data-stage=floor] .floor-tools{right:24px}.hero-art[data-stage=floor] .journey-panel{left:24px;width:265px;padding:20px}.hero-art[data-stage=building] .journey-intro{max-width:350px}.hero-art[data-stage=building] .journey-panel{right:92px;width:280px}.hero-art[data-stage=building] .floor-picker{right:24px;top:240px}}
@media(max-width:700px){
 .hero-art[data-stage=building] .journey-intro{top:205px;left:18px;max-width:265px}.hero-art[data-stage=building] .journey-intro h1{font-size:35px}.hero-art[data-stage=building] .journey-panel{left:18px;right:18px;bottom:56px;width:auto;padding:18px 20px}.hero-art[data-stage=building] .journey-panel h2{font-size:23px}.hero-art[data-stage=building] .floor-picker{right:18px;top:227px;padding:10px 3px}.hero-art[data-stage=building] .floor-picker button{width:34px;height:34px}
 .hero-art[data-stage=floor] .floor-map-heading{top:201px;left:18px;right:18px}.hero-art[data-stage=floor] .floor-map-heading h2{font-size:28px;white-space:normal}.hero-art[data-stage=floor] .floor-map-heading .eyebrow{font-size:7px;margin-bottom:10px}.hero-art[data-stage=floor] .floor-map-heading>p:last-child{font-size:9px}
 .hero-art[data-stage=floor] .floor-tools{left:18px;right:18px;bottom:287px}.hero-art[data-stage=floor] .floor-units{left:18px;right:18px;bottom:197px;width:auto}.hero-art[data-stage=floor] .floor-units button{padding:10px 11px}.hero-art[data-stage=floor] .floor-units button strong{font-size:21px}.hero-art[data-stage=floor] .floor-units button small{font-size:6px}
 .hero-art[data-stage=floor] .journey-panel{left:18px;right:18px;bottom:18px;width:auto;padding:15px 17px;min-height:160px}.hero-art[data-stage=floor] .journey-panel h2{font-size:23px}.hero-art[data-stage=floor] .source-floor-tag{display:none}.hero-art[data-stage=floor] .extraction-link{opacity:.35!important}
}
@media(max-width:360px){.hero-art[data-stage=building] .journey-intro{max-width:226px}.hero-art[data-stage=building] .journey-intro h1{font-size:30px}.hero-art[data-stage=floor] .floor-map-heading h2{font-size:24px}.hero-art[data-stage=floor] .floor-units button{padding:10px 9px}}
@media(min-width:701px) and (max-height:799px){.hero-art[data-stage=floor] .floor-map-heading{top:177px}.hero-art[data-stage=floor] .floor-map-heading h2{font-size:28px}.hero-art[data-stage=floor] .floor-map-heading .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-art[data-stage=floor] :is(.floor-map-heading,.floor-tools,.floor-units,.journey-panel){animation:none}}

/* Keep labels on the perimeter so furniture and material detail remain visible. */
.hero-art[data-stage=floor] .floor-pins button{min-width:44px;min-height:40px;padding:6px 10px;font-size:12px;gap:5px;border-radius:5px;background:#102330c9;box-shadow:0 3px 12px #00142324}
.hero-art[data-stage=floor] .floor-pins button i{font-size:9px}

/* V11 · one address, four distinct residences. */
.hero-art[data-stage=floor] .floor-units button{border-top:3px solid var(--finish-color);min-height:116px}
.hero-art[data-stage=floor] .floor-units button strong{font-size:25px;letter-spacing:-.04em;white-space:nowrap}
.hero-art[data-stage=floor] .floor-units button>span{display:block;font-size:10px;line-height:1.3;min-height:26px;margin-top:7px}
.hero-art[data-stage=floor] .floor-tools{bottom:171px}
.hero-art[data-stage=floor] .floor-map-heading h2{white-space:normal}
.hero-art[data-stage=floor] .journey-panel .selection-note{font-size:10px;color:#d5dfde}
.hero-art:is([data-stage=apartment],[data-stage=walk]) .interior-switch>div{border-radius:5px;background:#172733b8;border-color:#e4ece638}
.hero-art:is([data-stage=apartment],[data-stage=walk]) .interior-switch button{border-radius:3px;font-size:11px}
.hero-art:is([data-stage=apartment],[data-stage=walk]) .interior-switch button[aria-pressed=true]{background:#f1efe7;color:#293730}
#interior-finish{border-left:3px solid var(--residence-color);font-size:10px}
.preview-rooms{max-width:calc(100% - 420px);overflow:auto;white-space:nowrap;scrollbar-width:none;border-radius:5px}
.preview-rooms button{border-radius:3px;padding:12px 15px}
.walk-destinations button{min-height:40px;border-radius:4px}
.hero-art[data-stage=apartment] .journey-panel{border-top:3px solid var(--residence-color);background:#14252dc9}
.hero-art[data-stage=walk] .walk-minimap{border-top:3px solid var(--residence-color)}
@media(max-width:1100px) and (min-width:701px){.preview-rooms{max-width:calc(100% - 350px);left:24px}.preview-rooms button{font-size:10px;padding:11px 12px}.hero-art[data-stage=floor] .floor-units button strong{font-size:22px}}
@media(max-width:700px){
 .hero-art[data-stage=floor] .floor-units{bottom:197px}.hero-art[data-stage=floor] .floor-units button{min-height:96px;padding:10px 7px}.hero-art[data-stage=floor] .floor-units button strong{font-size:19px}.hero-art[data-stage=floor] .floor-units button>span{font-size:8px;margin-top:5px;min-height:23px}.hero-art[data-stage=floor] .floor-tools{bottom:311px}
 .hero-art[data-stage=floor] .journey-panel .selection-note{font-size:9px}.preview-rooms{max-width:none;justify-content:start}.preview-rooms button{min-height:40px;padding:8px 10px;flex-shrink:0}
 .hero-art:is([data-stage=apartment],[data-stage=walk]) .interior-switch button{font-size:9px;padding:8px 10px}#interior-finish{font-size:8px}.walk-minimap{top:305px;width:118px}.walk-destinations{max-width:100%;bottom:202px}.walk-destinations button{min-height:40px}
}
@media(max-width:360px){.hero-art[data-stage=floor] .floor-units button strong{font-size:17px}.hero-art[data-stage=floor] .floor-units button>span{font-size:7px}.hero-art:is([data-stage=apartment],[data-stage=walk]) .interior-switch button{font-size:8px}}