/* Floor-specific plan silhouettes with one integrated set of floor facts. */
.building.plan-stack{display:block;width:100%;height:auto;margin:19px 0 0;overflow:visible}
.plan-stack .row-hit{fill:transparent;stroke:transparent;stroke-width:1}
.plan-stack .row-rule{stroke:#cfc3b4;stroke-width:1;fill:none}
.plan-stack .floor-drawing{pointer-events:none;overflow:visible}
.plan-stack .plan-outline{fill:#ded5c7;stroke:#968878;stroke-width:10;stroke-linejoin:round;transition:fill .2s,stroke .2s}
.plan-stack .plan-rooms{fill:none;stroke:#aa9c8a;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.plan-stack .plan-cores{fill:#c5b9a8;stroke:#968878;stroke-width:6;stroke-linejoin:round}
.plan-stack .plan-floor{cursor:pointer;outline:none}
.building.plan-stack text{font-family:var(--sans);letter-spacing:0;pointer-events:none}
.building.plan-stack .plan-floor-title{font-size:18px;font-weight:500;fill:var(--ink)}
.building.plan-stack .plan-floor-status{font-size:13px;fill:var(--muted)}
.building.plan-stack .plan-floor-area{font-size:17px;fill:var(--ink)}
.plan-stack .is-reserved .plan-outline{fill:#b7b7aa;stroke:#7e8376}
.plan-stack .is-reserved .plan-rooms{stroke:#8c9283}
.plan-stack .is-reserved .plan-cores{fill:#959c8d;stroke:#7e8376}
.plan-stack .is-reserved .plan-floor-status{fill:#666e5f;font-weight:600}
.plan-stack .plan-floor:hover .row-hit{fill:#ffffff38}
.plan-stack .plan-floor[aria-pressed=true] .row-hit{fill:#ffffff55}
.plan-stack .plan-floor[aria-pressed=true] .plan-outline{fill:var(--accent);stroke:var(--accent-dark)}
.plan-stack .plan-floor[aria-pressed=true] .plan-rooms{stroke:#f0c5b5}
.plan-stack .plan-floor[aria-pressed=true] .plan-cores{fill:#a95240;stroke:#f0c5b5}
.plan-stack .plan-floor[aria-pressed=true] .plan-floor-title,.plan-stack .plan-floor[aria-pressed=true] .plan-floor-area{fill:var(--accent-dark)}
.plan-stack .is-reserved[aria-pressed=true] .plan-outline{fill:#959c8d;stroke:#5b6555}
.plan-stack .is-reserved[aria-pressed=true] .plan-rooms{stroke:#e1e4d7}
.plan-stack .is-reserved[aria-pressed=true] .plan-cores{fill:#78846e;stroke:#e1e4d7}
.plan-stack .plan-floor:focus-visible .row-hit{stroke:var(--accent-dark);stroke-width:2}
.offer-kpis{grid-template-columns:1fr 1fr!important}
.offer-kpis>div:last-child{text-align:right}
.unit-consent{background-image:linear-gradient(#f7f3ecda,#f7f3ecf5),url('assets/img/tour-preview.png')}
.offer-visual img,.tour-cover{object-position:50% 55%}
@media(min-width:1101px){.desktop-availability{grid-template-columns:29% minmax(0,1fr);gap:36px}.building-select{padding-right:24px}}
@media(min-width:901px) and (max-width:1100px){.desktop-availability{grid-template-columns:28% minmax(0,1fr);gap:24px}.building-select{padding-right:18px}.offer-top h3{font-size:32px}.offer-top .text-link{gap:10px}}
@media(max-width:900px){.desktop-availability .building-select{display:none}}

/* The house film fills the full feature-column height with a centered crop. */
.architecture-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:stretch}
.house-film-slot{position:relative;top:auto;align-self:stretch;min-height:0;height:auto;aspect-ratio:auto;margin:0;background:#24313b;overflow:hidden}
.house-film-slot img,.house-film-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.house-film-slot video{opacity:0;transition:opacity .4s}
.house-film-slot video.ready{opacity:1}
.house-film-slot figcaption{left:16px;right:16px;bottom:68px;padding:5px 8px;background:#18232d99;color:white;font-size:10px;width:fit-content;max-width:calc(100% - 32px)}
.house-motion{position:absolute;right:14px;bottom:14px;color:white;background:#18232dcc;padding:4px 10px;gap:8px;z-index:1}
.house-motion .motion-symbol{border:0;width:24px}
.hero .ai-button,.house-ai{width:44px;height:44px;min-width:44px;border:1px solid #ffffffb3;background:#18232dcc;color:#fff;font-size:11px;font-weight:600;opacity:1;cursor:pointer}
.house-ai{position:absolute;left:16px;top:16px;z-index:2}
.hero .ai-button:hover,.house-ai:hover{background:var(--accent-dark)}
.hero .ai-button:focus-visible,.house-ai:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:600px){.house-film-slot{height:auto;aspect-ratio:16/9;min-height:0}.house-motion{right:10px;bottom:10px}.house-film-slot figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.house-film-slot video{display:none}.house-film-slot video.motion-opt-in{display:block}}

.comparison-stack{display:block;width:100%;height:auto;overflow:visible;margin-top:30px}.stack-floor{cursor:pointer;outline:none}.stack-hit{fill:transparent;stroke:transparent}.stack-outline{fill:#ded5c7;stroke:#988877;stroke-width:8;vector-effect:non-scaling-stroke;stroke-width:1}.stack-rooms{fill:none;stroke:#faf5ee;stroke-width:8}.stack-cores{fill:#b9ab97;stroke:#9d8e7b;stroke-width:5}.comparison-stack text{font-family:var(--sans);pointer-events:none;fill:var(--ink)}.comparison-stack .stack-title{font-size:17px}.comparison-stack .stack-status,.comparison-stack .stack-area{font-size:10px}.stack-floor.reserved .stack-outline{fill:#a3a596}.stack-floor.context{opacity:.35;pointer-events:none}.stack-floor[aria-pressed=true] .stack-outline{fill:var(--accent);stroke:var(--accent-dark)}.stack-floor[aria-pressed=true] .stack-title{fill:var(--accent-dark)}.stack-floor:hover .stack-hit{fill:#e7ddd050}.stack-floor:focus-visible .stack-hit{stroke:var(--accent-dark)}

/* Client-approved availability refinements. */
.offer-visual .offer-play{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border:1px solid #ffffffb3;border-radius:50%;background:#24313b55;font-style:normal}
.offer-visual .offer-play .icon{width:22px;height:22px;margin-left:3px;fill:currentColor;stroke-width:1}
.first-floor-split{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;font-size:12px;line-height:1.7}
.first-floor-split span{white-space:nowrap}
.unit-upper:before,.unit-lower:before{content:'';display:inline-block;width:17px;height:2px;background:#b35b48;margin-right:6px;vertical-align:middle}
.unit-lower:before{background:#8e7e68}
#info-dialog{width:min(900px,calc(100vw - 32px));max-height:90dvh;padding:0;overflow:auto}
#info-dialog>.dialog-toolbar{position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line)}
#info-dialog .dialog-toolbar .icon-button{min-width:44px;min-height:44px}
#info-body{padding:32px 40px;font-size:14px;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}
#info-body h2{font-size:44px;line-height:1.1;margin-bottom:24px}
#info-body h3{font-family:var(--sans);font-size:17px;font-weight:500;line-height:1.4;margin:28px 0 12px;letter-spacing:0}
#info-body p{margin-bottom:16px}
#info-body ul{padding-left:22px;margin:16px 0}
#info-body li{margin:8px 0}
#info-body a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#info-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:94dvh}#info-body{padding:22px 18px;font-size:13px}#info-body h2{font-size:34px}.offer-visual .offer-play{width:48px;height:48px;margin-bottom:12px}}

/* Centered opening, following the approved reference. */
.hero-centered{min-height:620px;color:#fff}
.hero-centered:after{background:none}
.hero-centered .hero-content{top:51%;left:var(--gutter);right:var(--gutter);transform:translateY(-45%);text-align:center}
.hero-centered h1{max-width:none;font-size:clamp(64px,6.8vw,124px);line-height:1.06;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 8px #0008,0 0 32px #0006}
.hero-period{color:var(--accent)}
.hero-subtitle{margin:24px auto 0;font:italic 400 clamp(22px,2.2vw,38px)/1.35 var(--serif);color:#fff;text-shadow:0 2px 5px #000b,0 0 20px #0008}
.hero-centered .actions{justify-content:center;margin:38px auto 0;gap:18px}
.hero-centered .button{justify-content:center;min-width:218px;min-height:58px;padding:16px 26px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.hero-centered .button.outline{background:#141a1d26;border-color:#ffffffa6}
.hero-centered .button.outline:hover{background:#ffffff20}
.hero-centered .hero-bottom{height:54px;bottom:22px;padding:0;border:0;display:block}
.hero-centered .film-controls{position:absolute;right:0;bottom:0;flex-direction:row;gap:15px}
.hero-centered .scroll-cue{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.hero-centered .scroll-cue .icon{width:20px;height:24px;animation:hero-scroll 2.4s ease-in-out infinite}
@keyframes hero-scroll{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(6px);opacity:1}}
.offer-visual>.offer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;margin:0;width:64px;height:64px;background:#24313b66;box-shadow:0 2px 20px #0002;transition:background .2s}
.offer-visual:hover>.offer-play{background:#24313ba6}
@media(max-width:600px){
 .hero-centered{min-height:680px;height:100svh}
 .hero-centered .hero-content{left:20px;right:20px;top:48%;transform:translateY(-45%)}
 .hero-centered h1{font-size:clamp(46px,10.5vw,64px);max-width:460px;margin:auto;line-height:1.04}
 .hero-subtitle{font-size:22px;line-height:1.4;max-width:310px;margin-top:22px}
 .hero-centered .actions{max-width:285px;margin-top:28px;gap:12px}
 .hero-centered .button{width:100%;min-height:52px;font-size:10px}
 .hero-centered .hero-bottom{left:20px;right:20px;bottom:18px}
 .hero-centered .film-controls{gap:10px}
 .hero-centered .motion-label{display:none}
 .hero-centered .scroll-cue{left:0;transform:none;align-items:flex-start}
 .hero-centered .scroll-cue .icon{margin-left:22px}
 .offer-visual>.offer-play{width:56px;height:56px;margin:0}
 .offer-visual>span{padding:14px 18px;gap:4px}.offer-visual small{font-size:9px}.offer-visual>span>.eyebrow{font-size:9px}
 .offer-visual b{font-size:24px;line-height:1.05}.offer-visual b .icon{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.hero-centered .scroll-cue .icon{animation:none}}

/* One shared baseline: pause, short caption, AI disclosure. */
.house-film-slot .house-film-controls{position:absolute;inset:auto 12px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:auto;max-width:none;padding:4px;background:#18232da6;z-index:3}
.house-film-controls .house-motion,.house-film-controls .house-ai{position:static;inset:auto;width:44px;height:44px;min-height:44px;min-width:44px;margin:0;padding:0;display:grid;place-items:center;gap:0;background:transparent}
.house-film-controls .house-motion .motion-label{display:none}
.house-film-controls .house-motion .motion-symbol{width:auto;height:auto;font-size:14px}
.house-film-controls .house-film-caption{text-align:center;white-space:nowrap;font-size:clamp(10px,1vw,12px);line-height:1.3;color:#fff}
.house-film-controls .house-ai:hover,.house-film-controls .house-motion:hover{background:#ffffff20}
@media(max-width:600px){.house-film-slot .house-film-controls{inset:auto 8px 8px;gap:4px;padding:2px}.house-film-controls .house-film-caption{font-size:clamp(9px,2.55vw,11px)}}

/* Short, approved AI notice; the general footer notice remains separate. */
#info-dialog.ai-notice{width:min(520px,calc(100vw - 32px));background:#292723;color:#f7f3ec;border:1px solid #ffffff35}
#info-dialog.ai-notice>.dialog-toolbar{background:transparent;border:0;padding:6px 10px;justify-content:flex-end}
#info-dialog.ai-notice>.dialog-toolbar>span{display:none}
#info-dialog.ai-notice #info-body{padding:0 28px 30px;font-size:18px;line-height:1.65}
#info-dialog.ai-notice #info-body p{margin:0;color:inherit}
@media(max-width:600px){#info-dialog.ai-notice #info-body{padding:0 22px 26px;font-size:16px}}
#info-dialog.ai-notice #info-body p{font-size:inherit;line-height:inherit}
