.about-page {
  --paper: #faf9f6;
  --muted: #c7c4bd;
  background: #0d0e0d;
}
.about-page main { overflow-wrap: break-word; }
.about-page section { border-bottom: 1px solid rgba(215, 173, 63, 0.18); }
.about-page .section-pad { padding: 88px 32px; }
.about-container, .about-editorial { width: min(1120px, 100%); margin: 0 auto; }
.about-wordmark { flex-shrink: 0; gap: 8px; padding: 16px 0; }
.about-wordmark span { font-size: 1.12rem; }
.about-wordmark small { color: var(--paper); font-size: 0.67rem; }
.about-skip { position: absolute; left: 20px; top: -100px; z-index: 100; padding: 12px 20px; background: var(--gold-2); color: var(--ink); }
.about-skip:focus { position: fixed; top: 12px; }
.about-page a:focus-visible, .about-page button:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 5px; }
.about-page :is(section, h3, main)[id] { scroll-margin-top: 110px; }
.about-intro { background: #0a0b0a; }
.about-intro .eyebrow { margin-bottom: 24px; }
.about-intro h1 { max-width: 1000px; font-size: clamp(2.2rem, 4.2vw, 3.8rem); line-height: 1.15; }
.about-tagline { color: var(--gold-2); font-size: clamp(1.1rem, 1.6vw, 1.4rem); font-weight: 600; margin: 30px 0 24px; }
.about-lead, .about-section-intro { max-width: 780px; color: var(--muted); font-size: 1.05rem; line-height: 1.85; }
.about-inline-link { display: inline-flex; align-items: center; min-height: 48px; color: var(--gold-2); font-weight: 600; text-underline-offset: 6px; }
.about-page .hero-actions { gap: 24px; }
.about-editorial { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr); gap: 80px; }
.about-section-label h2 { font-size: clamp(1.7rem, 2.5vw, 2.5rem); line-height: 1.22; }
.about-byline { margin-top: 28px; color: var(--gold-2); font-weight: 600; }
.about-byline span { display: inline-block; color: var(--muted); font-size: 0.85rem; font-weight: 400; margin-top: 5px; }
.about-chapters { display: grid; gap: 12px; padding-left: 18px; margin-top: 36px; border-left: 1px solid var(--gold-deep); }
.about-chapters a { color: var(--muted); font-size: 0.9rem; text-decoration: none; }
.about-chapters a:hover { color: var(--gold-2); }
.about-prose { color: var(--muted); line-height: 1.85; }
.about-prose > p:first-child { margin-top: 0; }
.about-prose p { margin: 0 0 22px; }
.about-prose strong { color: var(--paper); font-weight: 600; }
.about-story-opening { color: var(--paper); font-size: 1.18rem; }
.about-prose h3 { color: var(--gold-2); font-size: 1.25rem; line-height: 1.35; margin: 38px 0 18px; }
.about-services, .about-area-section { background: #121310; }
.about-services h2 { max-width: 850px; line-height: 1.2; }
.about-section-intro { margin: 26px 0 32px; }
.about-service-list { list-style: none; padding: 0; margin: 34px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.about-service-list li { padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--paper); }
.about-service-list a { color: var(--gold-2); text-underline-offset: 5px; }
.about-service-copy { max-width: 800px; }
.about-home-statement { font-family: Cinzel, Georgia, serif; font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.4; color: var(--gold-2); }
.about-quote-section { background: #080908; }
.about-founder-quote { width: min(960px, 100%); margin: 0 auto; padding-left: 36px; border-left: 3px solid var(--gold); }
.about-founder-quote blockquote { margin: 0; font-family: Cinzel, Georgia, serif; color: var(--paper); font-size: clamp(1.3rem, 2.5vw, 2rem); line-height: 1.5; }
.about-founder-quote blockquote p { margin: 0; }
.about-founder-quote figcaption { margin-top: 28px; display: grid; gap: 6px; }
.about-founder-quote strong { color: var(--gold-2); }
.about-founder-quote figcaption span { color: var(--muted); font-size: 0.88rem; }
.about-value-grid { margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.about-value-grid article { padding: 32px; border: 1px solid var(--line); background: var(--panel); }
.about-value-number { color: var(--gold); font-size: 0.8rem; letter-spacing: 0.12em; }
.about-value-grid h3 { margin: 20px 0 14px; line-height: 1.35; font-size: 1.15rem; }
.about-value-grid p { color: var(--muted); margin: 0; line-height: 1.8; }
.about-cta { border-top: 1px solid var(--gold-deep); background: #080908; }
.about-cta h2 { max-width: 850px; line-height: 1.2; }
.about-page .footer { background: #0d0e0d; }
.about-page .footer p a { color: var(--gold-2); text-underline-offset: 4px; }
@media (max-width: 1000px) {
  .about-page .nav { gap: 16px; }
  .about-editorial { gap: 40px; }
}
@media (max-width: 900px) {
  .about-page .section-pad { padding: 60px 24px; }
  .about-editorial { grid-template-columns: 1fr; gap: 30px; }
  .about-chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .about-page .section-pad { padding: 48px 20px; }
  .about-intro h1 { font-size: 2rem; }
  .about-page .hero-actions { gap: 14px; }
  .about-service-list, .about-value-grid, .about-chapters { grid-template-columns: 1fr; }
  .about-value-grid article { padding: 24px; }
  .about-founder-quote { padding-left: 20px; }
  .about-page .btn { font-size: 0.85rem; letter-spacing: 0.05em; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.about-page) { scroll-behavior: auto; }
  .about-page .btn:hover { transform: none; }
}