.about-section { padding: clamp(32px, 6vw, 64px) var(--section-gutter); border-bottom: 1px solid var(--color-dark); }
/* Each shared boundary is drawn once; homepage founder styles stay unchanged. */
.about-page .founder-note { border-top: 0; border-bottom: 1px solid var(--color-dark); }
.about-page .about-section:last-child { border-bottom: 0; }
.about-eyebrow { display:block; margin-bottom:24px; font:11px/1.5 "Geist Mono", monospace; color:#656061; }
.about-section h1 { margin:0 0 28px; font-size:clamp(32px,5.5vw,48px); line-height:1.12; font-weight:600; letter-spacing:-.045em; }
.about-section h2 { margin:0 0 24px; font-size:clamp(26px,4vw,36px); line-height:1.2; font-weight:600; letter-spacing:-.035em; }
.about-section p { font-size:16px; line-height:1.8; margin:0 0 20px; }
.about-section .about-lead { font-size:20px; line-height:1.6; max-width:580px; margin-bottom:32px; }
.about-copy { max-width:580px; margin-inline: auto; }
.about-section .about-copy { margin-inline: auto; }
.about-section:has(.about-logo-stage), .about-section:has(.about-palette) { text-align:center; }
.about-section .about-lead, .about-promise p { margin-inline:auto; }
.about-story .about-copy,
.about-story .about-lead,
.about-direction .about-copy { margin-inline: 0; }
.about-direction h3 { margin:32px 0 12px; font-size:16px; font-weight:600; }
.about-logo-stage { min-height:190px; display:flex; justify-content:center; align-items:center; padding:40px 0; }
.about-logo-stage img, .about-logo-stage nisbah-intro { width:100%; max-width:560px; height:auto; }
.about-page [hidden] { display:none !important; }
.about-motion-control { border:0; border-bottom:1px solid currentColor; background:none; color:var(--color-dark); font:12px/1.6 "Inter",sans-serif; padding:4px 0; min-height:44px; cursor:pointer; }
.about-motion-control:focus-visible { outline:2px solid var(--color-dark); outline-offset:5px; }
.about-mark-section { display:grid; grid-template-columns:1.25fr 1fr; gap:48px; align-items:center; }
.about-mark-section > div { min-width:0; }
.about-mark-stage { text-align:center; }
.about-mark-stage img { display:block; width:100%; max-width:220px; height:auto; margin:24px auto 32px; }
.about-palette { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:36px; }
.about-swatch { aspect-ratio:1.35; margin-bottom:16px; }
.about-blue { background:#84caf0; }.about-yellow { background:#f9da72; }.about-orange { background:#f3965c; }
.about-palette span, .about-palette small { display:block; font-size:13px; line-height:1.8; }
.about-palette small { font-family:"Geist Mono",monospace; color:#656061; font-size:11px; }
.about-promise { text-align: center; }
.about-promise .about-promise-label { font-size:13px; line-height:1.5; margin-bottom:20px; }
.about-promise p { max-width:500px; margin-bottom:32px; }
.about-section h1, .about-section h2 { text-wrap: balance; }
.about-page main, .about-section, .about-section > * { min-width:0; }
.about-page .progress-link { min-height:44px; align-items:center; }
@media (max-width: 760px) {
  .about-section { padding-block:44px; }
  .about-mark-section { grid-template-columns: 1fr; gap:24px; }
  .about-mark-stage { width:100%; max-width:280px; margin-inline:auto; }
  .about-mark-stage img { margin-top:8px; margin-bottom:20px; }
  .about-logo-stage { min-height:140px; padding-block:32px; }
  .about-palette { gap:16px; }
  .about-section .about-lead { font-size:18px; }
  .about-section p { font-size:16px; line-height:1.7; }
  .about-page .founder-note-body { overflow-wrap:break-word; }
}
@media (max-width: 420px) {
  .about-section { padding:36px 20px; }
  .about-section h1 { font-size:30px; line-height:1.18; }
  .about-section h2 { font-size:26px; line-height:1.25; }
  .about-eyebrow { margin-bottom:20px; }
  .about-palette { gap:10px; margin-top:28px; }
  .about-swatch { aspect-ratio:1; margin-bottom:12px; }
  .about-palette span { font-size:12px; }
  .about-palette small { font-size:10px; }
  .about-logo-stage { min-height:112px; padding-block:28px; }
  .about-logo-stage img, .about-logo-stage nisbah-intro { max-width: 100%; }
  .about-promise .progress-link { font-size:15px; }
}