/* Jagly marketing type. Two families: Barlow Condensed ExtraBold for anything that shouts (always caps)
   and Inter for everything that talks, both from Google Fonts. Sizes are the Style Reference scale
   (desktop 1440px to phone 390px); display sizes run 17% larger because Barlow is smaller than the
   Futura it replaced. Display lines use letter-spacing -0.02em with kerning off, and pair-spacing.js
   gives any pair that would touch exactly a hairline. */
:root {
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xl: clamp(103px, 11.7vw, 170px);
  --fs-d1: clamp(68px, 10.5vw, 152px);
  --fs-d2: clamp(55px, 8.2vw, 117px);
  --fs-d3: clamp(43px, 6.1vw, 87px);
  --fs-d4: clamp(33px, 3.75vw, 53px);
  --fs-d5: clamp(29px, 2.9vw, 41px);
  --fs-lead: clamp(22px, 1.9vw, 26px);
  --fs-card: clamp(17px, 1.3vw, 18px);
  --fs-btn: clamp(20px, 1.8vw, 25px);
  --fs-btn-sm: clamp(18px, 1.6vw, 22px);
  --fs-label: 15px;
  --fs-fine: 14px;
}
.d, h1, h2, h3 { font-family: var(--display); font-weight: 800; font-kerning: none; text-transform: uppercase; letter-spacing: -0.02em; line-height: .94; text-wrap: balance; }
.d-xl { font-size: var(--fs-xl); line-height: .78; }
.d-1 { font-size: var(--fs-d1); }
.d-2 { font-size: var(--fs-d2); }
.d-3 { font-size: var(--fs-d3); }
.d-4 { font-size: var(--fs-d4); line-height: 1; }
.d-5 { font-size: var(--fs-d5); line-height: 1; }
.lead { font-weight: 300; font-size: var(--fs-lead); line-height: 1.25; }
.letter { font-weight: 400; font-size: var(--fs-lead); line-height: 1.5; }