/* ───────────────────────────────────────────────────────────────────────── wsl-glass.css — shared "picks look" glass layer (2026-06-01) Add to a page's to give it the consistent gradient-mesh background + brand fonts, instantly. Opt-in per page (only affects pages that link it). Lite/performant: ONE static mesh painted via html::before, no animated blobs or blur filters. Pages keep their own card/hero CSS; this only unifies the backdrop + type. Travel page is intentionally NOT given this (per Darryl — its own background). ──────────────────────────────────────────────────────────────────────── */ @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap'); html{background:#e7ecf8 !important} /* fixed, full-viewport static mesh behind everything (html::before rarely collides with page styles; body stays transparent so it shows through). */ html::before{ content:"";position:fixed;inset:0;z-index:-2;pointer-events:none; background: radial-gradient(58% 52% at 12% 6%, rgba(91,108,255,.40), transparent 58%), radial-gradient(56% 54% at 92% 4%, rgba(15,184,166,.42), transparent 58%), radial-gradient(55% 58% at 86% 98%, rgba(255,107,139,.34), transparent 60%), radial-gradient(58% 60% at 4% 96%, rgba(245,169,0,.28), transparent 58%), linear-gradient(180deg,#eef2fb,#e7ecf8); } body{background:transparent !important} @media(prefers-reduced-motion:reduce){html::before{background-attachment:scroll}}