:root{
  /* Warm-black shadows, low and short. Print-derived brand: cards sit on the page,
     they do not float. */
  --shadow-0:none;
  --shadow-1:0 1px 2px rgba(21,19,17,.06);
  --shadow-2:0 2px 6px rgba(21,19,17,.08);
  --shadow-3:0 8px 20px rgba(21,19,17,.10);
  --shadow-brand:0 6px 18px rgba(196,22,28,.22);
  --ring-focus:0 0 0 3px rgba(196,22,28,.28);
  --inset-hairline:inset 0 0 0 1px var(--border-hairline);
  /* Legibility scrim for text over farm photography. */
  --scrim-bottom:linear-gradient(to top,rgba(21,19,17,.82) 0%,rgba(21,19,17,.45) 45%,rgba(21,19,17,0) 100%); /* @kind other */
  --scrim-left:linear-gradient(to right,rgba(21,19,17,.55) 0%,rgba(21,19,17,.35) 48%,rgba(21,19,17,.12) 80%,rgba(21,19,17,.05) 100%); /* @kind other */
  /* Portrait scrim: name and role sit on the photograph rather than under it.
     It clears entirely by 60% so the top of the frame -- the face -- is never
     tinted. --scrim-bottom carries a veil all the way to the top edge, which
     is right for a wide hero and wrong for a head-and-shoulders portrait. */
  --scrim-portrait:linear-gradient(to top,rgba(21,19,17,.90) 0%,rgba(21,19,17,.35) 35%,rgba(21,19,17,0) 60%); /* @kind other */
  /* The same shape inverted, for a card with no photograph. */
  --scrim-portrait-light:linear-gradient(to top,rgba(255,255,255,.92) 0%,rgba(255,255,255,.45) 30%,rgba(255,255,255,0) 55%); /* @kind other */
}