.about-hero { padding: 88px 0 68px; }
.about-hero h1 { max-width: 1100px; margin: 24px 0 30px; font-size: clamp(42px, 4.2vw, 60px); line-height: 1.13; }
.about-hero h1 em { font-style: normal; }
.about-provenance { font-size: 15px; }
.about-section { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; padding-top: 68px; padding-bottom: 68px; }
.about-label h2 { margin-top: 17px; font-size: clamp(30px, 3vw, 38px); }
.about-copy { align-self: center; max-width: 650px; }
.about-copy p { font-size: 18px; line-height: 1.85; }
.about-copy p + p { margin-top: 16px; }
.about-origin .about-copy p { color: var(--cl-ink); }
.about-name-band { background: var(--soft); border-block: 1px solid var(--cl-border); }
.about-beliefs { list-style: none; padding: 0; margin: 0; counter-reset: beliefs; }
.about-beliefs li { counter-increment: beliefs; display: grid; grid-template-columns: 26px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid var(--cl-border); font-size: 19px; line-height: 1.6; }
.about-beliefs li:first-child { padding-top: 0; }
.about-beliefs li:last-child { border-bottom: 0; padding-bottom: 0; }
.about-beliefs li::before { content: '0' counter(beliefs); color: var(--cl-accent); font: 11px/2.8 var(--font-mono); }
.about-responsibility { border-block: 1px solid var(--cl-border); }
.about-copy .about-obligor { color: var(--cl-ink); font-size: 23px; line-height: 1.6; }
.about-founder-role { margin-top: 10px; font-size: 14px; }
.about-email { display: inline-flex; align-items: center; gap: 16px; margin-top: 20px; padding-block: 8px; color: var(--cl-accent); font-size: 18px; text-decoration: underline; text-underline-offset: 5px; }
.about-email:hover { color: var(--cl-ink); }
.about-cta { padding-block: 48px; }
.about-cta .button { flex-shrink: 0; }
@media (max-width: 900px) {
  .about-section { gap: 40px; grid-template-columns: 1fr 1.4fr; }
}
@media (max-width: 680px) {
  .about-hero { padding: 48px 0 40px; }
  .about-hero h1 { font-size: clamp(34px, 8.8vw, 52px); margin: 22px 0; }
  .about-section { grid-template-columns: 1fr; gap: 25px; padding-block: 42px; }
  .about-label h2 br { display: none; }
  .about-label h2 { margin-top: 12px; }
  .about-copy p { font-size: 17px; line-height: 1.8; }
  .about-copy .about-obligor { font-size: 21px; }
  .about-beliefs li { font-size: 18px; gap: 12px; }
  .about-cta { padding-block: 36px; }
}
@media (max-width: 480px) {
  .about-page .header-actions { display: none; }
  .about-page .menu-toggle { margin-left: auto; }
}