/* Burrito Loco: green, red, gold on black; Barlow family (the brand's own
   signage face); floral pattern; wavy rules from the menu board. */
@font-face { font-family: "Barlow Condensed"; src: url("../../assets/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../../assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../../assets/fonts/barlow-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../../assets/fonts/barlow-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root {
  --font: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --bl-green: #2f987a; --bl-green-dk: #1e7a5f; --bl-red: #f93822; --bl-gold: #f5c451;
}
.brand--burrito h1, .brand--burrito h2, .brand--burrito h3, .brand--burrito .wm,
.brand--burrito .cover__back, .brand--burrito .draft, .brand--burrito .bullets--steps li { font-family: var(--font-display); }
.brand--burrito h2, .brand--burrito h3 { text-transform: uppercase; letter-spacing: 0.01em; }
.brand--burrito .badge__arc { font-family: var(--font-display); font-weight: 800; }

/* Cover: green ground, the badge
   oversized and cropped, stacked counter copy upper right. */
.brand--burrito .cover { background: var(--bl-green); color: #fff; }
.brand--burrito .cover__mark { --mw: min(118vw, calc(var(--vh) * 62)); left: calc(var(--mw) * -0.3); bottom: calc(var(--mw) * -0.12); }
.brand--burrito .wm { text-transform: uppercase; line-height: 0.88; }
.brand--burrito .wm__heavy { font-weight: 800; letter-spacing: 0; }
.brand--burrito .wm__thin { font-weight: 600; font-size: 0.34em; letter-spacing: 0.2em; margin: 0 -0.2em 0.35em 0; color: var(--bl-gold); order: -1; }
@media (min-width: 1024px) {
  .brand--burrito .cover__mark { width: min(56vw, calc(var(--vh) * 92)); left: max(-12vw, calc(var(--vh) * -18)); bottom: calc(var(--vh) * -16); }
  .brand--burrito .wm { bottom: calc(var(--vh) * 44); }
}

/* Headings: condensed caps in red, followed by the menu board's wavy line. */
.brand--burrito .h-rule { color: var(--b-heading); }
.brand--burrito .h-rule::after {
  height: 10px; opacity: 1; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpath d='M0 5 Q6 0 12 5 T24 5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") repeat-x left center / 24px 10px;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpath d='M0 5 Q6 0 12 5 T24 5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E") repeat-x left center / 24px 10px;
}
.brand--burrito .caps { color: var(--b-heading); font-size: var(--step-1); letter-spacing: 0.12em; }

.brand--burrito .manifesto__h { color: var(--bl-red); text-transform: uppercase; }
.brand--burrito .manifesto__badge { width: min(72vw, 420px); }

.brand--burrito .bullets--steps li { background: var(--bl-green-dk); color: #fff; font-size: 1.25rem; }
.brand--burrito .bullets--steps li::before { color: #fce9b8; }

.brand--burrito .ext__badge { color: var(--b-heading); }
.brand--burrito .exts { border-top: 0; background: #efe5d3; }

.brand--burrito .close__tagline { color: var(--bl-gold); font-family: var(--font-display); font-size: var(--step-1); letter-spacing: 0.14em; }
.brand--burrito .close__logo { width: min(72vw, 24rem); }
/* Contrast on the green cover: dark back link, white kicker. */
.brand--burrito .cover__back { color: #111; }
.brand--burrito .wm__thin { color: #111; }

/* Close: brand green with the horizontal knock-out logo (made for green). */
.brand--burrito .close { background: var(--bl-green); }
.brand--burrito .close__logo { width: min(86vw, 38rem); }
.brand--burrito .close__tagline { color: #fff; }
.brand--burrito .foot { border-top-color: rgba(255,255,255,0.3); }
