.about-page { background: var(--sc-canvas); }
.about-page main { position: relative; z-index: 1; }
.about-page .about-hero { position: relative; overflow: clip; min-height: 100svh; padding-block: calc(var(--bar-h) + clamp(2rem, 5vw, 4rem)) clamp(4rem, 6vw, 6rem); background: radial-gradient(ellipse at 82% 30%, color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 46%), var(--sc-canvas); }
.about-hero__grid { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.about-hero__copy { position: relative; z-index: 1; }
.about-hero__copy h1 { max-width: 15ch; font-size: clamp(3rem, 4.8vw, 4.9rem); }
.about-hero__copy .sc-lede { max-width: 48ch; }
.about-hero__actions, .about-close__inner > div { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem 1.8rem; margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.about-hero__image { position: relative; margin: 0; aspect-ratio: 4 / 4.3; border-radius: clamp(1.5rem, 3vw, 2.5rem); overflow: hidden; background: var(--sc-surface); box-shadow: var(--sc-e3); }
.about-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-hero__image figcaption { position: absolute; right: 1rem; bottom: 1rem; padding: .5rem .7rem; border-radius: .5rem; background: rgb(12 17 1 / .7); color: #fff; font-size: .75rem; }
.about-hero__scroll { position: absolute; bottom: 1rem; left: max(var(--sc-gutter), calc((100vw - var(--sc-maxw)) / 2)); display: flex; gap: 1rem; align-items: center; color: var(--ink-faint); font-family: var(--sc-font-mono); font-size: var(--sc-t-xs); letter-spacing: .06em; text-transform: uppercase; }
.about-hero__scroll span { color: var(--sc-accent); font-size: 1.4rem; }
.about-story, .about-process, .about-future, .about-close { padding-block: clamp(5rem, 9vw, 9rem); }
.about-story { border-top: 1px solid var(--sc-hairline); }
.about-story__grid, .about-future__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 8rem); align-items: start; }
.about-story__grid h2, .about-future__grid h2 { max-width: 14ch; }
.about-story__copy p, .about-future__grid > div:last-child p { margin: 0 0 1.25rem; max-width: 58ch; color: var(--sc-ink-soft); font-size: clamp(1rem, 1.35vw, 1.18rem); line-height: 1.65; }
.about-process { background: color-mix(in oklab, var(--sc-canvas) 92%, var(--sc-accent)); }
.about-process__head { max-width: 46rem; }
.about-process__head > p:last-child { color: var(--sc-ink-soft); }
.about-process__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.8rem, 1.5vw, 1.4rem); margin-top: clamp(2.5rem, 5vw, 5rem); }
.about-process__cards article { display: flex; flex-direction: column; min-height: 23rem; padding: clamp(1.4rem, 2.5vw, 2.4rem); border: 1px solid var(--sc-hairline); border-radius: 1.4rem; background: var(--sc-canvas); box-shadow: var(--sc-e1); }
.about-process__cards article > span { font-family: var(--sc-font-mono); color: var(--accent-text); font-size: .78rem; letter-spacing: .06em; }
.about-process__cards h3 { margin: auto 0 .8rem; font-family: var(--sc-font-display); font-size: clamp(1.5rem, 2.2vw, 2.3rem); line-height: 1.06; }
.about-process__cards p { margin: 0 0 1.8rem; color: var(--sc-ink-soft); line-height: 1.55; }
.about-process__cards a, .about-future a { margin-top: auto; color: var(--sc-ink); font-weight: 650; text-underline-offset: .24em; }
.about-page .about { padding-block: clamp(5rem, 9vw, 9rem); border-top: 1px solid var(--sc-hairline); }
.about-page .about__copy { position: static; }
.about-page .about__lead { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.about-page .about__partners { margin-top: clamp(1rem, 3vw, 3rem); }
.about-future { border-top: 1px solid var(--sc-hairline); }
.about-close { background: color-mix(in oklab, var(--sc-canvas) 86%, var(--sc-accent)); }
.about-close__inner { max-width: 58rem; }
.about-close__inner h2 { max-width: 15ch; }
.about-close__inner > p:not(.kicker) { max-width: 54ch; color: var(--sc-ink-soft); font-size: 1.1rem; line-height: 1.6; }
.about-page .mission-page__foot { padding: 2rem var(--sc-gutter); border-top: 1px solid var(--sc-hairline); background: var(--sc-canvas); }
.about-page .mission-page__foot .foot__links { max-width: var(--sc-maxw); margin: auto; }
@media (max-width: 980px) {
  .about-hero__grid { grid-template-columns: 1fr; }
  .about-hero__copy h1 { max-width: 15ch; }
  .about-hero__image { max-width: 52rem; aspect-ratio: 16 / 10; }
  .about-process__cards { grid-template-columns: 1fr; }
  .about-process__cards article { min-height: 15rem; }
  .about-process__cards h3 { margin-top: 2rem; }
}
@media (max-width: 700px) {
  .about-hero__copy h1 { font-size: clamp(2.7rem, 10vw, 4rem); }
  .about-hero__image { aspect-ratio: 4 / 3; }
  .about-story__grid, .about-future__grid { grid-template-columns: 1fr; }
  .about-hero__scroll { display: none; }
  .about-page .about { padding-block: 4.5rem; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .about-process__cards article { transition: transform 220ms var(--sc-ease-out), box-shadow 220ms var(--sc-ease-out); }
  .about-process__cards article:hover { transform: translateY(-4px); box-shadow: var(--sc-e3); }
}