/* ============================================================ CADENCE — HYBRID VARIANT (experiment) Page base = matte near-black. Every "box" (cards, panels, packages, team, CTA) = gunmetal steel that lifts off the black, with gold glow accents tracing them. Layer AFTER cadence-site.css; add `hybrid` to . ============================================================ */ body.hybrid{ /* page goes near-black; raised surfaces jump to gunmetal so boxes pop */ --ink-900:#0b0d0f; /* page base — mostly black */ --ink-800:#1b222a; /* RAISED boxes — gunmetal, clearly lighter */ --ink-700:#222b33; /* sunken / inner */ --ink-600:#2b3540; --ink-500:#36424d; --ink-400:#46535c; --ink-300:#697680; --ink-200:#8a949b; /* cool steel-white text */ --text-strong:#eef1f3; --text-body:#c4cacf; --text-muted:#8b9499; --text-faint:#646d73; --text-onInverse:#0b0d0f; /* cool hairlines */ --border-subtle:rgba(220,230,238,.07); --border-default:rgba(220,230,238,.13); --border-strong:rgba(220,230,238,.24); /* keep gold accent + ambient glow */ --glow-amb:rgba(201,178,138,.14); --glow-soft:rgba(201,178,138,.07); } /* nav reads as part of the black page, not a box */ body.hybrid .nav{background:rgba(11,13,15,.74)} /* hero: near-black with a gold light source + a hint of steel up top */ body.hybrid .hero-media .fallback{ background: radial-gradient(1100px 520px at 75% -10%,rgba(201,178,138,.17),transparent 55%), radial-gradient(820px 600px at 8% 112%,rgba(150,170,185,.06),transparent 60%), linear-gradient(160deg,#1a2128 0%,#0b0d0f 60%); } body.hybrid .hero-scrim{ background:linear-gradient(180deg,rgba(11,13,15,.32) 0%,rgba(11,13,15,.55) 55%,var(--ink-900) 100%); } /* the big boxes (warm-hardcoded) → gunmetal */ body.hybrid .cade{background:linear-gradient(150deg,#232c34,#161c22)} body.hybrid .work-card .thumb{background:linear-gradient(150deg,#232c34,#171d23)} body.hybrid .tcard .av{background:radial-gradient(circle at 50% 30%,#2c353c,#161c22)} body.hybrid .cta-band{background:linear-gradient(135deg,#222b33,#141a20)} /* gold "catch-light" on the top edge of every box — ties the glow to the gunmetal */ body.hybrid .vcard, body.hybrid .pkg, body.hybrid .tcard, body.hybrid .space-card, body.hybrid .work-card .thumb{ box-shadow:inset 0 1px 0 rgba(201,178,138,.07); } body.hybrid .pkg.featured{ box-shadow:var(--shadow-cinematic),0 -1px 44px -8px var(--glow-amb),inset 0 1px 0 rgba(201,178,138,.16); } /* trust strip stays a gunmetal band that lifts off the black */ body.hybrid .trust{background:#1b222a} body.hybrid ::selection{background:var(--accent-soft);color:#fff}