/* About page: shared typography, surfaces, links and PhotoSwipe controls. */
.about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.75rem,4vw,4rem)}
.about-copy{min-width:0;max-width:39rem}
.about-copy>h1{max-width:9em;font-size:clamp(2.7rem,1.9rem + 3.1vw,4.75rem)}
.about-copy>h1+p,.about-copy>h2+p{margin-top:1.5rem}
.about-copy>h3+p{margin-top:.8rem}
.about-copy p{font-size:1.0625rem;line-height:1.7;text-wrap:pretty}
.about-copy p.eyebrow{font-size:.77rem;line-height:1.5}
.about-copy p.about-lead{font-size:clamp(1.2rem,1.1rem + .3vw,1.4rem);line-height:1.5}
.about-copy .text-link{min-height:2.75rem;margin-top:1.25rem}
.about-cover{border-radius:var(--radius-small);overflow:hidden;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}
.about-cover img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.75rem,4vw,4rem);align-items:start;margin-bottom:2rem}
.about-section-intro h2{max-width:13em}
.about-photo-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1rem}
.about-photo-pair .photo-open{aspect-ratio:4/3;min-width:0;height:100%}
.about-photo-pair .photo-open:last-child{aspect-ratio:1.8}
.about-stay{background:var(--sky)}
.about-stay-photo{width:100%;aspect-ratio:4/3}
.about-leisure{background:var(--sand)}
.about-leisure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,4vw,4rem)}
.about-leisure-grid>.about-copy{padding-top:1.5rem;border-top:1px solid var(--ink)}
.about-links{display:flex;gap:.5rem 1.5rem;flex-wrap:wrap}
.about-visit{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line)}
.about-visit>.text-link{flex:none;min-height:2.75rem;margin:0}
@container site (max-width:56rem){
 .about-split,.about-section-intro{grid-template-columns:minmax(0,1fr);gap:1.75rem}
 .about-copy{max-width:100%}
 .about-cover img{aspect-ratio:3/2}
 .about-stay-photo{aspect-ratio:3/2}
}
@container site (max-width:36rem){
 .about-photo-pair,.about-leisure-grid{grid-template-columns:minmax(0,1fr)}
 .about-photo-pair .photo-open,.about-photo-pair .photo-open:last-child{aspect-ratio:4/3}
 .about-visit{align-items:flex-start;flex-direction:column;gap:1rem}
 .about-copy p{font-size:1rem}
}