/* Digital Agent — /case-studies/ · Design System v2 token override (self-contained page, own inline CSS).
   Loaded after the page's inline <style>. Remaps its --ac/--bg/--t*/--gd* tokens + fonts to the shared brand. */
html:root{
  --ac:#d9b679; --ac2:#c8a46a; --acd:rgba(217,182,121,.12); --acm:rgba(217,182,121,.32); --acg:rgba(217,182,121,.18);
  --bg:#08241f; --bg2:#0a2c26; --bg3:#0e3b33; --bg4:#124238; --bg5:#17493e;
  --bd:rgba(246,244,237,.10); --bd2:rgba(217,182,121,.28);
  --t1:#f6f4ed; --t2:rgba(246,244,237,.74); --t3:rgba(246,244,237,.52);
  --gd1:#e6cf98; --gd2:#5ce0b8; --gd3:#d9b679;
  --df:'Playfair Display',Georgia,serif; --bf:'Golos Text','Segoe UI',system-ui,sans-serif;
  --r:20px; --rs:14px; --e:cubic-bezier(.22,1,.36,1);
}
body{ font-family:var(--bf); -webkit-font-smoothing:antialiased; }
h1,h2,h3{ font-family:var(--df); font-weight:500; letter-spacing:-.012em; line-height:1.12; }
::selection{ background:#d9b679; color:#08241f; }
.fc-tag,.fc-client,.fc-ml,.filter-count,.ct,.fc-num{ font-family:'JetBrains Mono',ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; }
.filter-btn{ border-radius:999px; }
.fc-mv{ font-family:var(--df); font-weight:500; letter-spacing:-.02em; }
/* hero particle canvas draws hard-coded lime (rgba(200,255,0)) → shift to gold via filter */
#particles{ filter:sepia(1) hue-rotate(-6deg) saturate(1.15) brightness(1.05); opacity:.8; }
/* Safety net: the page's JS sets hero blocks to opacity:0 + transform and reveals them via rAF; if that stalls,
   the H1 stays invisible. A CSS animation guarantees they land visible (same motion, deterministic). */
.hero .hb,.hero .hero-title,.hero .hs,.hero .hero-stats{ animation:dv2-cs-in .8s cubic-bezier(.22,1,.36,1) .25s both; }
@keyframes dv2-cs-in{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .hero .hb,.hero .hero-title,.hero .hs,.hero .hero-stats{ animation:none; opacity:1!important; transform:none!important; } }