:root{
  /* awning stripe — signature motif */
  --stripe-band:34px;
  --stripe-height-title:64px;
  --stripe-height-interior:26px;
  --awning-stripe:repeating-linear-gradient(90deg,var(--butter) 0 var(--stripe-band),var(--cream) var(--stripe-band) calc(var(--stripe-band) * 2));
  --awning-stripe-green:repeating-linear-gradient(90deg,var(--butter) 0 var(--stripe-band),var(--green-forest) var(--stripe-band) calc(var(--stripe-band) * 2));

  /* butter highlight behind text — background-image sized to 0.9em so lines never overlap */
  --highlight-butter:linear-gradient(var(--butter),var(--butter));
  --highlight-size:100% 0.9em;

  /* shadows: one soft photo shadow, one hard offset block */
  --shadow-photo:0 18px 40px rgba(23,48,31,.18);
  --shadow-photo-sm:0 8px 20px rgba(23,48,31,.14);
  --shadow-hard:14px 14px 0 var(--butter);
  --shadow-hard-sm:8px 8px 0 var(--butter);
  --shadow-hard-green:10px 10px 0 var(--green-forest);

  /* tilts */
  --tilt-photo:-3deg; /* @kind other */
  --tilt-photo-alt:2.5deg; /* @kind other */
  --tilt-quote:-1deg; /* @kind other */

  /* green tint over photography */
  --photo-tint:linear-gradient(90deg,rgba(23,48,31,.88) 0%,rgba(43,122,88,.55) 55%,rgba(23,48,31,.25) 100%);

  /* motion — warm and unhurried, no bounce */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */
}
a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--text-link-hover);text-decoration-color:var(--butter)}