.about-page .desktop-nav [aria-current=page],.about-page .footer-links [aria-current=page] {
  color:var(--green)
}

.about-hero {
  padding:76px 0 64px;
  border-bottom:1px solid var(--line)
}

.about-kicker {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-bottom:44px
}

.about-kicker .eyebrow {
  margin:0;
  color:var(--green)
}

.about-index {
  font-size:12px;
  letter-spacing:.045em;
  color:var(--muted)
}

.about-hero h1 {
  font-size:clamp(48px,6.8vw,92px);
  line-height:1.04;
  letter-spacing:-.045em;
  max-width:1000px
}

.about-hero h1>span {
  color:var(--green)
}

.about-intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start;
  margin-top:44px
}

.about-intro>p {
  font-family:var(--font-sans);
  font-size:var(--lead-size);
  line-height:1.35;
  color:var(--ink);
  max-width:420px
}

.about-intro>div {
  max-width:510px
}

.about-text-link {
  display:inline-flex;
  align-items:center;
  gap:24px;
  min-height:44px;
  margin-top:16px;
  font-size:var(--control-size);
  color:var(--green)
}

.about-team {
  padding-block:var(--section-space)
}

.about-section-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:36px
}

.about-section-head .eyebrow {
  margin-bottom:16px
}

.about-section-head>p {
  font-size:var(--body-size);
  max-width:310px
}

.team-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}

.person-portrait {
  aspect-ratio:1;
  overflow:hidden;
  border-radius:18px;
  background:#f5f5f7
}

.person-portrait img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.person-caption {
  display:flex;
  gap:18px;
  padding:23px 0 20px;
  border-bottom:1px solid var(--line)
}

.person-number {
  font-size:12px;
  line-height:1.5;
  color:var(--green);
  padding-top:7px
}

.person-caption h3 {
  font-size:clamp(23px,2.15vw,28px);
  line-height:1.2
}

.person-caption p {
  font-size:var(--detail-size);
  margin-top:8px;
  line-height:1.5
}

.about-belief {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding:52px;
  border-radius:24px;
  background:var(--surface)
}

.belief-title h2 span {
  color:var(--green)
}

.belief-principles article {
  display:flex;
  gap:24px;
  padding-block:26px;
  border-top:1px solid var(--line)
}

.belief-principles article:first-child {
  padding-top:0;
  border-top:0
}

.belief-principles article:last-child {
  padding-bottom:0
}

.belief-principles article>span {
  font-size:12px;
  color:var(--green);
  padding-top:4px
}

.belief-principles h3 {
  font-size:23px;
  line-height:1.2;
  margin-bottom:12px
}

.belief-principles p {
  font-size:var(--body-size)}

.about-contact {
  padding-block:var(--section-space);
  border-bottom:1px solid var(--line)
}

.about-contact>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px
}

.about-contact .button {
  flex-shrink:0
}

.about-contact>p {
  margin-top:24px;
  max-width:610px
}

@media(max-width:1000px) {
  .about-intro,.about-belief {
  gap:40px
}
.about-belief {
  padding:36px
}
.team-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px 24px
}
.person-caption {
  gap:12px
}

}

@media(max-width:760px) {
  .about-hero {
  padding:48px 0
}
.about-kicker {
  margin-bottom:30px
}
.about-index {
  display:none
}
.about-intro {
  grid-template-columns:1fr;
  gap:22px;
  margin-top:30px
}
.about-intro>p {
  max-width:540px
}
.about-section-head {
  display:block
}
.about-section-head>p {
  margin-top:20px
}
.team-grid {
  grid-template-columns:1fr;
  gap:32px
}
.person-portrait {
  aspect-ratio:1;
  max-height:560px
}
.person-caption h3 {
  font-size:28px
}
.about-belief {
  grid-template-columns:1fr;
  padding:30px 24px;
  gap:32px
}
.about-contact>div {
  display:block
}
.about-contact .button {
  margin-top:26px
}
.about-contact>p {
  margin-top:22px
}

}