/* Rooftop-only media layout. Preserve the supplied photos and portrait reels. */
.rooftop-photo-story { display:grid; grid-template-columns:1.25fr 1fr; gap:24px; margin-top:24px; align-items:start; }
.rooftop-photo-story figure,.rooftop-motion-story figure { margin:0; min-width:0; }
.rooftop-reveal { position:relative; overflow:hidden; transform-origin:center bottom; will-change:transform,opacity,clip-path; }
.rooftop-photo-story img,.rooftop-motion-story img { display:block; width:100%; height:auto; }
.rooftop-photo-guests { grid-column:1; grid-row:1; }
.rooftop-photo-bar { grid-column:1; grid-row:2; }
.rooftop-photo-dining { grid-column:2; grid-row:1 / 3; align-self:center; }
.rooftop-photo-story figcaption,.rooftop-motion-story figcaption { padding:14px 0 6px; font:400 16px/1.6 var(--sans); color:var(--type-on-light-soft); }
.rooftop-photo-story figcaption a,.rooftop-motion-story figcaption a { color:var(--navy); text-decoration:underline; text-underline-offset:4px; }
.rooftop-motion-story { display:grid; grid-template-columns:1fr 1fr 1.55fr; align-items:start; gap:24px; margin-top:48px; padding-top:32px; border-top:1px solid var(--rule-light); }
.rooftop-motion-story video { display:block; width:100%; height:auto; aspect-ratio:9/16; object-fit:contain; background:var(--navy-2); }
.rooftop-aerial-context { align-self:center; }
.rooftop-motion-story video:focus-visible { outline:3px solid var(--brass); outline-offset:4px; }
@media(max-width:900px) {
  .rooftop-photo-story { grid-template-columns:1fr 1fr; gap:20px; }
  .rooftop-photo-guests { grid-column:1 / 3; grid-row:1; }
  .rooftop-photo-bar { grid-column:1; grid-row:2; }
  .rooftop-photo-dining { grid-column:2; grid-row:2; align-self:start; }
  .rooftop-motion-story { grid-template-columns:1fr 1fr; gap:20px; }
  .rooftop-aerial-context { grid-column:1 / 3; }
}
@media(max-width:560px) {
  .rooftop-photo-story,.rooftop-motion-story { display:flex; flex-direction:column; gap:24px; }
  .rooftop-photo-story figure,.rooftop-motion-story figure { width:100%; }
  .rooftop-motion-story video { max-height:72vh; }
}