/* Hallmark · macrostructure: Marquee Hero · tone: Shapes editorial · anchor hue: salmon
 * Locked Helvetica brand and grain · nav: N9 · footer: Ft2 · no animation
 * pre-emit critique: P5 H5 E4 S5 R5 V4 · contrast: pass (40–41) */
.about-page {
  --color-logo-red: var(--color-salmon);
  --color-paper: var(--color-salmon);
  --color-ink: var(--color-logo-cream);
  --color-focus: var(--color-logo-cream);
  background: var(--color-paper);
  color: var(--color-ink);
}
.about-page > .brand-paper { opacity: .35; }
.about-opening {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 100svh;
  padding: var(--space-md) clamp(16px, 2vw, 32px) var(--space-lg);
}
.about-nav, .about-footer { display: flex; justify-content: space-between; gap: var(--space-md); flex-wrap: wrap; }
.about-page :is(.about-nav, .about-footer) a, .about-scroll {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  min-height: 44px;
  white-space: nowrap;
  font-size: var(--text-sm);
}
.about-wordmark { container-type: inline-size; display: grid; align-items: center; min-width: 0; }
.about-wordmark h1 { font-size: 22.65cqw; line-height: 1; color: var(--color-logo-black); letter-spacing: normal; }
.about-scroll { justify-self: start; }
.about-scroll span { font-size: var(--text-lg); }
.about-story { padding: var(--space-3xl) clamp(24px, 8vw, 128px) var(--space-4xl); }
.about-copy { width: min(100%, 48ch); margin-inline: auto; font-size: clamp(20px, 2vw, 28px); line-height: 1.55; }
.about-copy h2 { margin-bottom: var(--space-xl); font-size: clamp(36px, 5vw, 64px); line-height: 1.1; font-weight: 700; }
.about-copy p + p { margin-top: var(--space-xl); }
.about-footer { padding: var(--space-lg) clamp(24px, 2vw, 32px) max(24px, env(safe-area-inset-bottom)); }