/* Center content on wide displays while retaining full-width section backgrounds. */
@media(min-width:1440px){
 body>nav,body>footer{padding-inline:max(64px,calc((100% - 1320px)/2))}
 main>.section,main>.estate-overview,main>.intro,main>.choices,main>.contact,main>.personal-welcome,main>.flex-booking,main>.agent-section,main>.contrast-section,main>.estate-experience,main>.life-section,main>.care-section,main>.owner-dining,main>.next,main>.gallery,.detail-page .map-overview{
 padding-inline:max(64px,calc((100% - 1280px)/2))!important;
 }
 main>.detail-header,body>header,main>header:not(.detail-header){max-width:1280px;margin-inline:auto;padding-inline:32px}
 .stay-details{max-width:1280px;padding-inline:32px}
 .stay-photo,.hero-image{max-width:1280px;margin-inline:auto}
 .hero .hero-visual{max-height:820px;min-height:0;height: min(78vh,820px)}
 .hero .hero-bottom{padding-inline:max(64px,calc((100% - 1280px)/2))}
 .cards,.plan-grid{column-gap:36px}
 .estate-overview,.intro{column-gap:80px}
 .personal-welcome{gap:80px}
 .story{max-width:1440px;margin-inline:auto}
 .story-text{padding:70px 64px}
 .section-head p,.overview-intro p,.story-text p,.welcome-note{max-width:65ch}
 .seo-faq details{max-width:1000px;margin-inline:auto}
 .stay-copy{max-width:760px}
 footer{flex-wrap:wrap;gap:20px 28px}
}
@media(min-width:2200px){
 .hero{max-width:1920px;margin-inline:auto}
 .hero .hero-bottom{padding-inline:100px}
}