/* /about: calm and factual, one column of labelled rows. Built on home.css. */
.ab { background: var(--light); color: var(--ink); }
.ab-wrap { max-width: 1040px; padding-top: clamp(150px, 16vw, 210px); padding-bottom: clamp(110px, 12vw, 160px); }
.ab-top { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(40px, 6vw, 88px); align-items: center; margin-bottom: clamp(72px, 9vw, 120px); }
.ab-art { margin: 0; }
.ab-art .stmt { box-shadow: 0 30px 60px -36px rgba(17, 24, 39, .35); }
.ab-art .stmt__lines { padding: 0; margin: 0; }
.ab-art figcaption { margin-top: 14px; font-size: 14px; color: var(--ink-2); }
.ab-kick { margin: 0 0 20px; font-size: 15px; color: var(--ink-2); }
.ab-top h1 { margin: 0; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.08; letter-spacing: -0.025em; color: var(--ink); }
.ab-lead { margin: 26px 0 0; max-width: 32em; font-size: clamp(18px, 1.6vw, 21px); line-height: 1.6; color: var(--ink-2); }
.ab-row { display: grid; grid-template-columns: 260px 1fr; gap: 40px; padding: 40px 0; border-top: 1px solid var(--line-l); }
.ab-row h2 { margin: 0; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: var(--ink); }
.ab-row__body { max-width: 38em; }
.ab-row__body p { margin: 0 0 16px; font-size: 17px; line-height: 1.7; color: var(--ink-2); }
.ab-row__body p:last-child { margin-bottom: 0; }
.ab-row__body b { color: var(--ink); font-weight: 500; }
.ab-co { margin: 0; display: grid; gap: 14px; }
.ab-co div { display: grid; grid-template-columns: 150px 1fr; gap: 16px; font-size: 17px; line-height: 1.6; }
.ab-co dt { color: var(--ink-2); }
.ab-co dd { margin: 0; color: var(--ink); }
.ab-co a, .ab-end a:not(.btn) { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ab-end { padding-top: 56px; border-top: 1px solid var(--line-l); }
.ab-end p { margin: 0; font-size: 18px; color: var(--ink); }
.ab-end__cta { justify-content: flex-start; margin-top: 24px !important; }
@media (max-width: 860px) {
  .ab-top { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .ab-row { grid-template-columns: 1fr; gap: 12px; padding: 32px 0; }
  .ab-co div { grid-template-columns: 1fr; gap: 2px; }
}
.ab-end .ab-end__next { margin-top: 14px; font-size: 16px; line-height: 1.6; color: var(--ink-2); max-width: 36em; }
/* Vera, Oct 29, 2026: links visible (home.css resets <a>), the example label kept on phones
   (home.css hides .stmt__meta under 860px), stronger promise headings, no empty tick column. */
.ab-row__body a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.ab-art .stmt__meta { display: flex; }
.ab-row h2 { font-size: clamp(20px, 1.8vw, 24px); letter-spacing: -0.01em; }
.ab-art .stmt__lines li { grid-template-columns: 1fr auto; }
.ab-art figcaption { color: var(--ink); }