/* Copropriétés only. Distinct hero and elevated survey views of the residence. */
.spatial-page .page-hero.header-syndics{padding-right:7vw;min-height:900px;min-height:max(760px,100svh)}
.spatial-page .header-syndics.page-hero:before{inset:0;transform:none;background-image:var(--hero-art);background-position:center;background-size:cover}
.spatial-page .header-syndics.page-hero:after{background:linear-gradient(90deg,rgba(8,29,42,.94),rgba(8,29,42,.78) 32%,rgba(8,29,42,.15) 67%,transparent),linear-gradient(0deg,#081d2a44,transparent 25%)}
.header-syndics .page-hero-copy{max-width:590px}
.spatial-page .header-syndics h1{font-size:clamp(3rem,4.8vw,4.5rem);max-width:13ch}
.header-syndics .page-hero-copy>p{max-width:44ch}
.observation:has(.header-syndics){height:220svh}
.observation:has(.header-syndics) .observation-sticky{grid-template-columns:62% 38%;align-items:center}
.observation-visual.header-syndics{min-height:0;aspect-ratio:3/2;width:100%;align-self:center}
.header-syndics .observation-image{background-size:contain;background-repeat:no-repeat;background-image:var(--hero-art)}
.header-syndics figcaption{bottom:12px;left:16px;right:16px;background:#102832de;padding:7px 10px;width:fit-content}
.header-syndics .observation-status{top:12px;left:16px;max-width:calc(100% - 32px)}
.header-syndics .observation-reticle path{vector-effect:non-scaling-stroke;stroke:white;stroke-width:2px;filter:drop-shadow(0 1px 2px #102832)}
.header-syndics .residence-target{display:none}
.header-syndics .residence-target circle{fill:#102832;stroke:white;stroke-width:.2}
.header-syndics .residence-target text{fill:white;stroke:none;font:bold 2.4px Inter,sans-serif}
@media(max-width:1000px) and (min-width:721px){
 .observation:has(.header-syndics) .observation-copy{padding:22px}
 .observation:has(.header-syndics) .observation-copy h2{font-size:1.8rem}
}
@media(max-width:720px){
 .spatial-page .page-hero.header-syndics{padding:180px 7vw 78px;min-height:100svh;background:#102934}
 .spatial-page .header-syndics.page-hero:before{inset:0;height:auto;background-position:47% center;background-size:cover}
 .spatial-page .header-syndics.page-hero:after{background:linear-gradient(0deg,rgba(8,29,42,.91),rgba(8,29,42,.66) 57%,rgba(8,29,42,.18));pointer-events:none}
 .spatial-page .header-syndics .page-hero-copy{transform:none;padding-top:0}
 .spatial-page .header-syndics h1{font-size:2.8rem;max-width:16ch}
 .page-hero.header-syndics .hero-credit{bottom:10px;font-size:.58rem}
 .observation:has(.header-syndics) .observation-sticky{grid-template-columns:1fr;top:76px}
 .observation-visual.header-syndics{height:auto;min-height:0;aspect-ratio:3/2}
 .observation:has(.header-syndics) .observation-copy{padding:18px 7vw}
 .observation:has(.header-syndics) .observation-copy h2{font-size:1.6rem}
 .header-syndics figcaption{font-size:.55rem;bottom:6px;left:10px;right:10px;padding:4px 6px}
 .header-syndics .observation-status{top:7px;left:10px;padding:5px 7px}
 .header-syndics .observation-status-state{display:none}
}
@media(max-height:560px) and (min-width:721px){
 .observation:has(.header-syndics) .observation-sticky{top:70px;min-height:0;grid-template-columns:52% 48%}
 .observation-visual.header-syndics{height:calc(100svh - 90px);aspect-ratio:auto}
 .observation:has(.header-syndics) .observation-copy{padding:12px 22px}
 .observation:has(.header-syndics) .observation-copy h2{font-size:1.4rem}
 .observation:has(.header-syndics) .observation-copy>.eyebrow{font-size:.55rem;margin-bottom:5px}
 .observation:has(.header-syndics) .observation-copy ol{margin:8px 0}
 .observation:has(.header-syndics) .observation-copy li{padding:5px 0 5px 26px}
 .observation:has(.header-syndics) .observation-copy li p{font-size:.75rem;line-height:1.25}
 .observation:has(.header-syndics) .observation-copy h3{font-size:.85rem}
 .observation:has(.header-syndics) .observation-copy>.text-link{padding:4px 0;font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
 .observation:has(.header-syndics){height:auto}
 .header-syndics .observation-guide{display:block;inset:0;width:100%;height:100%}
 .header-syndics .observation-guide>*{display:none}
 .header-syndics .observation-guide .residence-target{display:block}
 .header-syndics .observation-status{display:none}
}
.reading-paused .header-syndics .observation-guide{display:block}
.reading-paused .header-syndics .observation-guide>*{display:none}
.reading-paused .header-syndics .observation-guide .residence-target{display:block}
.reading-paused .header-syndics .observation-status{display:none}
/* A relative fallback must not keep the sticky header offset. */
@media(prefers-reduced-motion:reduce){
 .observation:has(.header-syndics) .observation-sticky{top:0}
}
.reading-paused .observation:has(.header-syndics){height:auto}
.reading-paused .observation:has(.header-syndics) .observation-sticky{position:relative;top:0}
