/* Virtuoso — Radius, borders, shadows & motion
   Corners are subtle (≈4px) — the brand is editorial, not bubbly.
   Chips are near-square (3px). Depth comes from photography & gradients,
   not from heavy drop shadows. */
:root{
  /* Radius */
  --radius-chip:3px;
  --radius-card:4px;
  --radius-media:4px;
  --radius-pill:999px;
  --radius-round:50%;

  /* Borders */
  --border-hairline:1px;
  --border-strong:2px;

  /* Shadows — used sparingly; imagery carries the depth */
  --shadow-card:0 2px 24px rgba(0,0,0,.18);
  --shadow-lift:0 12px 40px rgba(0,22,12,.35);
  --text-shadow-on-photo:0 2px 24px rgba(0,0,0,.7);

  /* Protection gradient — legible text over photography (bottom-up) */
  --scrim-bottom:linear-gradient(to top,rgba(0,18,10,.88),transparent 52%);      /* @kind other */
  --scrim-full:linear-gradient(to top,rgba(0,18,10,.92),rgba(0,18,10,.15));      /* @kind other */

  /* Motion — quiet, confident fades; no bounce */
  --ease-standard:cubic-bezier(.22,.61,.36,1);   /* @kind other */
  --dur-fast:140ms;   /* @kind other */
  --dur-base:240ms;   /* @kind other */
  --dur-slow:420ms;   /* @kind other */
}