.about-intro { padding-top: 78px; padding-bottom: 68px; }
.about-intro h1 { margin-top: 25px; font-size: clamp(58px,7.3vw,100px); }
.about-intro-bottom { display: flex; gap: 60px; justify-content: space-between; align-items: end; margin-top: 32px; }
.about-intro-bottom>p { max-width: 640px; color: var(--muted); font-size: 20px; line-height: 1.6; }
.about-intro-bottom .button { flex-shrink: 0; }
.about-purpose { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; }
.about-purpose h2 { margin-top: 18px; }
.about-purpose>div:last-child { color: var(--muted); font-size: 16px; }
.about-purpose p+p { margin-top: 19px; }
.about-leadership { border-top: 1px solid var(--line); }
.leader-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.leader-card { background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.leader-card>img { width: 100%; height: 100%; min-height: 310px; object-fit: cover; object-position: center 28%; }
.leader-info { padding: 29px 22px; align-self: center; }
.leader-info h3 { margin-top: 13px; font-size: 27px; }
.leader-info>p:not(.eyebrow) { color: var(--muted); font-size: 12px; margin-top: 17px; }
.leader-info .text-link { font-size: 11px; }
.about-team { border-top: 1px solid var(--line); }
.about-team-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; }
.about-team-heading h2 { margin-top: 18px; }
.team-size { padding-left: 35px; border-left: 1px solid var(--line); flex-shrink: 0; }
.team-size strong { display: block; color: var(--text-accent); font-weight: 450; letter-spacing: -.05em; font-size: 68px; line-height: 1.1; }
.team-size span { display: block; margin-top: 12px; color: var(--muted); font-size: 12px; }
.about-capabilities { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; margin-top: 55px; }
.about-capabilities article { padding-top: 22px; border-top: 1px solid var(--line); }
.about-capabilities h3 { margin: 17px 0; font-size: 24px; }
.about-capabilities p { color: var(--muted); font-size: 14px; }
.about-careers { border-top: 1px solid var(--line); }
.career-list { border-top: 1px solid var(--line); }
.career-list details { border-bottom: 1px solid var(--line); }
.career-list summary { padding: 26px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; list-style: none; }
.career-list summary::-webkit-details-marker { display: none; }
.career-list summary>span { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 25px; }
.career-list small { color: var(--muted); font-size: 12px; }
.career-list strong { font-size: 21px; font-weight: 500; letter-spacing: -.02em; }
.career-list b { color: var(--text-accent); font-weight: 400; font-size: 25px; transition: transform .2s; }
.career-list details[open] b { transform: rotate(45deg); }
.career-list details[open] summary { color: var(--text-accent); }
.career-list details>p { padding: 0 50px 26px 205px; max-width: 960px; color: var(--muted); font-size: 14px; }
.careers-note { margin-top: 22px; color: var(--muted); font-size: 12px; }
@media (max-width: 1000px) {
  .leader-card { grid-template-columns: 1fr; }
  .leader-card>img { height: auto; min-height: 0; aspect-ratio: 1.2; object-position: center 25%; }
  .leader-info { padding: 27px; align-self: start; }
  .about-purpose { gap: 45px; }
}
@media (max-width: 620px) {
  .about-intro { padding-top: 50px; padding-bottom: 50px; }
  .about-intro h1 { font-size: clamp(48px,10.8vw,64px); }
  .about-intro-bottom,.about-team-heading { display: block; }
  .about-intro-bottom>p { font-size: 17px; }
  .about-intro-bottom .button { margin-top: 24px; }
  .about-purpose,.leader-grid,.about-capabilities { grid-template-columns: 1fr; gap: 30px; }
  .leader-card>img { aspect-ratio: 1.1; }
  .leader-info h3 { font-size: 28px; }
  .leader-info>p:not(.eyebrow) { font-size: 14px; }
  .team-size { border-left: 0; padding: 0; margin-top: 30px; }
  .team-size strong { font-size: 58px; }
  .about-capabilities { margin-top: 35px; }
  .career-list summary>span { grid-template-columns: 1fr; gap: 9px; }
  .career-list strong { font-size: 20px; }
  .career-list details>p { padding: 0 10px 24px 0; }
}
