/* MaP design tokens. Direction: one thread, two places. White and living green, never cream, never orange. */
:root {
  --canvas: #FBFCF9;
  --mist: #EDF3EC;
  --sprout: #A9D5A0;
  --leaf: #4E9A5B;
  --moss: #2F6B45;
  --forest: #12382A;
  --ink: #10201A;
  --stone: #5F6F66;
  --gold: #B58B3C;
  --void: #06120C;
  --rule: #C9DAC6;            /* logo hairline only: a tint between mist and sprout */
  --line: rgba(18, 56, 42, .12);
  --line-strong: rgba(18, 56, 42, .28);

  --display: "Faustina", "Iowan Old Style", Georgia, serif;
  --sans: "Albert Sans", "Helvetica Neue", Arial, sans-serif;

  --t-12: 12px;
  --t-14: 14px;
  --t-16: 16px;
  --t-18: clamp(17px, 1.1vw, 19px);
  --t-22: clamp(19px, 1.5vw, 23px);
  --t-28: clamp(24px, 2.1vw, 30px);
  --t-36: clamp(28px, 2.5vw, 36px);
  --t-48: clamp(33px, 3.6vw, 48px);
  --t-64: clamp(40px, 4.7vw, 62px);
  --t-88: clamp(46px, 6.4vw, 86px);

  --wrap: 1280px;
  --gutter: clamp(20px, 4vw, 56px);
  --sect: clamp(80px, 9vw, 136px);
  --r-4: 4px;
  --r-12: 12px;
  --r-20: 20px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --header-h: 68px;
  --shadow-float: 0 10px 40px -24px rgba(18, 56, 42, .5);

}
@media (min-width: 1700px) { :root { --wrap: 1440px; } }
:root {
  /* header state, 0 = over hero photo, 1 = solid bar */
  --hdr: 1;
}