/* ============================================================ NEW DESIGN SYSTEM (2026 redesign) — assets/css/newdesign.css ============================================================ Ported from Newdesign/callrank-digital-redesign.html (client-supplied mockup). Ships ALONGSIDE the existing assets/css/style.css, not in place of it — every class here is "nd-"-prefixed and every custom property is "--nd-"-prefixed, so nothing in this file can ever collide with or override the old design`s identically-named classes/tokens (.container, .btn, .eyebrow, --font-body, etc. all exist in both systems under different names on purpose). This lets pages migrate to the new look one at a time — the header/footer/nav below render on EVERY page immediately, but a page`s own body content only gets the new styling once its markup is rewritten to use nd- classes. Two small hand-written exceptions below (search "HAND-WRITTEN") replace the source file`s unscoped body/h1-h4/p resets, which would otherwise have silently changed typography on every not-yet-migrated page. They are scoped to body.nd-home instead — add that class to a page`s (see app/Views/layouts/main.php) once that page has been fully rebuilt with nd- markup. ============================================================ */ /* ---- HAND-WRITTEN: paper background + base type, home page only ---- */ body.nd-home { background: var(--nd-paper); color: var(--nd-text-soft); font-family: var(--nd-font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; } body.nd-home h1, body.nd-home h2, body.nd-home h3, body.nd-home h4 { font-family: var(--nd-font-display); color: var(--nd-text); font-weight: 600; letter-spacing: -0.01em; line-height: 1.08; margin: 0; } body.nd-home .nd-bg-ink h1, body.nd-home .nd-bg-ink h2, body.nd-home .nd-bg-ink h3, body.nd-home .nd-bg-ink h4 { color: var(--nd-on-ink); } body.nd-home h1 { font-size: clamp(2.3rem, 1.55rem + 3.1vw, 3.9rem); font-weight: 700; letter-spacing: -0.02em; } body.nd-home h2 { font-size: clamp(1.85rem, 1.5rem + 1.5vw, 2.85rem); } body.nd-home h3 { font-size: clamp(1.2rem, 1.08rem + .5vw, 1.4rem); } body.nd-home p { max-width: 64ch; margin: 0; } body.nd-home ul, body.nd-home ol { list-style: none; } body.nd-home img, body.nd-home svg { display: block; max-width: 100%; } body.nd-home a { color: inherit; text-decoration: none; } body.nd-home button, body.nd-home input, body.nd-home textarea, body.nd-home select { font: inherit; color: inherit; } /* :not(.nd-btn) — a plain