/* Opt-in cinematic image expansion. Content remains in normal document flow until
   cinematic.js confirms that GSAP, a desktop viewport, and Full motion are present. */
.residence-reveal{background:inherit}
body[data-concept="alderline"] .residence-reveal{background:#20211f}
body[data-concept="alderline"] .residence-feature--copy{min-height:0;grid-template-columns:1fr 1fr}
.residence-title{padding:clamp(40px,8vw,100px);font:12px/1.5 Alderline,sans-serif;text-transform:uppercase;letter-spacing:.12em}
body[data-concept="commonlight"] .hero .residence-reveal{margin-top:32px}
@media(max-width:760px){body[data-concept="alderline"] .residence-feature--copy{grid-template-columns:1fr}.residence-title{padding:32px 22px 0}}
[data-expand-story],
[data-expand-frame],
[data-expand-image] { min-width:0; }
[data-expand-frame] { margin:0; }
[data-expand-image] { display:block; width:100%; height:auto; max-height:82svh; object-fit:cover; }
[data-expand-caption] { display:block; margin-top:8px; font:11px/1.35 Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; }

html.lp-cinematic-active [data-expand-story] {
  --lp-cinematic-header-offset:104px;
  position:relative;
  min-height:calc(155svh - var(--lp-cinematic-header-offset));
}

html.lp-cinematic-active [data-expand-frame] {
  position:sticky;
  top:var(--lp-cinematic-header-offset);
  height:calc(100svh - var(--lp-cinematic-header-offset));
  overflow:hidden;
}

html.lp-cinematic-active [data-expand-image] {
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  clip-path:inset(0% 12% 0% 12%);
  will-change:auto;
}

html.lp-cinematic-active [data-expand-story].is-cinematic-active [data-expand-image] { will-change:clip-path; }

html.lp-cinematic-active [data-expand-caption] {
  position:absolute;
  z-index:1;
  right:18px;
  bottom:16px;
  max-width:min(34rem,calc(100% - 36px));
  margin:0;
  padding:7px 9px;
  background:rgba(16,16,16,.58);
  color:#fff;
  font:11px/1.35 Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}

@media (max-width:760px) {
  html.lp-cinematic-active [data-expand-story] { min-height:0; }
  html.lp-cinematic-active [data-expand-frame] { position:static; height:auto; overflow:visible; }
  html.lp-cinematic-active [data-expand-image] { height:auto; clip-path:none; will-change:auto; }
  html.lp-cinematic-active [data-expand-caption] { position:static; max-width:none; margin-top:8px; padding:0; background:transparent; color:inherit; }
}

html[data-motion='reduced'] [data-expand-story] { min-height:0 !important; }
html[data-motion='reduced'] [data-expand-frame] { position:static !important; height:auto !important; overflow:visible !important; }
html[data-motion='reduced'] [data-expand-image] { height:auto !important; clip-path:none !important; will-change:auto; }
html[data-motion='reduced'] [data-expand-caption] { position:static !important; max-width:none; margin-top:8px; padding:0; background:transparent; color:inherit; }

/* End expansion before the frame releases: 45vh travel + 10vh reading hold. */
html.lp-cinematic-active [data-expand-story]{padding:0}
html.lp-cinematic-active [data-expand-frame]{max-width:none;width:100%}
[data-expand-caption]{font-family:StudioUI,Arial,sans-serif}
html.lp-cinematic-active [data-expand-caption]{bottom:28px;right:clamp(24px,6vw,86px)}
@media(max-width:760px){[data-expand-image]{max-height:none;min-height:420px;object-fit:cover}[data-expand-caption]{padding:12px 20px;margin:0}}