/* uplift-dark.css — typography + motion only, for the site.css (dark) pages. 2026-09-09 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap');
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.03em;font-variation-settings:'opsz' 144}
h1 em,h2 em{font-style:italic;font-weight:400}
a.button,.btn,button.primary,[class*="cta"]{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
a.button:hover,.btn:hover,button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px #000000aa}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* Small uppercase labels are not display headings — keep them in the UI sans. */
.takeaways h2,.read-next h2,.eyebrow{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:.075em}