:root{
/* Shadows are used sparingly — the site separates blocks with hairlines and
   tinted bands, not elevation. Reserve these for lifted/floating UI only. */
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-hairline);
--shadow-xs:0 1px 2px rgba(20,20,20,.06);
--shadow-sm:0 2px 6px rgba(20,20,20,.07);
--shadow-md:0 6px 18px rgba(20,20,20,.09);
--shadow-lg:0 18px 44px rgba(20,20,20,.13);
--shadow-brand:0 10px 28px rgba(69,1,123,.22);
--shadow-focus:0 0 0 3px rgba(103,59,183,.35);
--shadow-inset-hairline:inset 0 -1px 0 var(--border-hairline);

/* Protection gradient for text over photography (hero slides). */
--scrim-bottom:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,0) 100%); /* @kind other */
--scrim-full:linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,.42)); /* @kind other */
}