.about-hero{
  padding:150px 0 82px;color:var(--white);
  background:
    radial-gradient(circle at 83% 16%,rgba(0,153,204,.24),transparent 30%),
    linear-gradient(150deg,#00344f 0%,var(--navy) 58%,#00557d 100%)
}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:72px;align-items:end}
.about-hero h1{max-width:14ch;font-size:clamp(2.65rem,5.5vw,4.3rem)}
.about-hero .lede{max-width:42rem;margin-top:26px;color:#c9e2ef;font-size:1.12rem}
.about-facts{display:grid;border-top:1px solid rgba(255,255,255,.24)}
.about-facts div{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.about-facts span{color:#87cce6;font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.about-facts strong{color:var(--white);font-size:.92rem;font-weight:600;line-height:1.42}

.mission-section{padding:92px 0;background:var(--white);border-bottom:1px solid var(--line)}
.mission-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:start}
.mission-grid .eyebrow{color:var(--green)}
.mission-grid .eyebrow::before{background:var(--green)}
.mission-grid h2{max-width:16ch;font-size:clamp(2rem,3.8vw,3rem)}
.mission-copy{padding-top:42px}
.mission-copy p{color:var(--slate);font-size:1.03rem}
.mission-copy p+p{margin-top:20px}

.proof-section{padding:92px 0}
.proof-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.proof-steps article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.proof-steps article > span{color:var(--gold);font-size:1rem;font-weight:700}
.proof-steps h3{margin-bottom:8px;color:var(--navy);font-size:1.12rem}
.proof-steps p{color:var(--slate);font-size:.94rem}
.proof-link{display:inline-flex;margin-top:28px}

.people-section{padding:96px 0 108px;background:var(--mist)}
.people-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.about-photo{position:relative;padding:0 18px 18px 0;isolation:isolate}
.about-photo::before{content:"";position:absolute;z-index:-1;inset:28px 0 0 28px;border-radius:20px;background:linear-gradient(155deg,rgba(218,165,32,.42),rgba(70,166,84,.2))}
.about-photo img{position:relative;z-index:1;display:block;width:100%;height:500px;object-fit:cover;object-position:center 43%;border-radius:20px;box-shadow:0 24px 60px rgba(0,68,102,.17)}
.about-photo figcaption{position:relative;z-index:2;margin:-54px 26px 0;padding:18px 20px 18px 22px;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:var(--white);box-shadow:0 14px 34px rgba(0,68,102,.14);color:var(--navy);font-size:.88rem;font-weight:500;line-height:1.5}
.people-grid .eyebrow{color:var(--green)}
.people-grid .eyebrow::before{background:var(--green)}
.people-grid h2{margin-bottom:24px}
.people-grid > div > p:not(.eyebrow){color:var(--slate)}
.people-grid > div > p+p{margin-top:18px}
.leadership-link{display:grid;grid-template-columns:1fr auto;gap:2px 22px;align-items:center;margin-top:28px;padding:19px 21px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:rgba(255,255,255,.72);color:var(--navy);text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
.leadership-link span:first-child{grid-column:1;color:var(--slate);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.leadership-link strong{grid-column:1;font-size:1.02rem}
.leadership-link span:last-child{grid-column:2;grid-row:1 / span 2;color:var(--gold);font-size:1.25rem}
.leadership-link:hover,.leadership-link:focus-visible{background:var(--white);box-shadow:0 12px 26px rgba(0,68,102,.1);transform:translateY(-2px)}
.claim-standard{margin-top:30px;padding:24px 26px;border-left:4px solid var(--gold);background:var(--white);border-radius:0 var(--radius) var(--radius) 0}
.claim-standard strong{display:block;margin-bottom:5px;color:var(--navy);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.claim-standard p{color:var(--ink);font-weight:600}

.about-cta{padding:82px 0 94px;border-top:1px solid var(--line);background:var(--white);color:var(--white)}
.about-cta-in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:54px;padding:46px 50px;overflow:hidden;border-top:4px solid var(--gold);border-radius:20px;background:linear-gradient(135deg,var(--navy),#075979);box-shadow:0 22px 54px rgba(0,68,102,.18)}
.about-cta-in::after{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-175px;border-radius:50%;border:42px solid rgba(111,200,224,.11);pointer-events:none}
.about-cta-in > *{position:relative;z-index:1}
.about-cta .eyebrow{margin-bottom:12px}
.about-cta h2{max-width:21ch;color:var(--white)}
.about-cta p:not(.eyebrow){margin-top:14px;color:#bfdce9}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;flex:none}
.btn-outline{border:1px solid rgba(255,255,255,.45);color:var(--white)}
.btn-outline:hover,.btn-outline:focus-visible{background:rgba(255,255,255,.1)}

@media (max-width:920px){
  .about-hero-grid,.mission-grid,.people-grid{grid-template-columns:1fr}
  .about-hero-grid{gap:44px}
  .about-facts{max-width:640px}
  .mission-grid{gap:10px}
  .mission-copy{padding-top:0}
  .people-grid{gap:42px}
  .about-photo img{height:420px}
  .about-cta-in{align-items:flex-start;flex-direction:column}
  .about-actions{justify-content:flex-start}
}
@media (max-width:640px){
  .about-hero{padding:124px 0 64px}
  .about-hero h1{font-size:clamp(2.35rem,12vw,3.25rem)}
  .about-facts div{grid-template-columns:1fr;gap:5px}
  .proof-steps{grid-template-columns:1fr}
  .proof-steps article{padding:26px 22px}
  .people-section{padding-bottom:84px}
  .about-photo{padding:0 12px 12px 0}
  .about-photo::before{inset:20px 0 0 20px}
  .about-photo img{height:340px;border-radius:16px}
  .about-photo figcaption{margin:-42px 18px 0;padding:16px 17px 16px 19px}
  .about-cta{padding:64px 0 72px}
  .about-cta-in{padding:36px 24px;border-radius:16px}
  .about-actions{width:100%;flex-direction:column}
  .about-actions .btn{text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .about-hero{background:linear-gradient(150deg,#00344f 0%,var(--navy) 58%,#00557d 100%)}
}