.about-page {
  --muted: #5b6778;
  --gutter: clamp(22px, 4.8vw, 76px);
  --gold-ink: #9b6a25;
  -webkit-font-smoothing: antialiased;
}

.about-page .site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #ffffff14;
  box-shadow: 0 4px 20px #13294b0c;
}

.about-page .skip-link:focus { z-index: 20; }
.about-page .header-inner { min-height: 88px; }
.about-page .brand img { width: 198px; }
.about-page .main-nav { gap: clamp(20px, 2.4vw, 38px); }
.about-page .main-nav a { font-size: .875rem; }

.about-page .main-nav a[aria-current]::after {
  right: 20%;
  bottom: 0;
  left: 20%;
  border-radius: 2px;
}

.about-page .header-actions { gap: 22px; }
.about-page .language-options { margin-top: 14px; border-radius: 10px; }
.about-page .button { min-height: 54px; padding-inline: 25px; border-radius: 6px; }
.about-page .header-quote { min-height: 43px; padding-inline: 19px; }

.about-introduction {
  padding-block: clamp(60px, 6.8vw, 100px) clamp(64px, 6.5vw, 96px);
  background: linear-gradient(180deg, #faf7f1, #fff 80%);
}

.about-heading {
  max-width: 960px;
  margin-inline: auto;
  text-align: center;
}

.about-heading .eyebrow {
  margin-bottom: 25px;
  color: var(--gold-ink);
  font-size: .7rem;
  letter-spacing: .18em;
}

.about-heading h1 {
  margin: 0;
  font-size: clamp(2.625rem, 5.5vw, 4.875rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.about-narrative {
  max-width: 800px;
  margin: clamp(36px, 4vw, 56px) auto 0;
  padding-top: clamp(28px, 3vw, 42px);
  border-top: 1px solid #e4ded3;
}

.about-narrative p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  line-height: 1.85;
}

.about-narrative p + p { margin-top: 24px; }

.about-narrative .about-lead {
  color: var(--navy);
  font-size: clamp(1.125rem, 1.5vw, 1.3125rem);
  line-height: 1.75;
}

.about-commitments {
  padding-block: clamp(56px, 6.5vw, 96px);
  background: #f6f4ef;
}

.commitments-heading { margin-bottom: clamp(28px, 3vw, 42px); text-align: center; }

.commitments-heading h2 {
  margin: 0;
  font-size: clamp(2rem, 3.3vw, 3rem);
  font-weight: 650;
  line-height: 1.13;
  letter-spacing: -.045em;
}

.commitment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.commitment {
  padding: clamp(22px, 2.4vw, 32px);
  border: 1px solid #e6e0d6;
  border-radius: 12px;
  background: #fff;
}

.commitment :is(svg, img) { display: block; width: 48px; height: 48px; }

.commitment svg {
  fill: none;
  stroke: var(--navy);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.commitment .icon-accent { stroke: #ad731d; }

.commitment h3 {
  margin: 25px 0 0;
  font-size: clamp(1.0625rem, 1.4vw, 1.1875rem);
  font-weight: 600;
  line-height: 1.5;
}

.about-page .site-footer { border-top: 0; color: #bac8dc; font-size: .875rem; }
.about-page .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; padding-block: 58px 50px; }
.about-page .footer-brand img { width: 210px; }
.about-page .site-footer h2 { margin-bottom: 17px; font-size: .875rem; font-weight: 650; }
.about-page .footer-links { gap: 10px 26px; }
.about-page .footer-bottom { padding-block: 20px 26px; border-color: #ffffff24; font-size: .8125rem; }

@media (max-width: 1120px) and (min-width: 1021px) {
  .about-page .header-inner { gap: 19px; }
  .about-page .brand img { width: 168px; }
  .about-page .main-nav { gap: 19px; }
  .about-page .header-menu { gap: 18px; }
  .about-page .header-actions { gap: 14px; }
}

@media (max-width: 1020px) {
  .about-page .header-inner { min-height: 72px; }
  .about-page .brand img { width: 174px; }
  .about-page .header-menu { gap: 18px; padding-block: 12px 24px; }
  .about-page .main-nav { gap: 4px 27px; }
  .about-page .footer-brand img { width: 198px; }
}

@media (max-width: 900px) {
  .commitment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .about-page .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
  .about-heading .eyebrow { margin-bottom: 20px; }
  .about-narrative p + p { margin-top: 21px; }
  .commitment-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .commitment { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 20px; padding: 22px; }
  .commitment :is(svg, img) { width: 44px; height: 44px; }
  .commitment h3 { margin: 0; }
}

@media (max-width: 500px) {
  .about-page .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-block: 42px; }
  .about-page .footer-links { column-gap: 52px; }
}