/* About stays editorial: clear reading order, stable text and one illustration. */
.page-about .page-intro--split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px);align-items:center;padding-block:64px}
.page-about .page-intro h1{font-size:clamp(48px,5.4vw,76px);overflow-wrap:break-word}
.page-about .about-intro-copy{max-width:45ch;justify-self:end}
.page-about .page-intro .about-intro-copy>p{font-size:17px;line-height:1.75;margin:0;color:var(--muted)}
.page-about .about-intro-copy .text-link{margin-top:20px}
.page-about .about-story{scroll-margin-top:24px;padding-block:56px;background:#e9eff0}
.page-about .story-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:16px 64px;align-items:end}
.page-about .story-heading>.eyebrow{grid-column:1/-1}
.page-about .story-heading h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,4.2vw,58px);line-height:1.08}
.page-about .story-heading>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:34ch;color:var(--muted);justify-self:end}
.page-about .story-scene{max-width:none;margin:32px 0 28px}
.page-about .story-scene img{display:block;width:100%;height:auto;aspect-ratio:3/1}
.page-about .story-principles{gap:clamp(20px,3vw,40px)}
.page-about .story-principles li{min-width:0;padding-top:20px;gap:14px;align-items:baseline}
.page-about .story-principles li>span{font-variant-numeric:tabular-nums;flex-shrink:0}
.page-about .story-principles h3{font-size:18px;line-height:1.4;letter-spacing:-.025em}
.page-about .story-principles p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px;max-width:28ch}
.page-about .about-detail{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;padding-block:64px}
.page-about .about-detail h2{font-family:Fraunces,Georgia,serif}
.page-about .about-detail .mission-statement{font:450 clamp(28px,3vw,40px)/1.2 Fraunces,Georgia,serif;letter-spacing:-.025em;margin-bottom:20px}
.page-about .about-detail>div:last-child{max-width:45ch}
.page-about .enquiry-band{padding-block:48px;background:#e5ebdf;border-color:#cbd6c5}
.page-about .enquiry-inner h2{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,3.5vw,48px)}
.page-about .enquiry-inner p:not(.eyebrow){margin-top:14px}
@media(max-width:900px){
 .page-about .page-intro--split{grid-template-columns:1fr;gap:28px;padding-block:48px}
 .page-about .about-intro-copy{justify-self:start;max-width:54ch}
 .page-about .story-heading{gap:16px 32px}
 .page-about .about-detail{grid-template-columns:1fr;gap:28px;padding-block:48px}
}
@media(max-width:600px){
 .page-about .page-intro--split{padding-block:36px 40px;gap:24px}
 .page-about .page-intro h1{font-size:clamp(40px,10.3vw,60px);line-height:1.08}
 .page-about .page-intro .about-intro-copy>p{font-size:16px;line-height:1.7}
 .page-about .about-intro-copy .text-link{margin-top:14px}
 .page-about .about-story{padding-block:36px}
 .page-about .story-heading{grid-template-columns:1fr;gap:16px}
 .page-about .story-heading>p:not(.eyebrow){justify-self:start;max-width:35ch}
 .page-about .story-scene{margin:24px 0}
 .page-about .story-principles{gap:20px}
 .page-about .story-principles li{padding-top:16px;gap:14px}
 .page-about .story-principles p{max-width:36ch;margin-top:5px}
 .page-about .about-detail{padding-block:40px}
 .page-about .enquiry-band{padding-block:40px}
}
