/* Generated by site/build.js from core/constants.js. Do not edit. */
:root {
  --khaki: #5C5333;
  --cream: #F4EFDF;
  --khaki-rgb: 92 83 51;
  --cream-rgb: 244 239 223;

  /* Anchored where the copy is, not spread across the frame. The copy sits
     bottom right, from 54% across and 61% down; she is centre left. A band
     running the full width cannot darken one without dimming the other, and
     dimming her is what made the photograph look hazy rather than lit.

     It was an ellipse centred under the copy, which was strong enough to read
     as a patch of shade sitting on the frame. She and the copy are at almost
     the same height, so nothing shaped like that can cover one and clear the
     other. The type carries its own contrast now, from a shadow that hugs the
     letterforms, and this is only a falloff toward the corner it sits in:
     about half what it was, anchored past the edge so no edge of it shows. */
  --hero-scrim: radial-gradient(
    ellipse 95% 78% at 86% 104%,
    rgb(92 83 51 / 0.62) 0%,
    rgb(92 83 51 / 0.44) 34%,
    rgb(92 83 51 / 0.24) 58%,
    rgb(92 83 51 / 0.08) 78%,
    rgb(92 83 51 / 0) 100%
  );

  /* Two layers: the head of the frame, and the left edge. Both are light. The
     title carries its own contrast from a shadow on the letterforms, the way
     the hero's does, so these only have to take the edge off the sun rather
     than hold cream type on their own. Half what they were, and done by just
     under half the height, which is above her on the wide crop. */
  --announce-scrim: linear-gradient(
      to bottom,
      rgb(92 83 51 / 0.48) 0%,
      rgb(92 83 51 / 0.26) 20%,
      rgb(92 83 51 / 0) 44%
    ),
    linear-gradient(to right, rgb(92 83 51 / 0.18) 0%, rgb(92 83 51 / 0) 66%);

  /* Shown where a photograph has not been placed yet: light at the top,
     khaki where the copy sits, so an unfilled plate still reads. */
  --media-wash: linear-gradient(
    196deg,
    rgb(244 239 223 / 0.92) 0%,
    rgb(92 83 51 / 0.55) 44%,
    rgb(92 83 51) 100%
  );

  /* The band sets khaki copy over the plate, so its wash keeps the right
     side light the way the photograph behind it does. */
  --band-wash: linear-gradient(
    100deg,
    rgb(92 83 51) 0%,
    rgb(92 83 51 / 0.45) 38%,
    rgb(244 239 223 / 0.96) 72%
  );

  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-wordmark: 'Fraunces', Georgia, serif;
  --font-reading: 'EB Garamond', Georgia, 'Times New Roman', serif;
}