/* Quiet visual refinement; the existing property and contact hierarchy stays intact. */
html{scroll-padding-top:112px}section[id]{scroll-margin-top:112px}#navigation a{position:relative}#navigation a:after{content:'';position:absolute;bottom:8px;left:12px;right:12px;height:1px;background:#8a2837;transform:scaleX(0);transform-origin:left;transition:transform .35s}#navigation a[aria-current=location]{color:#8a2837}#navigation a[aria-current=location]:after,#navigation a:hover:after{transform:scaleX(1)}:focus-visible{outline:2px solid #a75d69;outline-offset:5px}.filters button,.card-agent,.source-link,.inline-link{min-height:44px}.inline-link{display:inline-flex;align-items:center}.search-panel{box-shadow:inset 0 1px 0 #fff,0 18px 36px -27px #702a3b60}.search-panel[data-material]:before,.heritage-panel[data-material]:before,#contact-form[data-material]:before{background:linear-gradient(112deg,transparent 27%,#e3a9b51a 36%,#fff6 45%,#f0d9a62b 49%,#c6d8db16 55%,transparent 64%)}.heritage-panel{box-shadow:inset 0 1px 0 #edbfa733,0 24px 42px -32px #5e243e99}.detail-copy .detail-agent{font-size:15px!important}.detail-copy .source-link{font-size:14px;line-height:1.6}#inquiry-agent a{font-size:16px;line-height:1.7}#showing-day-label small{font-size:12px}.roster-note,.phone-caption{line-height:1.7}.preview-bar{font-size:10px}.sample-workspace summary small{font-size:11px}.workspace-grid label,.sample-inquiry select{font-size:14px}.sample-inquiry small,.sample-organizer .workspace-note{font-size:12px}
@media(max-width:600px){html{scroll-padding-top:98px}section[id]{scroll-margin-top:98px}.cinematic-copy h1{font-size:clamp(39px,10.6vw,49px);line-height:1.12}.cinematic-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.film-foot>span{font-size:11px}.preview-bar{font-size:9px}#navigation a:after{bottom:10px;left:15px;right:auto;width:42px}.search-panel{box-shadow:inset 0 1px 0 #fff,0 14px 28px -24px #702a3b70}}
@media(prefers-reduced-motion:reduce){#navigation a:after{transition:none}}
/* One anchor offset, not stacked padding and margins. */
section[id]{scroll-margin-top:0}
@media(max-height:500px) and (orientation:landscape){html{scroll-padding-top:80px}header{height:64px;padding:8px 5%}header .brand{font-size:28px}header nav a{font-size:13px;padding-block:10px;min-height:44px}.preview-bar{font-size:9px;padding-block:7px}.cinematic-hero{height:calc(100svh - 94px);min-height:290px}.cinematic-copy{bottom:52px;left:7%;right:7%;max-width:740px}.cinematic-copy .eyebrow{font-size:9px;margin-bottom:9px}.cinematic-copy h1{font-size:40px;line-height:1.04}.cinematic-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:12px 0 7px}.hero-property-link{font-size:13px;min-height:38px;padding:6px 0}.film-foot{bottom:12px;font-size:10px}.film-foot>span{font-size:10px}.film-foot #hero-pause{width:36px;height:36px}}
@media(max-height:500px) and (orientation:landscape){header{margin:0}}

/* Two layers, one just-in-time successor; no change to the opening film. */
#hero-film,.hero-secondary{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2;opacity:0;transition:opacity .9s ease}
#hero-film.playing,.hero-secondary.playing{opacity:1}
@media(prefers-reduced-motion:reduce){#hero-film,.hero-secondary{transition:none;display:none}}