/* V12: one selection column, one spatial view, one next action. */
.floor-inspector{position:absolute;inset:198px auto 28px 32px;width:336px;display:flex;flex-direction:column;background:#111d25ee;border:1px solid #d9e4e329;border-radius:12px;backdrop-filter:blur(24px);pointer-events:auto;overflow:auto;box-shadow:0 16px 60px #0002;scrollbar-width:thin}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading{position:static;padding:24px 24px 19px;pointer-events:auto;animation:none}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:15px;color:#96aaaF}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font:400 36px/1.2 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 9px;display:flex;align-items:center;gap:10px}
.floor-inspector .floor-map-heading h2 small{margin-left:auto;font:400 10px/1.4 Manrope,sans-serif;letter-spacing:0;color:#a3b4b9}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading>p:last-child{font-size:11px;color:#b6c4c8}
.hero-art[data-stage=floor] .floor-inspector .floor-units{position:static;width:auto;margin:0 12px;display:grid;grid-template-columns:1fr;gap:5px;background:none;border:0;backdrop-filter:none;overflow:visible;animation:none}
.hero-art[data-stage=floor] .floor-inspector .floor-units button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 12px;min-height:77px;padding:14px 17px;border:1px solid #a7b8bd1f!important;border-radius:6px;background:#ffffff03;transition:background .2s,border-color .2s}
.hero-art[data-stage=floor] .floor-inspector .floor-units button:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;background:var(--finish-color);border-radius:3px}
.hero-art[data-stage=floor] .floor-inspector .floor-units button small{grid-row:1;grid-column:1;font-size:9px;letter-spacing:.06em;color:#afbec5}
.hero-art[data-stage=floor] .floor-inspector .floor-units button strong{grid-row:1;grid-column:2;font-size:23px;margin:0;color:inherit}
.hero-art[data-stage=floor] .floor-inspector .floor-units button>span{grid-row:2;grid-column:1/3;min-height:0;font-size:10px;line-height:1.5;margin:0;color:#bcc9cd;white-space:normal}
.hero-art[data-stage=floor] .floor-inspector .floor-units button[aria-pressed=true]{background:#e5eeee;border-color:#e5eeee!important;color:#142b32}
.hero-art[data-stage=floor] .floor-inspector .floor-units button[aria-pressed=true] :is(small,span){color:#3d575e}
.hero-art[data-stage=floor] .floor-inspector .floor-units button:hover:not([aria-pressed=true]){background:#ffffff0c;border-color:#aec8d077!important}
#inspector-selection{margin-top:auto}
.hero-art[data-stage=floor] .floor-inspector .journey-panel{position:static;inset:auto;width:auto;max-width:none;min-height:0;margin:0;padding:18px 24px 21px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;animation:none}
.hero-art[data-stage=floor] .floor-inspector .journey-panel :is(.panel-kicker,#selection-title,#selection-details,#selection-description){display:none!important}
.hero-art[data-stage=floor] .floor-inspector .journey-primary{background:#e5eeee;border-color:#e5eeee;color:#173238;border-radius:5px;min-height:48px;justify-content:center;font-size:12px}
.hero-art[data-stage=floor] .floor-inspector .journey-primary:disabled{background:#ffffff05;border-color:#a7b8bd2f;color:#81949b}
.hero-art[data-stage=floor] .floor-inspector .journey-panel .selection-note{display:block;font-size:9px;color:#a9bdc3;line-height:1.5;margin:11px 0 0;text-align:center}
.floor-canvas-label{position:absolute;top:220px;left:calc(50% + 30px);font-size:9px;letter-spacing:.15em;color:#e6eeee;margin:0;pointer-events:none}
.floor-canvas-label span{display:block;font-size:10px;letter-spacing:0;color:#a7bac4;margin-top:8px}
.hero-art[data-stage=floor] .floor-tools{left:calc(50% + 10px);right:auto;bottom:38px;animation:none}
.hero-art[data-stage=floor] .floor-tools button{width:44px;height:44px;border-radius:6px;backdrop-filter:blur(8px)}
.hero-art[data-stage=floor] .source-floor-tag{display:none}
.hero-art[data-stage=floor] .extraction-link{opacity:.24!important}
.hero-art[data-stage=floor] .scene-shade{background:linear-gradient(90deg,#07111d44,transparent 60%),linear-gradient(0deg,#07121aaa,transparent 35%,transparent 75%,#07121a66)}

/* Full geometry, first-person movement, and a single compact control area. */
#photo-room{position:absolute;inset:176px 24px 22px;z-index:3;color:#f1f0eb;background:#151715;border:1px solid #e3e5df26;border-radius:10px;overflow:hidden}
#photo-room-canvas{position:absolute;inset:0 0 98px;overflow:hidden;background:#151715}
.photographic-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}
.photographic-canvas:active{cursor:grabbing}
.photographic-reference{position:absolute;object-fit:contain;pointer-events:none;z-index:2}
.photo-room-heading{position:absolute;top:20px;left:24px;pointer-events:none;text-shadow:0 2px 8px #0006;background:#121b1bc7;padding:12px 15px;border:1px solid #f0f4e91f;border-radius:5px;backdrop-filter:blur(10px)}
.photo-room-heading p{font-size:8px;letter-spacing:.15em;margin:0 0 8px;color:#ecefe9}
.photo-room-heading h2{font:400 21px/1.2 Manrope,sans-serif;margin:0 0 7px;letter-spacing:-.025em}
.photo-room-heading>span{font-size:10px;color:#e9e9e1}
.photo-room-toolbar{position:absolute;bottom:37px;left:24px;right:24px;display:flex;align-items:center;gap:6px}
.photo-room-toolbar button{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:10px 13px;border:1px solid #dde7df38;background:#ffffff04;color:#eef2ec;border-radius:5px;font:400 11px Manrope,sans-serif}
.photo-room-toolbar button:hover,.photo-room-toolbar button[aria-pressed=true]{background:#e8ede5;color:#24352d}
.photo-room-toolbar button:first-child{margin-right:auto}
.photo-room-caption{position:absolute;left:24px;right:24px;bottom:11px;margin:0;font-size:9px;color:#9faa9f;letter-spacing:.01em}
.photo-room-active{background:#111a1d!important}.photo-room-active .scene-shade{display:none}
.photo-room-active #spatial-canvas{opacity:0;pointer-events:none}
.photo-room-active #showroom-controls,.photo-room-active #interior-switch,.photo-room-active #preview-rooms,.photo-room-active #walk-interface{display:none!important}

@media(min-width:701px) and (max-width:1100px){
 .floor-inspector{top:218px;left:24px;width:282px;bottom:24px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading{padding:20px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font-size:30px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button{padding:12px;min-height:72px}
 .floor-canvas-label{left:51%;top:239px}
 #photo-room{top:220px}
}
@media(max-width:700px){
 body[data-journey-stage=floor] .hero.journey{min-height:852px;height:100svh}
 .floor-inspector{left:14px;right:14px;top:auto;bottom:14px;width:auto;overflow:visible;background:#111d25f5;border-radius:9px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading{padding:16px 16px 11px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading .eyebrow{display:none}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font-size:24px;margin-bottom:0}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading>p:last-child{display:none}
 .hero-art[data-stage=floor] .floor-inspector .floor-units{grid-template-columns:1fr 1fr;margin:0 9px;gap:6px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button{min-height:73px;padding:10px 11px;gap:5px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button small{font-size:7px;letter-spacing:.03em}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button strong{font-size:20px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button>span{font-size:8px;line-height:1.4}
 .hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:12px 15px 13px}
 .hero-art[data-stage=floor] .floor-inspector .journey-panel .selection-note{font-size:8px;margin-top:8px}
 .hero-art[data-stage=floor] .floor-inspector .journey-primary{min-height:43px;padding:12px;font-size:11px}
 .hero-art[data-stage=floor] .floor-tools{bottom:354px;left:50%;right:auto;transform:translateX(-50%);gap:5px}
 .hero-art[data-stage=floor] .floor-tools button{width:38px;height:38px;min-width:38px;min-height:38px}
 .hero-art[data-stage=floor] .floor-pins button{min-width:36px;min-height:35px;font-size:11px}
 .floor-canvas-label{top:203px;left:18px;font-size:8px}
 .floor-canvas-label span{display:none}
 #photo-room{inset:200px 10px 12px;border-radius:7px}
 #photo-room-canvas{inset:0 0 143px}
 .photo-room-heading{top:16px;left:14px}
 .photo-room-heading p{font-size:7px;margin-bottom:7px}
 .photo-room-heading h2{font-size:17px}
 .photo-room-heading>span{font-size:8px}
 .photo-room-toolbar{left:12px;right:12px;bottom:51px;gap:5px;flex-wrap:wrap}
 .photo-room-toolbar button{font-size:9px;min-height:38px;padding:9px 11px}
 .photo-room-toolbar button:first-child{flex:1;margin-right:0}
 .photo-room-toolbar #photo-compare{flex:1}
 .photo-room-caption{left:13px;right:13px;bottom:17px;font-size:8px;line-height:1.6;max-width:250px}
}
@media(max-width:360px){
 .hero-art[data-stage=floor] .floor-inspector .floor-units button{grid-template-columns:1fr;gap:3px;min-height:80px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button strong{grid-row:2;grid-column:1}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button>span{grid-row:3;grid-column:1;font-size:7px}
 .hero-art[data-stage=floor] .floor-tools{bottom:375px}
}

.photo-expand{color:#b7c8c1;font-size:10px;margin-left:9px;white-space:nowrap;text-underline-offset:5px;text-decoration:underline}
@media(max-width:700px){.photo-expand{font-size:8px;margin-left:3px}.photo-room-toolbar button{padding:9px 8px}}

#photo-whole-flat{display:block;pointer-events:auto;background:none;border:0;border-bottom:1px solid #f0f4e938;border-radius:0;padding:9px 0 4px;margin-top:4px;color:#cedbd0;font:400 9px Manrope,sans-serif;text-align:left}
.free-walk-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}
.free-walk-canvas:active{cursor:grabbing}.walk-reference{position:absolute;inset:0;z-index:4;width:100%;height:100%;object-fit:contain;background:#141b18}
#photo-room-canvas{inset:0}.photo-room-toolbar{z-index:6;bottom:40px}.photo-room-caption{z-index:6;color:#d9e0d9}.photo-room-heading{z-index:5}
#photo-room:after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(transparent,#0b1315ed);pointer-events:none;z-index:4}
.photo-room-destinations::-webkit-scrollbar{display:none}
.photo-room-destinations{scrollbar-width:none;position:absolute;bottom:96px;left:24px;right:24px;display:flex;gap:7px;z-index:6;overflow-x:auto;padding:5px 0}
.photo-room-destinations button{flex-shrink:0;border:1px solid #e8eadd50;color:#fff;background:#17241ed6;border-radius:20px;padding:9px 14px;font:400 10px Manrope,sans-serif;cursor:pointer}
.photo-room-destinations button:hover{background:#e8ede5;color:#182c23}
.photo-room-toolbar button{background:#10201ecf;cursor:pointer;touch-action:none;user-select:none}.photo-room-toolbar button:active{background:#e6eadc;color:#162a1e}
@media(max-width:700px){#photo-room-canvas{inset:0}.photo-room-heading{padding:10px 13px;top:12px;left:12px}.photo-room-heading h2{font-size:16px}.photo-room-toolbar{bottom:43px;gap:5px}.photo-room-toolbar button{min-height:37px}.photo-room-destinations{bottom:134px;left:12px;right:12px;gap:5px}.photo-room-destinations button{padding:8px 10px;font-size:9px}.photo-room-caption{bottom:12px;line-height:1.5;max-width:none}.photo-room-toolbar #photo-reset{flex:none;margin-right:0}.photo-room-toolbar #photo-compare{flex:none}#photo-room:after{height:206px}.photo-expand{margin-left:auto}#photo-whole-flat{font-size:9px}}
@media(min-width:701px) and (max-height:800px){.floor-inspector{top:190px;bottom:20px}.hero-art[data-stage=floor] .floor-inspector .floor-map-heading{padding:18px 20px 13px}.hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font-size:30px}.hero-art[data-stage=floor] .floor-inspector .floor-map-heading .eyebrow{margin-bottom:10px}.hero-art[data-stage=floor] .floor-inspector .floor-units button{min-height:64px;padding:10px 14px}.hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:12px 20px 15px}}

/* Apartment collection: clear specifications and material identity. */
.floor-inspector{width:390px;max-height:calc(100% - 220px);background:#14232df5;border-radius:16px;box-shadow:0 20px 70px #0004}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading{padding:22px 22px 18px}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading .eyebrow{text-transform:none;letter-spacing:.02em;font-size:11px;margin-bottom:8px}
.hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font-size:30px;letter-spacing:-.04em}
.hero-art[data-stage=floor] .floor-inspector .floor-units{gap:8px;margin:0 12px}
.hero-art[data-stage=floor] .floor-inspector .floor-units button{display:block;text-align:left;padding:14px 16px;background:#ffffff04;border-radius:10px;min-height:116px;color:#edf3f3}
.hero-art[data-stage=floor] .floor-inspector .floor-units button:before{display:none}
.unit-card-top,.unit-card-main,.unit-card-facts,.unit-card-finish{display:flex;align-items:center}
.unit-card-top{justify-content:space-between;margin-bottom:6px}
.hero-art[data-stage=floor] .floor-inspector .floor-units button small{font-size:10px;letter-spacing:0;text-transform:none}
.unit-selected{font-size:9px;color:#9cbbc6}
.unit-card-main{justify-content:space-between;gap:8px}
.unit-card-main h3{font:500 16px/1.3 Manrope,sans-serif;letter-spacing:-.025em;margin:0}
.hero-art[data-stage=floor] .floor-inspector .floor-units button strong{font:400 29px/1 Manrope,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.unit-card-main sup{font-size:12px;vertical-align:baseline;letter-spacing:0}
.unit-card-facts{gap:10px;margin-top:9px;color:#b2c3ca;font-size:9px;flex-wrap:wrap}
.unit-card-facts span+span{border-left:1px solid #74899066;padding-left:10px}
.unit-card-finish{gap:9px;border-top:1px solid #a7bcc320;padding-top:10px;margin-top:10px;font-size:9px;line-height:1.4;color:#aebfc6}
.unit-swatches{display:flex;flex:none;padding-left:3px}
.unit-swatches i{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff70;margin-left:-3px}
.hero-art[data-stage=floor] .floor-inspector .floor-units button[aria-pressed=true]{background:#e4ecec;color:#18303a;box-shadow:inset 3px 0 #9bb7ac}
.hero-art[data-stage=floor] .floor-inspector .floor-units button[aria-pressed=true] .unit-card-finish{border-color:#16364122}
.hero-art[data-stage=floor] .floor-inspector .floor-units button:focus-visible{outline:2px solid #afd4e8;outline-offset:3px}
#inspector-selection{margin-top:8px}
.hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:12px 16px 16px}
.hero-art[data-stage=floor] .floor-inspector .journey-panel .selection-note{display:none}
.hero-art[data-stage=floor] .floor-inspector .journey-primary{border-radius:8px}
@media(min-width:701px) and (max-width:1100px){.floor-inspector{width:325px}.unit-card-main h3{font-size:14px}.unit-card-facts{gap:6px}.unit-card-facts span+span{padding-left:6px}}
@media(max-width:700px){
 .floor-inspector{width:auto;max-height:450px;overflow:auto;left:14px;right:14px;bottom:14px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading{padding:14px 16px 10px}
 .hero-art[data-stage=floor] .floor-inspector .floor-map-heading h2{font-size:23px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button{padding:11px;min-height:135px}
 .unit-card-main{display:block}.unit-card-main h3{font-size:12px;margin-bottom:6px}
 .hero-art[data-stage=floor] .floor-inspector .floor-units button strong{font-size:25px}
 .unit-card-facts{gap:4px;font-size:8px}.unit-card-facts span:last-child{display:none}
 .unit-card-finish{font-size:8px;padding-top:7px;margin-top:7px}.unit-swatches{display:none}
 .hero-art[data-stage=floor] .floor-tools{bottom:440px}
}

.floor-inspector{scrollbar-color:#52646d transparent}
#inspector-selection{position:sticky;bottom:0;background:#14232d;z-index:2;flex-shrink:0}
/* Spatial selection: floor first, details only after choosing a residence. */
.floor-inspector[hidden]{display:none!important}
.floor-inspector .floor-map-heading,#inspector-units{display:none!important}
.hero-art[data-stage=floor] .floor-inspector{inset:235px auto auto 32px;width:340px;max-height:calc(100% - 265px);background:linear-gradient(135deg,#a6c7da2b,#21334382 50%,#5a788b33);backdrop-filter:blur(30px) saturate(135%);border:1px solid #e5f1ff40;border-radius:22px;box-shadow:inset 0 1px #ffffff24,0 22px 60px #0003;color:#f0f6f8;animation:unit-glass-in .45s ease both}
#unit-focus-info{padding:24px 24px 0}.unit-back{border:0;background:none;color:#bdd0da;font:400 11px Manrope,sans-serif;padding:0;cursor:pointer}.unit-back:hover{color:white}
.unit-address{font-size:11px;color:#c2d4dd;margin:27px 0 10px}
#unit-focus-info h2{font:400 30px/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 15px}
.unit-description{font-size:12px;line-height:1.75;color:#cbd9df;margin:0 0 23px}
.unit-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;border-top:1px solid #d1e5f127;padding-top:20px}
.unit-metrics>div{display:grid;grid-template-columns:24px 1fr;gap:5px 10px;align-items:center}.unit-metrics svg{width:22px;height:22px;color:#bbd8e5}.unit-metrics strong{font:400 25px/1.25 Manrope,sans-serif}.unit-metrics strong small{font-size:12px}.unit-metrics span{grid-column:2;font-size:9px;color:#b6c9d2}.unit-metrics strong.unit-direction{font-size:11px;letter-spacing:0}
.unit-materials{margin-top:24px;border-top:1px solid #d1e5f127;padding-top:17px}.unit-materials>span{font-size:9px;color:#a9c1ce}.unit-materials p{font-size:12px;line-height:1.6;margin:7px 0 5px}
.floor-inspector #inspector-selection{background:none;margin-top:8px;position:static}.hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:14px 24px 24px}
.hero-art[data-stage=floor] .floor-pins button{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;border:1px solid #ffffffa3;background:#d6e6ef24;backdrop-filter:blur(10px);box-shadow:0 4px 18px #0003;color:white;display:grid;place-items:center;font-size:12px;overflow:visible}
.hero-art[data-stage=floor] .floor-pins button i{display:none}.hero-art[data-stage=floor] .floor-pins button:after{content:'';position:absolute;inset:-2px;border:1px solid #e7f7ffb3;border-radius:50%;animation:unit-pulse 2.6s ease-out infinite;pointer-events:none}
.hero-art[data-focused-unit=true] .floor-pins button[aria-pressed=true]{opacity:0;pointer-events:none}
.hero-art[data-focused-unit=true] .floor-pins button:after{animation:none;border:0}
.hero-art[data-stage=floor] .floor-canvas-label{left:50%;transform:translateX(-50%);top:200px;text-align:center}.hero-art[data-focused-unit=true] .floor-canvas-label{display:none}
.hero-art[data-stage=floor] .floor-tools{left:50%;transform:translateX(-50%)}.hero-art[data-stage=floor] .extraction-link{display:none}
@keyframes unit-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.85);opacity:0}}
@keyframes unit-glass-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px) and (min-width:701px){.hero-art[data-stage=floor] .floor-inspector{width:290px;left:20px;top:225px}#unit-focus-info{padding:18px 18px 0}.unit-description{font-size:11px}}
@media(max-width:700px){.hero-art[data-stage=floor] .floor-inspector{inset:auto 14px 14px;width:auto;max-height:360px;border-radius:18px}#unit-focus-info{padding:16px 18px 0}.unit-address{margin-top:12px}#unit-focus-info h2{font-size:24px;margin-bottom:9px}.unit-description{display:none}.unit-metrics{gap:12px;padding-top:12px}.unit-metrics strong{font-size:21px}.unit-materials{margin-top:12px;padding-top:10px}.hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:10px 18px 16px}.hero-art[data-stage=floor] .floor-tools{bottom:28px}.hero-art[data-focused-unit=true] .floor-tools{display:none}.hero-art[data-stage=floor] .floor-canvas-label{top:203px;left:18px;transform:none;text-align:left}}
@media(prefers-reduced-motion:reduce){.hero-art[data-stage=floor] .floor-pins button:after,.hero-art[data-stage=floor] .floor-inspector{animation:none}}

#unit-focus-info .unit-materials p{color:#e2edf2}.unit-back:focus-visible{outline:2px solid #d0e9f5;outline-offset:5px}
/* Compact, content-sized information; no nested scrolling. */
.hero-art[data-stage=floor] .floor-inspector{top:240px;bottom:auto;width:300px;max-height:none;height:auto;overflow:visible}
#unit-focus-info{padding:18px 20px 0}.unit-address{margin:15px 0 8px}#unit-focus-info h2{font-size:25px;margin-bottom:12px}.unit-description{display:none}.unit-metrics{padding-top:14px;gap:15px 10px}.unit-metrics strong{font-size:23px}.unit-materials{margin-top:15px;padding-top:12px}.unit-materials p{font-size:11px}.hero-art[data-stage=floor] .floor-inspector .journey-panel{padding:12px 20px 18px}.hero-art[data-stage=floor] .floor-inspector .journey-primary{min-height:42px;padding:12px;font-size:11px}
.daylight-control{position:absolute;z-index:5;left:57%;top:215px;transform:translateX(-50%);width:250px;padding:14px 18px;border-radius:16px;border:1px solid #d3e7f32b;background:#21323b88;backdrop-filter:blur(18px);color:#dfebf1;pointer-events:auto}.daylight-control label{display:flex;justify-content:space-between;font-size:10px}.daylight-control output{color:white}.daylight-control input{width:100%;height:20px;margin:7px 0;accent-color:#d6e5ec;cursor:ew-resize}.daylight-control>div{display:flex;justify-content:space-between;font-size:9px;color:#b6ccd7}.hero-art[data-stage=building] .daylight-control{display:none}.hero-art[data-stage=floor] .floor-canvas-label{display:none}
@media(max-width:700px){.hero-art[data-stage=floor] .floor-inspector{top:auto;bottom:14px;left:14px;right:14px;width:auto;max-height:none}.unit-materials{display:none}.unit-metrics{grid-template-columns:1fr 1fr;gap:10px}.daylight-control{top:190px;left:45%;width:205px;padding:9px 13px}#unit-focus-info{padding:13px 16px 0}.unit-address{margin-top:9px}#unit-focus-info h2{font-size:21px;margin-bottom:9px}}
@media(min-width:701px) and (max-height:750px){.hero-art[data-stage=floor] .floor-inspector{top:200px}.unit-metrics{gap:10px}.unit-materials{margin-top:10px}.daylight-control{top:185px}}

.hero-art[data-stage=floor] .daylight-control{display:none!important}

/* Minimal light control, explicitly enabled only by the active walkthrough. */
.hero-art .daylight-control{left:auto;right:24px;top:230px;bottom:auto;transform:none;width:auto;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:30px;background:#142029a6;border:1px solid #e0edf326;box-shadow:none;backdrop-filter:blur(12px)}
.hero-art .daylight-control[hidden]{display:none!important}
.hero-art .daylight-control svg{width:15px;height:15px;fill:none;stroke:#d8e5eb;stroke-width:1.4;flex:none}
.hero-art .daylight-control input{width:95px;height:14px;margin:0;accent-color:#dce9eb}
.hero-art .daylight-control output{font-size:10px;min-width:28px;color:#e4edef}
@media(max-width:700px){.hero-art .daylight-control{right:19px;top:205px;padding:8px 10px;gap:6px}.hero-art .daylight-control input{width:66px}.hero-art .daylight-control output{display:none}}
/* Walkthrough time control: centered above the bottom navigation. */
.hero-art .daylight-control{left:50%;right:auto;top:auto;bottom:125px;transform:translateX(-50%)}
@media(max-width:700px){.hero-art .daylight-control{left:50%;right:auto;top:auto;bottom:185px;transform:translateX(-50%)}}

html{scroll-behavior:smooth}#solutions,#approach,#contact{scroll-margin-top:35px}
body{transition:opacity .15s ease}body.page-departing{opacity:0}
.header .brand{position:relative;padding-top:14px}.brand-by{position:absolute;top:0;left:0;font:400 9px/1 Manrope,sans-serif;letter-spacing:.07em;opacity:.65;white-space:nowrap}
.header nav a[aria-current=location]{text-decoration:underline;text-underline-offset:7px}
.contact-company{font-size:14px;line-height:1.8;max-width:390px;color:#aebdc5;margin:24px 0}
@media(max-width:700px){.header.wrap{flex-wrap:wrap;height:auto;min-height:105px;padding-bottom:8px}.header nav{display:flex!important;order:3;width:100%;gap:18px;overflow-x:auto;padding:10px 0 0;white-space:nowrap}.header nav a{font-size:10px}.brand-by{font-size:8px}.contact-company{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}

.header .atrium-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-top:0}.header .atrium-brand .brand-by{position:static;font:400 9px/1.2 Manrope,sans-serif;letter-spacing:.025em;opacity:.75}.atrium-wordmark{font:400 25px/1 Manrope,sans-serif;letter-spacing:.16em}.journey-top .residence-name{display:none}.journey-top{gap:0}
@media(max-width:700px){.atrium-wordmark{font-size:21px}.header .atrium-brand .brand-by{font-size:8px}}

.atrium-wordmark{display:flex;align-items:center;gap:12px}.atrium-symbol{font-size:34px;line-height:.8;letter-spacing:0;font-weight:300}.header .atrium-brand .brand-by{margin-left:46px}
@media(max-width:700px){.atrium-symbol{font-size:28px}.atrium-wordmark{gap:9px}.header .atrium-brand .brand-by{margin-left:37px}}

.atrium-arrival{position:fixed;inset:0;z-index:10000;background:#101d25;color:#edf2f1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,80px);transition:opacity .6s ease;overflow:hidden}.atrium-arrival[hidden]{display:none}.atrium-arrival.arrival-out{opacity:0;pointer-events:none}.arrival-brand{display:flex;gap:18px;align-items:center}.arrival-brand>span{font-size:52px;line-height:1}.arrival-brand small{display:block;font:400 10px Manrope,sans-serif;color:#a4b7bf;margin-bottom:8px}.arrival-brand strong{font:400 27px Manrope,sans-serif;letter-spacing:.18em}.arrival-copy{align-self:center;width:min(920px,100%);padding:40px 0;animation:arrival-text .85s ease both}.arrival-copy>p{font:400 13px Manrope,sans-serif;color:#a6bdc6;margin:0 0 25px}.arrival-copy h2{font:400 clamp(34px,5.5vw,86px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 28px}.arrival-copy>span{font:400 clamp(13px,1.2vw,18px)/1.8 Manrope,sans-serif;color:#b4c5cb}.arrival-footer{display:flex;justify-content:space-between;gap:16px;font:400 11px Manrope,sans-serif;color:#b4c5cb}.arrival-progress:after{content:'';display:block;height:1px;background:#bbd5d8;margin-top:12px;transform-origin:left;animation:arrival-line 2.4s ease both}@keyframes arrival-text{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes arrival-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.atrium-arrival{transition:none}.arrival-copy,.arrival-progress:after{animation:none}}

/* Floor overview occupies the viewport; apartment details appear only on selection. */
.hero-art[data-stage=floor]:not([data-focused-unit=true]) .floor-canvas-label{display:block;left:50%;top:175px;transform:translateX(-50%);text-align:center;font-size:14px;letter-spacing:.12em;color:#eef4f5}
.hero-art[data-stage=floor]:not([data-focused-unit=true]) .floor-canvas-label span{display:block;font-size:12px;letter-spacing:0;color:#adbec8}
.hero-art[data-stage=floor]:not([data-focused-unit=true]) .floor-tools{bottom:24px}
@media(max-width:700px){.hero-art[data-stage=floor]:not([data-focused-unit=true]) .floor-canvas-label{top:205px;width:90%;font-size:12px}}

/* Slightly larger founder portrait, retaining the circular crop. */
.founder .founder-monogram{width:64px;height:64px}.founder{gap:17px}

.shortlist-open{font-size:12px;white-space:nowrap;border:1px solid #c3d4dc55;border-radius:24px;padding:10px 16px}.shortlist-add{position:absolute;right:26px;bottom:100px;z-index:8;border-radius:24px;padding:12px 22px;background:#e4eeec;color:#18302d;box-shadow:0 4px 24px #0003;font-size:13px}.shortlist-dialog{width:min(620px,calc(100% - 28px));max-height:90svh;overflow:auto;padding:32px;border:1px solid #b7cbc744;border-radius:24px;background:#f2f3ed;color:#20332f}.shortlist-dialog::backdrop{background:#061511b8;backdrop-filter:blur(8px)}.shortlist-close{position:absolute;right:20px;top:16px;font-size:26px}.shortlist-dialog h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.shortlist-intro{font-size:13px}.shortlist-items{margin:22px 0}.shortlist-items article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #cdd5cd}.shortlist-items strong{font-size:17px}.shortlist-items p,.shortlist-items small{font-size:12px;color:#65736b}.shortlist-items button{font-size:12px;text-decoration:underline}.shortlist-dialog h3{font-size:19px;margin-bottom:16px}.shortlist-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shortlist-fields label{display:grid;gap:6px;font-size:12px}.shortlist-wide{grid-column:1/-1}.shortlist-fields input,.shortlist-fields textarea{width:100%;padding:11px;border:1px solid #bbc9c1;background:#fff;border-radius:8px;color:#20332f}.shortlist-submit{width:100%;background:#243d34;color:white;border-radius:10px;padding:14px;margin-top:18px}.shortlist-note,.shortlist-status{font-size:11px;line-height:1.6;margin-top:10px}.shortlist-dialog [hidden]{display:none!important}@media(max-width:700px){.shortlist-open{font-size:10px;padding:8px}.shortlist-add{bottom:76px;right:16px;font-size:11px;padding:10px 15px}.hero-art[data-stage=floor] .shortlist-add{bottom:auto;top:240px}.shortlist-dialog{padding:25px 20px}.shortlist-fields{grid-template-columns:1fr}}

/* Selection action participates in layout instead of overlaying another CTA. */
.hero-art .shortlist-add{position:static;inset:auto;transform:none;margin:0 0 0 16px;white-space:nowrap;box-shadow:none;flex:none;font-size:12px;padding:10px 16px}
.hero-art .shortlist-add.shortlist-in-panel{display:block;width:100%;margin:12px 0 0;border:1px solid #d5e6df65;background:transparent;color:#e3eeea;border-radius:8px;padding:12px}
.shortlist-flyer{position:fixed;z-index:10050;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#e4eeec;color:#18302d;font-size:12px;box-shadow:0 8px 24px #0003;will-change:transform,opacity}
@media(max-width:700px){.hero-art .shortlist-add{font-size:10px;padding:8px 10px;margin-left:8px}.journey-top{flex-wrap:wrap;row-gap:10px}}

/* Immersive walkthrough fills the browser viewport, independently of page height. */
body.immersive-walk{overflow:hidden}
body.immersive-walk .header{display:none!important}
body.immersive-walk .hero.journey{position:fixed;inset:0;z-index:100;min-height:0;height:100dvh;width:100%;margin:0}
body.immersive-walk .journey-top{top:20px;left:auto;right:24px;gap:10px;z-index:12}
body.immersive-walk .journey-trail,body.immersive-walk #interior-switch{display:none!important}
body.immersive-walk .journey-top button{pointer-events:auto}
body.immersive-walk .shortlist-open{background:#142029b8;color:#edf2ef;backdrop-filter:blur(12px)}
body.immersive-walk .walk-minimap{top:90px}
.immersive-exit{position:absolute;top:20px;left:24px;z-index:12;padding:11px 16px;border-radius:24px;background:#142029b8;color:#edf2ef;border:1px solid #d5e6df45;backdrop-filter:blur(12px);font-size:12px}
body.immersive-walk #walk-stop{display:none}
@media(max-width:700px){body.immersive-walk .journey-top{top:65px;left:14px;right:14px;justify-content:flex-end}.immersive-exit{top:14px;left:14px}body.immersive-walk .walk-minimap{top:112px}}

.shortlist-fields select{width:100%;padding:11px;border:1px solid #bbc9c1;background:#fff;border-radius:8px;color:#20332f;font:inherit}
/* The room renderer itself must fill the immersive viewport, not its old inset card. */
body.immersive-walk #photo-room{inset:0;width:100%;height:100%;border:0;border-radius:0}
body.immersive-walk #photo-room-canvas{inset:0;width:100%;height:100%;border-radius:0}
body.immersive-walk .photo-room-heading{top:90px}
body.immersive-walk .photo-expand{display:none}
@media(max-width:700px){body.immersive-walk .photo-room-heading{top:112px}}
/* One shared V7 scene: selection, apartment preview and full-screen walk. */
.hero-art[data-stage=floor] .floor-canvas-label{left:50%;top:175px;transform:translateX(-50%);text-align:center}
.hero-art[data-stage=floor] .source-floor-tag,.hero-art[data-stage=floor] .floor-extraction-link{display:none!important}
.hero-art[data-stage=floor] .floor-pins{pointer-events:none}
.hero-art[data-stage=floor] .floor-pins button{pointer-events:auto}
.hero-art[data-stage=floor] .scene-shade{background:linear-gradient(0deg,#09131980,transparent 25%)}
.hero-art[data-stage=apartment] .scene-shade,.hero-art[data-stage=walk] .scene-shade{background:linear-gradient(0deg,#080a0c35,transparent 20%)}
.hero-art[data-stage=walk] .walk-minimap{width:190px;max-height:240px;overflow:hidden}
.hero-art[data-stage=floor] #floor-tools{z-index:8}
@media(max-width:700px){.hero-art[data-stage=floor] .floor-canvas-label{top:160px;font-size:10px}.hero-art[data-stage=walk] .walk-minimap{display:none}}
