.information-masterplan .information-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.information-masterplan .information-viewer header{align-items:center;margin:0 0 16px;gap:16px}
.information-masterplan .masterplan-viewer-actions{display:flex;gap:8px;flex:none}
.information-masterplan .masterplan-canvas{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.information-masterplan .masterplan-preview,.information-masterplan .masterplan-canvas{background:#e9e5db}
.information-masterplan .masterplan-preview{overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#a69a84 #e9e5db;scrollbar-width:thin}
.information-masterplan .masterplan-preview>img,.information-masterplan .masterplan-canvas>img{display:block;width:100%;height:auto;object-fit:contain}
.information-masterplan .masterplan-stage{position:relative;width:100%;isolation:isolate}
.information-masterplan .masterplan-background{display:block;width:100%;height:auto;max-width:none;pointer-events:none}
.information-masterplan .masterplan-stage.has-background>.masterplan-svg{position:absolute;inset:0;width:100%;height:100%}
.information-masterplan .masterplan-svg{display:block;width:100%;height:auto;max-width:none;overflow:visible}
.information-masterplan .masterplan-mask{fill:rgba(255,255,255,.6);fill-opacity:1;stroke:rgba(255,255,255,.6);stroke-opacity:1;stroke-width:2;cursor:pointer;transition:fill 200ms ease,stroke 200ms ease,stroke-width 200ms ease;-webkit-tap-highlight-color:transparent}
.information-masterplan .masterplan-mask.is-outlined{fill:rgba(255,255,255,.1);stroke:#232323}
.information-masterplan .masterplan-mask.is-current{fill:var(--masterplan-accent);fill-opacity:.4;stroke:var(--masterplan-accent);stroke-width:3}
.information-masterplan .masterplan-mask:focus-visible{outline:none;stroke:#232323;stroke-width:4}
.information-masterplan [data-masterplan-number]{pointer-events:none}
.information-masterplan [data-masterplan-number]>rect:first-child{transition:fill 200ms ease,stroke 200ms ease}
.information-masterplan [data-masterplan-number].is-current>rect:first-child{fill:var(--masterplan-accent);stroke:var(--masterplan-accent)}
.information-masterplan [data-masterplan-number].is-current path{fill:#fff}
.information-masterplan .masterplan-expand{border:0;background:none;cursor:pointer;padding:8px 0;font:inherit;display:inline-flex;align-items:center;gap:12px}
.information-masterplan .masterplan-expand svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.information-masterplan .masterplan-callout{position:absolute;z-index:2;min-width:188px;background:#232323;color:#fff;padding:12px 16px;box-shadow:0 8px 24px #23232326;animation:masterplan-callout-in 200ms ease-out}
.information-masterplan .masterplan-callout[hidden]{display:none}
.information-masterplan .masterplan-callout>span{display:block;font-size:16px;line-height:1.4;margin-bottom:4px}
.information-masterplan .masterplan-callout button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;width:100%;padding:4px 0;border:0;background:none;color:var(--masterplan-accent);font:inherit;font-size:16px;line-height:1.4;text-align:left;cursor:pointer}
.information-masterplan .masterplan-callout button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.information-masterplan .masterplan-callout button:focus-visible{outline:2px solid var(--masterplan-accent);outline-offset:4px}
.information-masterplan .masterplan-canvas.is-zoomed>.masterplan-stage,.information-masterplan .masterplan-canvas.is-zoomed>img{width:var(--masterplan-zoom-width);height:auto;max-width:none}
.information-masterplan .masterplan-viewer-help{margin:16px 0 0}
@keyframes masterplan-callout-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.information-masterplan .information-viewer{padding:16px}.information-masterplan .information-viewer h2{font-size:26px}.information-masterplan .information-viewer header{gap:8px}.information-masterplan .masterplan-viewer-help{font-size:16px}.information-masterplan .information-head{align-items:flex-start}.information-masterplan .masterplan-expand{font-size:16px}}
@media(prefers-reduced-motion:reduce){.information-masterplan .masterplan-mask,.information-masterplan [data-masterplan-number]>rect:first-child{transition:none}.information-masterplan .masterplan-callout{animation:none}}

/* Display official white SVG ink dark; preserve all source geometry and bytes. */
body[data-project="sezar-future"] :is(.plans-mini,.plans-sheet,.plans-full-image) img[src$=".svg"]{background:#080a0f;filter:invert(1);mix-blend-mode:multiply}
/* Frame the existing photograph; its own sky fills the surrounding scene. */
body[data-project="sezar-future"] #top .hero-scene{background-image:url('/sezar-future/assets/media/hero-sky.webp');background-size:cover;background-position:center}
body[data-project="sezar-future"] #top .hero-scene picture{position:absolute;inset:auto 0 0 auto;height:calc((100% - 120px)/1.2);width:auto;max-width:none;aspect-ratio:1626/967}
/* Leave clearance for the accepted photograph animation's maximum 1.2 scale. */
body[data-project="sezar-future"] #top .hero-scene img{padding:0;object-fit:fill;transform-origin:right bottom;mask-image:linear-gradient(90deg,transparent 2%,#000 30%),linear-gradient(180deg,transparent 1%,#000 5%);mask-composite:intersect}
@media(max-width:700px){
 body[data-project="sezar-future"] #top .hero-scene picture{height:calc(100% - 104px);aspect-ratio:500/967}
 body[data-project="sezar-future"] .page-sections .sticky-name{white-space:normal;min-width:0;flex:0 1 auto;overflow-wrap:normal;font-size:14px!important;line-height:1.1}
 body[data-project="sezar-future"] :is(#faq,#about,#promotions) summary{min-width:0;overflow-wrap:anywhere}
 body[data-project="sezar-future"] #promotions summary{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:start}
 body[data-project="sezar-future"] #promotions .offer-value{grid-column:1;grid-row:1}
 body[data-project="sezar-future"] #promotions .offer-title{grid-column:1/-1;grid-row:2;min-width:0;overflow-wrap:normal}
 body[data-project="sezar-future"] #promotions .toggle{grid-column:2;grid-row:1}
}
