/* Full-bleed backgrounds with bounded editorial content. Never cap main:
   the photographs, gradients and footer need to reach both window edges. */
:root{--page-gutter:max(6vw,calc((100vw - 1584px)/2))}

@media(min-width:1800px){
 body[data-page] .site-header{padding-inline:var(--page-gutter)}
 .site-footer{padding-inline:var(--page-gutter)}
 .family-chapter,.dining-pause{padding-inline:var(--page-gutter)}
 .continuation-inner{padding-inline:100px}
 .tour-controls{left:max(5%,calc((100% - 1548px)/2));right:max(5%,calc((100% - 1548px)/2))}
 .tour-disclosure{padding-inline:max(5%,calc((100% - 1548px)/2))}

 /* Bound the compositions, not the background of their parent sections. */
 .interior-page .section:not(.inside-hero):not(.inside-day){padding-inline:var(--page-gutter)}
 .inside-hero-canvas{max-width:1800px;margin-inline:auto;padding-inline:108px;column-gap:108px}
 .interior-page .inside-hero--residences,.interior-page .inside-hero--story{padding-inline:var(--page-gutter)}
 .interior-page .inside-hero--seventh{padding-inline:var(--page-gutter)!important}
 .inside-hero--cinema>.inside-hero-copy{margin-left:var(--page-gutter);padding-left:0;width:640px}
 .inside-jumps,.inside-property-facts,.day-story-stage{padding-inline:var(--page-gutter)}
 .inside-seventh-facts{left:var(--page-gutter);right:var(--page-gutter)}
 .inside-hero--seventh>.inside-seven{right:calc(var(--page-gutter) + 36px)}
}

/* A sticky paragraph must fit below the navigation. In landscape windows,
   ordinary flow keeps every line reachable instead of trapping it onscreen. */
@media(max-height:649px){
 body.has-site-navigation .inside-sticky-heading>div:first-child,
 body.has-site-navigation .inside-standard-intro,
 body.has-site-navigation .inside-inquiry .inquiry-aside,
 body.has-site-navigation .day-story-intro{position:static}
 .hero-e-content{padding-top:120px;padding-bottom:60px}
 .hero-e h1{font-size:clamp(56px,8.2vw,96px)}
}

/* The home menu starts below the taller hero navigation. Keep its last link
   accessible even in a phone's landscape orientation. */
body[data-page="home"] .site-header:not(.is-pinned) .mobile-nav{max-height:calc(100dvh - 88px)}
@media(max-width:900px){
 body[data-page="home"] .site-header:not(.is-pinned) .mobile-nav{max-height:calc(100dvh - 78px)}
}