/* Approved supplied portrait, retaining the site's existing cool-blue treatment. */
.page-hero.about-with-portrait{padding-top:clamp(3rem,5vw,5rem)}
.about-hero-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.about-hero-copy{min-width:0}
.page-hero .about-hero-copy h1{font-size:clamp(3.2rem,4.9vw,5.6rem);max-width:12em}
.page-hero .about-hero-copy .lede{max-width:55ch}
.about-hero-portrait{width:100%;max-width:340px;margin:0;justify-self:end;background:#070b14}
.about-hero-portrait img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:696/1014}
.page-hero.about-with-portrait .tiles{margin-top:3rem}
@media(max-width:800px){.about-hero-layout{grid-template-columns:1fr;gap:2rem}.about-hero-portrait{justify-self:start;max-width:310px}.page-hero .about-hero-copy h1{font-size:clamp(3.2rem,8.6vw,4.8rem)}}