.about-hero { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:10 / 3; overflow:hidden; background:#26323b; }
.about-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.about-hero__shade { position:absolute; inset:0; background:rgba(0,0,0,.42); }
.about-hero .about-hero__title { position:relative; z-index:1; margin:0; padding:24px; color:#fff; font-size:clamp(32px,3vw,64px); font-weight:700; line-height:1.1; text-align:center; }
@media(max-width:1023px) { .about-hero { aspect-ratio:5 / 3; } }