/* The title sits in a compact left-side zone so the team remains visible. */
.about-hero{background-position:28% center}
.about-hero:before{background:linear-gradient(90deg,rgba(18,17,15,.94) 0%,rgba(30,25,21,.84) 31%,rgba(37,28,21,.34) 53%,rgba(37,28,21,.06) 100%)}
.about-hero .wrap{display:flex;align-items:flex-end;padding-left:clamp(32px,7vw,118px);padding-bottom:56px}
.about-hero-content{max-width:440px;padding:22px 25px 20px;border-left:2px solid #c78b62;background:linear-gradient(100deg,rgba(24,20,17,.74),rgba(24,20,17,.12))}
.about-hero .eyebrow{padding:6px 9px}
.about-hero-overline{margin:22px 0 9px;font-size:11px}
.about-hero h1{font-size:clamp(54px,6.2vw,88px);line-height:.86}
.about-hero-note{margin-top:26px;font-size:10px}
@media(max-width:820px){.about-hero{background-position:34% center}.about-hero .wrap{padding-left:28px;padding-bottom:42px}.about-hero-content{max-width:390px;padding:18px 19px}.about-hero h1{font-size:clamp(52px,13vw,78px)}}
@media(max-width:420px){.about-hero{min-height:480px;background-position:42% center;align-items:flex-end}.about-hero:before{background:linear-gradient(180deg,rgba(19,16,14,.08) 0%,rgba(19,16,14,.3) 40%,rgba(19,16,14,.9) 100%)}.about-hero .wrap{display:block;padding:0 18px 20px}.about-hero-content{max-width:none;padding:14px 14px 12px;background:rgba(24,20,17,.7)}.about-hero .eyebrow{font-size:8px}.about-hero-overline{margin:13px 0 7px;font-size:9px}.about-hero h1{max-width:260px;font-size:clamp(34px,13vw,48px);line-height:.92;letter-spacing:-.06em;overflow-wrap:normal}.about-hero-note{gap:9px;margin-top:16px;font-size:8px}.about-hero-note span+span{padding-left:9px}}

/* The photo remains completely free of lettering; the message sits below it. */
.about-hero-photo{min-height:560px;align-items:stretch;background-position:center 42%}
.about-hero-photo:before{background:linear-gradient(180deg,rgba(18,16,14,.12),rgba(18,16,14,.2))}
.about-hero-caption{padding:58px 0 62px;background:#241e1a;color:#fff7f0}
.about-hero-caption .eyebrow{display:inline-block;padding:6px 10px;background:#b8663d;color:#fff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.about-hero-caption p{margin:20px 0 10px;color:#e8bd96;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.about-hero-caption h1{max-width:660px;margin:0;font-family:Outfit,Arial,sans-serif;font-size:clamp(58px,7vw,98px);line-height:.87;letter-spacing:-.07em}
.about-hero-caption .about-hero-note{display:flex;gap:20px;margin-top:29px;color:#f2e6da;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.about-hero-caption .about-hero-note span+span{padding-left:20px;border-left:1px solid rgba(255,255,255,.35)}
@media(max-width:820px){.about-hero-photo{min-height:430px;background-position:center}.about-hero-caption{padding:40px 0 44px}.about-hero-caption h1{font-size:clamp(46px,12vw,70px)}}