/* ============================================================
   TALANTA — about page styles: about.html <style>, lines 20–41, verbatim.
   Loaded on pages using the talanta-about template, after talanta.css (CONVERSION-PLAN.md section 0).
   ============================================================ */
/* About — page-specific */
h1,h2,h3{ font-weight:800; color:var(--tal-navy); line-height:1.12; letter-spacing:-.01em; }

.story-mark{ display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid rgba(12,35,64,.12); box-shadow:0 10px 30px rgba(12,35,64,.08); border-radius:var(--bs-border-radius); padding:3rem; height:100%; min-height:260px; }
.name-note{ border-inline-start:3px solid var(--tal-gold); padding:.75rem 1.25rem; background:var(--tal-gray); font-size:.95rem; }
.name-note .ar{ font-weight:600; }
.name-note + .name-note{ margin-top:1rem; }

.values-strip{ background:var(--tal-navy); padding-block:clamp(2.5rem,5vw,3.5rem); }
.values-strip li{ font-size:var(--fs-label); font-weight:600; letter-spacing:var(--track-label); text-transform:uppercase; color:rgba(255,255,255,.9); }
.values-strip .dot{ color:var(--tal-gold); font-size:.7rem; }

.pillar{ border-top:3px solid var(--tal-gold); padding-top:1.75rem; }
.pillar .step-num{ font-weight:800; font-size:2.4rem; color:var(--tal-gold-ink); line-height:1; margin-bottom:.75rem; }
.pillar h3{ font-size:var(--fs-h3); margin-bottom:.75rem; }
.pillar p{ font-size:.95rem; margin:0; }

.v2030-card{ background:var(--tal-navy-soft); border-top:3px solid var(--tal-gold); border-radius:var(--bs-border-radius); padding:1.75rem 1.5rem; height:100%; }
.v2030-card h3{ color:#fff; font-size:var(--fs-card); margin-bottom:.75rem; }
.v2030-card p{ color:rgba(255,255,255,.78); font-size:.92rem; margin:0; }
.v2030-note{ color:rgba(255,255,255,.55); font-size:.8rem; }