:root{--bg:#030303;--surface:#080808;--surface-2:#0b0b0b;--text:#fff;--muted:rgba(255,255,255,.76);--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);--lime:#66fcf1;--orange:#66fcf1;--display:"Unbounded","Manrope",sans-serif;--body:"Manrope",sans-serif;--mono:"IBM Plex Mono",monospace}
html,body{background:#030303}.case-nav{width:90%;max-width:1200px;inset:0 auto auto 50%;transform:translateX(-50%);padding:24px 0}.brand-mark{border-color:rgba(255,255,255,.22);color:#66fcf1}.nav-link{color:#66fcf1}.case-hero,.pottery-case .case-hero,.salon-case .case-hero,.funnel-case .case-hero{background:radial-gradient(circle at 90% 12%,rgba(102,252,241,.085),transparent 34%),linear-gradient(180deg,#020202,#050505)}.reading-progress span{background:#66fcf1}.hero-title::after{color:#66fcf1}.metric-card,.module-card,.control-card,.outcome-aside,.flow-step{background:rgba(255,255,255,.025)}.stack-list span,.tech-list span{border-color:rgba(102,252,241,.18)}.case-cta{background:radial-gradient(circle at 12% 48%,rgba(102,252,241,.065),transparent 34%),#030303}.button-primary{background:#66fcf1;color:#030303}.button-secondary{border-color:rgba(102,252,241,.5);color:#66fcf1}.result-number,.outcome-aside span,.next-marker,.pottery-case .next-marker{color:#66fcf1}.pottery-case .next-marker{background:radial-gradient(circle,rgba(102,252,241,.08),transparent 68%)}a:focus-visible,button:focus-visible{outline:2px solid #66fcf1;outline-offset:4px}@media(max-width:760px){.case-nav{width:calc(100% - 32px);padding:18px 0}.nav-actions{gap:14px}}
/* Compact Hackevich mark shared with journal and service navigation */
.brand-mark{position:relative;overflow:hidden!important;border-radius:0!important;background:transparent!important}.brand-mark::before{content:'';position:absolute;inset:5px;background:url('/assets/hackevich-mark.svg') center/contain no-repeat;opacity:.16}.brand-mark-symbol{position:relative;width:25px;height:25px;display:block;color:#fff}.brand-mark-symbol .mark-frame path{stroke-dasharray:45;stroke-dashoffset:45;animation:case-mark-draw .45s cubic-bezier(.22,1,.36,1) forwards}.brand-mark-symbol .mark-x path{opacity:0;transform-box:fill-box;transform-origin:center;animation:case-mark-lock .42s cubic-bezier(.16,1,.3,1) .28s forwards}.brand-mark-symbol .mark-x path:first-child{transform:translateX(-7px)}.brand-mark-symbol .mark-x path:last-child{transform:translateX(7px)}.brand-mark-symbol .mark-pulse{fill:#66fcf1;opacity:0;transform-box:fill-box;transform-origin:center;animation:case-mark-pulse .6s cubic-bezier(.16,1,.3,1) .62s forwards}@keyframes case-mark-draw{to{stroke-dashoffset:0}}@keyframes case-mark-lock{to{opacity:1;transform:translateX(0)}}@keyframes case-mark-pulse{0%{opacity:0;transform:scale(.25)}50%{opacity:1;transform:scale(2)}100%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.brand-mark-symbol .mark-frame path{animation:none;stroke-dashoffset:0}.brand-mark-symbol .mark-x path{animation:none;opacity:1;transform:none}.brand-mark-symbol .mark-pulse{animation:none;opacity:1}}

/* Readability pass 2026-07 */
body{font-size:1.0625rem}
.nav-link{color:#f2f2ef;font-family:var(--body);font-size:.875rem;letter-spacing:.02em}
.hero-lead,.section-lead,.case-shell p,.case-shell li,.module-card p,.control-card p,.outcome-aside p,.flow-step p,.case-note{color:rgba(255,255,255,.84);font-size:1rem;line-height:1.72}
.hero-eyebrow,.section-kicker,.metric-label,.module-index,.outcome-aside span{color:#e5e5e2;font-family:var(--body);font-size:.8125rem;letter-spacing:.035em}
.button-secondary{color:#f2f2ef}
.result-number,.next-marker,.pottery-case .next-marker{color:#fff}