/* About layout uses the approved shared type roles without new display sizes. */
body.about-page .about-hero{padding:136px 0 64px}
body.about-page .about-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(48px,7vw,104px);align-items:center}
body.about-page .about-hero-photo{grid-column:auto;grid-row:1;margin:0;max-width:none;justify-self:stretch;will-change:auto}
body.about-page .about-hero-photo img{aspect-ratio:6/5;object-fit:cover;object-position:center}
body.about-page .about-hero-copy{grid-column:auto;grid-row:1;min-width:0}
body.about-page .about-hero-copy .eyebrow{margin-bottom:24px;max-width:none}
body.about-page .about-hero-copy>p:not(.eyebrow){max-width:400px;margin:24px 0 20px}
body.about-page .about-story-image img{aspect-ratio:3/2;object-position:center}
:root body.type-system.about-page .experience-group h3.eyebrow{font-weight:600}
body.about-page .about-contact{background:var(--paper);color:var(--ink)}
@media(max-width:991px){
 body.about-page .about-hero{padding-top:112px;padding-bottom:48px}
 body.about-page .about-hero-grid{gap:36px}
 body.about-page .about-hero-photo img{aspect-ratio:4/5}
}
@media(max-width:767px){
 body.about-page .about-hero{padding-top:104px;padding-bottom:0}
 body.about-page .about-hero-grid{display:flex;flex-direction:column;gap:32px}
 body.about-page .about-hero-copy{order:0}
 body.about-page .about-hero-photo{order:1;width:100%;max-width:none;align-self:stretch}
 body.about-page .about-hero-photo img{aspect-ratio:1}
 body.about-page .about-hero-copy>p:not(.eyebrow){max-width:440px}
 body.about-page .about-experience .section-label>span:nth-child(n+2),
 body.about-page .about-contact .section-label>span:nth-child(n+2){display:none}
 body.about-page .about-story-image img{aspect-ratio:4/3}
}