/* Shadows are near-invisible: a 1px line does most of the separating work.
   Photography carries depth, so UI stays flat. */
:root{
  --shadow-none:none;
  --shadow-1:0 1px 2px rgba(28,29,31,.06);
  --shadow-2:0 2px 8px rgba(28,29,31,.07);
  --shadow-3:0 10px 28px rgba(28,29,31,.10);
  --shadow-lift:0 14px 36px rgba(28,29,31,.14);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);
  --shadow-on-photo:0 18px 48px rgba(28,29,31,.34);
}