.page-about :where(.about-intro, .about-directions, .about-method, .about-geography, .about-numbers, .about-founder, .about-partner, .about-next) {
  padding-block: clamp(88px, 9vw, 132px);
}

.about-hero {
  padding-block: calc(var(--header-h) + 82px) clamp(88px, 10vw, 148px);
  background: var(--canvas-warm);
}

.about-hero .breadcrumbs { margin-bottom: clamp(72px, 9vw, 128px); }
.about-hero .eyebrow { margin-bottom: 22px; }
.about-hero h1 {
  max-width: 1100px;
  font-size: clamp(52px, 7.2vw, 106px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.about-hero__lead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  gap: clamp(48px, 9vw, 130px);
  margin-top: clamp(48px, 6vw, 84px);
  align-items: end;
}

.about-hero__lead > p {
  max-width: 720px;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.45;
  letter-spacing: -.02em;
}

.about-hero__lead ul { display: flex; flex-wrap: wrap; gap: 10px; }
.about-hero__lead li { padding: 9px 15px; border: 1px solid var(--line-strong); border-radius: var(--radius-pill); font-size: 14px; }

.about-split,
.about-partner__grid {
  display: grid;
  grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
  gap: clamp(56px, 10vw, 150px);
  align-items: start;
}

.about-split h2,
.about-partner h2,
.about-heading h2 {
  max-width: 850px;
  margin-top: 16px;
  font-size: clamp(40px, 4.8vw, 68px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.045em;
}

.about-copy { max-width: 720px; }
.about-copy p { color: var(--ink-2); font-size: clamp(17px, 1.55vw, 20px); line-height: 1.65; }
.about-copy p + p { margin-top: 22px; }

.about-directions { background: var(--canvas); }
.about-heading { margin-bottom: clamp(48px, 7vw, 82px); }
.about-direction-list { border-top: 1px solid var(--line-strong); }
.about-direction-list li {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 48px;
  gap: 24px;
  min-height: 132px;
  padding-block: 30px;
  align-items: start;
  border-bottom: 1px solid var(--line);
}
.about-direction-list > li > span { padding-top: 7px; color: var(--red); font-size: 13px; }
.about-direction-list li > div { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: 36px; }
.about-direction-list h3 { font-size: clamp(24px, 2.5vw, 36px); font-weight: 500; line-height: 1.1; letter-spacing: -.03em; }
.about-direction-list p { max-width: 600px; color: var(--ink-2); font-size: 16px; line-height: 1.55; }
.about-direction-list a { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--red); transition: color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast); }

.about-method { color: #fff; background: #181818; }
.about-method__grid { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: clamp(64px, 10vw, 144px); }
.about-method__intro { position: sticky; top: calc(var(--header-h) + 56px); align-self: start; }
.about-method h2 { margin-top: 16px; font-size: clamp(48px, 5.5vw, 76px); font-weight: 500; line-height: .96; letter-spacing: -.052em; }
.about-method__intro > p:last-child { max-width: 480px; margin-top: 28px; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.6; }
.about-method ol { border-top: 1px solid rgba(255,255,255,.18); }
.about-method li { display: grid; grid-template-columns: 40px 1fr; gap: 24px; padding: 36px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.about-method li > span { color: #ff5a50; font-size: 13px; }
.about-method h3 { font-size: clamp(28px, 3vw, 42px); font-weight: 500; letter-spacing: -.035em; }
.about-method li p { max-width: 540px; margin-top: 12px; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.55; }

.about-geography { background: var(--canvas-warm); }
.about-regions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(56px, 8vw, 96px); border-top: 1px solid var(--line-strong); }
.about-regions li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; min-height: 72px; padding: 22px 24px 22px 0; align-items: baseline; border-bottom: 1px solid var(--line); font-size: 16px; }
.about-regions li:nth-child(odd) { border-right: 1px solid var(--line); }
.about-regions li:nth-child(even) { padding-left: 24px; }
.about-regions span { color: var(--red); font-size: 12px; }

.about-numbers { background: var(--canvas); }
.about-numbers dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); }
.about-numbers dl > div { min-height: 290px; padding: 36px 36px 24px 0; border-bottom: 1px solid var(--line); }
.about-numbers dl > div + div { padding-left: 36px; border-left: 1px solid var(--line); }
.about-numbers dt { font-size: clamp(64px, 9vw, 124px); font-weight: 500; line-height: .9; letter-spacing: -.06em; }
.about-numbers dd { max-width: 440px; margin-top: 24px; font-size: clamp(18px, 2vw, 26px); line-height: 1.25; }
.about-numbers dd span { display: block; margin-top: 12px; color: var(--ink-2); font-size: 14px; line-height: 1.5; }

.about-founder { scroll-margin-top: var(--header-h); background: var(--canvas-warm); }
.about-founder .founder-editorial__content h2 { font-size: clamp(52px, 6vw, 84px); }
.about-founder blockquote { margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--line); font-size: clamp(20px, 2vw, 27px); line-height: 1.35; letter-spacing: -.02em; }

.about-partner { background: var(--canvas); }
.about-partner__grid > div:last-child { max-width: 720px; }
.about-partner img { width: min(100%, 360px); height: auto; }
.about-partner p { margin-top: 36px; color: var(--ink-2); font-size: clamp(17px, 1.55vw, 20px); line-height: 1.65; }
.about-partner .link-arrow { margin-top: 26px; }

.about-next { background: var(--canvas-warm); }
.about-next nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); }
.about-next nav a { display: flex; min-height: 88px; padding: 24px 24px 24px 0; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); font-size: clamp(18px, 2vw, 26px); font-weight: 500; letter-spacing: -.02em; }
.about-next nav a:nth-child(odd) { padding-right: 28px; border-right: 1px solid var(--line); }
.about-next nav a:nth-child(even) { padding-left: 28px; }
.about-next nav a span[aria-hidden] { color: var(--red); }

@media (hover: hover) and (pointer: fine) {
  .about-direction-list a:hover { color: #fff; border-color: var(--red); background: var(--red); transform: translateX(3px); }
  .about-next nav a:hover { color: var(--red); }
}

@media (max-width: 900px) {
  .about-hero__lead, .about-split, .about-partner__grid, .about-method__grid { grid-template-columns: 1fr; gap: 32px; }
  .about-method__intro { position: static; }
  .about-direction-list li > div { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 760px) {
  .page-about :where(.about-intro, .about-directions, .about-method, .about-geography, .about-numbers, .about-founder, .about-partner, .about-next) { padding-block: 72px; }
  .about-hero { padding-block: calc(var(--header-h) + 36px) 78px; }
  .about-hero .breadcrumbs { margin-bottom: 64px; }
  .about-hero h1 { font-size: clamp(44px, 13vw, 62px); line-height: .96; }
  .about-hero h1 br { display: none; }
  .about-hero__lead { margin-top: 38px; }
  .about-hero__lead > p { font-size: 19px; }
  .about-split h2, .about-partner h2, .about-heading h2 { font-size: clamp(36px, 10vw, 46px); }
  .about-direction-list li { grid-template-columns: 34px minmax(0, 1fr) 44px; gap: 12px; min-height: 0; padding-block: 24px; }
  .about-direction-list h3 { font-size: 24px; }
  .about-direction-list p { font-size: 15px; }
  .about-method h2 { font-size: clamp(42px, 12vw, 54px); }
  .about-method li { padding-block: 28px; }
  .about-regions { grid-template-columns: 1fr; }
  .about-regions li, .about-regions li:nth-child(even) { padding: 19px 0; border-right: 0; }
  .about-numbers dl { grid-template-columns: 1fr; }
  .about-numbers dl > div, .about-numbers dl > div + div { min-height: 0; padding: 30px 0; border-left: 0; }
  .about-numbers dt { font-size: clamp(68px, 24vw, 96px); }
  .about-founder .founder-editorial__content h2 { font-size: 52px; }
  .about-next nav { grid-template-columns: 1fr; }
  .about-next nav a, .about-next nav a:nth-child(odd), .about-next nav a:nth-child(even) { min-height: 72px; padding: 20px 0; border-right: 0; }
}

@media (max-width: 390px) {
  .about-direction-list li { grid-template-columns: 28px minmax(0, 1fr); }
  .about-direction-list a { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .about-direction-list a { transition: none; }
}