body[data-about-story] .page-hero{padding-bottom:60px}
body[data-about-story] .page-hero-grid{grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
body[data-about-story] .page-hero .page-photo{aspect-ratio:4/3;min-height:0;border-radius:8px;overflow:hidden}
body[data-about-story] .page-hero .page-photo img{width:100%;height:100%;object-fit:cover}
body[data-about-story] .page-hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.045em}
body[data-about-story] .page-intro{padding-block:80px;background:#edf4f1}
body[data-about-story] .page-portrait-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,88px);align-items:start}
body[data-about-story] .about-family-photo{margin:0;position:sticky;top:120px}
body[data-about-story] .about-family-photo img{display:block;width:100%;height:auto;border-radius:8px}
body[data-about-story] .page-intro .page-prose{width:100%;max-width:none;margin:0}
body[data-about-story] .page-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:0 0 28px}
body[data-about-story] .page-intro p{font-size:17px;line-height:1.85;color:#345956}
body[data-about-story] .page-editorial{padding-top:72px;padding-bottom:28px}
body[data-about-story] .page-team{padding-top:12px}
@media(max-width:767px){
body[data-about-story] .page-hero-grid{grid-template-columns:1fr;gap:28px}
body[data-about-story] .page-hero{padding-bottom:36px}
body[data-about-story] .page-hero h1{font-size:42px}
body[data-about-story] .page-intro{padding-block:40px}
body[data-about-story] .page-portrait-copy{grid-template-columns:1fr;gap:32px}
body[data-about-story] .about-family-photo{position:static;width:100%;max-width:440px;margin-inline:auto}
body[data-about-story] .page-intro p{font-size:16px;line-height:1.8}
}
body[data-about-story] .page-hero-grid{width:min(1200px,calc(100% - 80px));margin:auto;padding:20px 0 0;min-height:0;background:transparent;overflow:visible;isolation:auto}
body[data-about-story] .page-hero-grid:after{display:none}
body[data-about-story] .page-hero-grid>.page-photo{position:relative;inset:auto;z-index:auto;width:100%;height:auto!important;margin:0;aspect-ratio:4/3}
body[data-about-story] .page-hero-copy{display:block;max-width:none}
@media(max-width:767px){body[data-about-story] .page-hero-grid{width:calc(100% - 40px);display:grid;padding-top:8px}body[data-about-story] .page-hero-grid>.page-photo{margin:0!important;width:100%;height:auto!important}}
