/* Photography rules as tokens. Real photos always win; UI never competes.
   Text over a photo always sits on one of these protection gradients. */
:root{
  --ratio-hero:16/9; /* @kind other */
  --ratio-hero-split:3/4; /* @kind other */      /* one half of the split hero on desktop */
  --ratio-card:4/3; /* @kind other */
  --ratio-card-tall:3/4; /* @kind other */
  --ratio-gallery:1/1; /* @kind other */
  --ratio-wide:21/9; /* @kind other */

  /* bottom-anchored caption (cards, gallery) */
  --scrim-bottom:linear-gradient(to top,rgba(28,29,31,.86) 0%,rgba(28,29,31,.62) 28%,rgba(28,29,31,.18) 62%,rgba(28,29,31,0) 100%); /* @kind other */
  /* left-anchored copy, as used on the brand's social cards */
  --scrim-left:linear-gradient(to right,rgba(28,29,31,.92) 0%,rgba(28,29,31,.78) 34%,rgba(28,29,31,.28) 66%,rgba(28,29,31,0) 100%); /* @kind other */
  /* full-bleed hero: darkens top and bottom, keeps the view in the middle */
  --scrim-hero:linear-gradient(to bottom,rgba(28,29,31,.55) 0%,rgba(28,29,31,.12) 36%,rgba(28,29,31,.32) 72%,rgba(28,29,31,.82) 100%); /* @kind other */
  /* flat veil for full-height split halves */
  --scrim-veil:linear-gradient(to top,rgba(28,29,31,.80) 0%,rgba(28,29,31,.34) 48%,rgba(28,29,31,.28) 100%); /* @kind other */
  --scrim-forest:linear-gradient(to top,rgba(36,58,35,.86) 0%,rgba(36,58,35,.40) 52%,rgba(36,58,35,.14) 100%); /* @kind other */

  --img-filter-default:saturate(0.96) contrast(1.02); /* @kind other */
  --img-hover-scale:1.04; /* @kind other */
}