/* About: visual pass only (Oct 2026). Same text and layout, site-wide colours and type. */
.ab { --ab-head: #2E6F7B; --ab-body: #51656B; --ab-muted: #5A6B6F; --ab-teal: #0B6B70; --ab-bg: #F6F7F4; --ab-band: #ECEFEA; background: var(--ab-bg); font-family: 'Sora', system-ui, sans-serif; }
.ab .hero-title, .ab h2.section-heading, .ab h3.section-heading { color: var(--ab-head) !important; font-weight: 600; letter-spacing: -.02em; text-wrap: balance; }
.ab .hero-title { font-size: clamp(38px, 5vw, 56px); line-height: 1.05; }
.ab h2.section-heading { font-size: clamp(28px, 3.4vw, 38px); }
.ab .hero-title span { color: var(--ab-head); }
.ab p, .ab .hero-text, .ab .section-subtitle, .ab li { color: var(--ab-body) !important; }
.ab strong { color: var(--ab-head); }
.ab a:not(.ct__btn):not([class*="ct__"]) { color: var(--ab-teal); }
.ab .hero-eyebrow.badge-pill { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-teal); background: #E7F2F0; border: 0; }
.ab section[style*="--bg-alt"] { background: var(--ab-band) !important; }
.ab .contact-form-card, .ab .vinyl-card { border-radius: 22px; border: 1px solid #E2E6E1; box-shadow: none; }
.ab .vinyl-card-title { color: var(--ab-head); }
.ab .vinyl-card-artist { color: var(--ab-muted); }
html[data-theme="dark"] .ab { --ab-head: #9be6e3; --ab-body: #c3d3d1; --ab-muted: #98aeac; --ab-teal: #3fd0d6; --ab-bg: #0d1716; --ab-band: #101c1b; }
/* The shared contact block keeps its own colours on the teal background. */
.ab .ct .ct__copy p { color: #D3EDEB !important; }
.ab .ct .ct__meta a { color: #fff; }
.ab .ct form p, .ab .ct form li { color: #51656B !important; }