/* Tweak-driven overrides — applied via data attributes on . */ /* Header style ─────────────────────────────────────────────────────────── */ html[data-header-style="minimal"] .site-header-inner { height: 64px; } html[data-header-style="minimal"] .brand-mark { display: none; } html[data-header-style="minimal"] .site-header { background: transparent; backdrop-filter: none; } html[data-header-style="minimal"] .site-header.scrolled { background: rgba(250, 246, 239, 0.9); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); } html[data-header-style="bold"] .site-header { background: var(--color-fg); color: var(--cream); border-bottom: 1px solid var(--color-fg); } html[data-header-style="bold"] .site-header-inner { height: 84px; } html[data-header-style="bold"] .brand { color: var(--cream); } html[data-header-style="bold"] .brand-text small { color: rgba(250, 246, 239, 0.6); } html[data-header-style="bold"] .site-nav a { color: rgba(250, 246, 239, 0.78); } html[data-header-style="bold"] .site-nav a:hover, html[data-header-style="bold"] .site-nav a.is-active { color: var(--cream); } html[data-header-style="bold"] .menu-toggle { color: var(--cream); border-color: rgba(250, 246, 239, 0.3); } /* Type scale ───────────────────────────────────────────────────────────── */ html[data-type-scale="tight"] { --fs-h1: 2.75rem; --fs-h2: 2.1rem; --fs-h3: 1.55rem; --fs-display: 4rem; --fs-lead: 1.12rem; --fs-body: 1rem; } /* Rhythm ───────────────────────────────────────────────────────────────── */ html[data-rhythm="tight"] { --section-y: clamp(3rem, 6vw, 5rem); } /* Accent bands toggle ──────────────────────────────────────────────────── */ html[data-accent-bands="off"] .accent-band { background: var(--cream) !important; color: var(--color-fg) !important; border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); } html[data-accent-bands="off"] .accent-band h2, html[data-accent-bands="off"] .accent-band .lede, html[data-accent-bands="off"] .accent-band p { color: var(--color-fg); } html[data-accent-bands="off"] .accent-band .pull-quote { color: var(--color-fg); }