/* 16.09: breadcrumbs keep one top position, independent of hero image height. */
/* Legal documents use reading rhythm instead of landing-page section gaps. */
.ds-site .legal-page{padding-bottom:64px}
.ds-site .legal-page>.page-head{padding-bottom:32px}
.ds-site .legal-page>.page-head .lead{margin-bottom:0}
.ds-site .legal-page__body{display:grid;gap:32px}
.ds-site .legal-page__section{width:100%;margin:0}
.ds-site .legal-page__section h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin-bottom:18px}
.ds-site .legal-page__section .actions{margin-top:24px}
@media(max-width:780px){.ds-site .legal-page{padding-bottom:48px}.ds-site .legal-page>.page-head{padding-bottom:28px}.ds-site .legal-page__body{gap:28px}}
.ds-site .page-head{padding-top:30px}
.ds-site .page-head>.breadcrumbs{margin-top:0}
.ds-site .page-head--image{row-gap:38px;align-items:start}
.ds-site .page-head--image>.breadcrumbs{grid-column:1/-1;margin-bottom:0}
.ds-site .page-head__copy{min-width:0}
.ds-site .detail-breadcrumbs{padding-top:30px}
.ds-site .story-breadcrumbs{padding-top:30px}
.ds-site .breadcrumbs+.booking-page{padding-top:38px}
.ds-site .visit-page-head .lead{font-size:18px;line-height:1.6;max-width:58ch;margin-bottom:0}
.ds-site .visit-page-head .image-arch{align-self:start;max-height:520px}
.ds-site .visit-page-head .actions{margin-top:28px}
.ds-site .visit-page-head+.section{margin-top:48px}
@media(max-width:780px){
 .ds-site .page-head--image{row-gap:28px}
 .ds-site .breadcrumbs+.booking-page{padding-top:28px}
 .ds-site .visit-page-head .image-arch{width:min(100%,380px);max-height:400px}
 .ds-site .visit-page-head+.section{margin-top:32px}
}