html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

img {
  color: transparent;
}

.__1_homepageSection1__P_m9X .__1_bg__RnDtf {
  background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/hero-banner.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* Section 4: the four drawings are cut out of ingredients.webp as sprites and
   placed individually, so the frame they form can wrap the text at any width.
   A single background image can't: sized to fill it squashes the art (the
   layer's box runs from 2.19:1 on desktop to ~1.1:1 on tablet), and sized to
   contain it collapses to the artwork's own 2.39:1, far shorter than the text
   block it is meant to frame. */
.__4_homepageSection4__8rCza .__4_bg__9vUaF {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  min-width: 0;
  transform: none;
}

.__4_homepageSection4__8rCza .ing {
  position: absolute;
  background-image: url("/ingredients.webp");
  background-repeat: no-repeat;
}

/* Widths are a share of the section, so the drawings scale with the viewport;
   background-size/position crop each one to its own artwork. */
.__4_homepageSection4__8rCza .ing--tomato {
  width: 8.698%;
  aspect-ratio: 167 / 179;
  background-size: 1149.7% auto;
  background-position: 25.214% 0%;
  left: 23.02%;
  top: 103px;
}

.__4_homepageSection4__8rCza .ing--chili {
  width: 19.427%;
  aspect-ratio: 373 / 105;
  background-size: 514.75% auto;
  background-position: 78.474% 8.034%;
  left: 63.23%;
  top: 140px;
}

.__4_homepageSection4__8rCza .ing--lemon {
  width: 11.719%;
  aspect-ratio: 225 / 226;
  background-size: 853.33% auto;
  background-position: 1.711% 98.264%;
  left: 1.51%;
  top: 480px;
}

.__4_homepageSection4__8rCza .ing--avocado {
  width: 15%;
  aspect-ratio: 288 / 207;
  background-size: 666.67% auto;
  background-position: 98.468% 92.101%;
  left: 83.7%;
  top: 468px;
}

.__3_homepageSection3__Xwump .__3_sideMenu__g3z88 .__3_bg__x_POR {
  background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/food.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* The chalkboard lives on the .Footer_bg layer, not on the footer box itself:
   the corner assets are z-index:-1 children, so a background on the footer
   would paint straight over them. */
.Footer_footer__BcpJO .Footer_bg__M395R {
  background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/04_Chalkboard-BG.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

button,
.__3_productsTabs__dV8GL .__3_item__d72OS {
  cursor: pointer;
}

/* Section 2: menu board stacked directly on the counter photo, half-width and centered */
.__2_homepageSection2__03aXO .storefront {
  width: min(75%, 1100px);
  margin: 0 auto;
  background: #000;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.__2_homepageSection2__03aXO .storefront img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

/* Nudge the two halves together so the seam reads as one photo */
.__2_homepageSection2__03aXO .storefront__people {
  margin-top: -1px;
}

.__2_homepageSection2__03aXO .__2_container__rd7_W {
  display: block;
  max-width: 760px;
  padding: 40px 20px 0;
}

.__2_homepageSection2__03aXO .__2_snippet__HQq3n {
  max-width: none;
  text-align: center;
}

@media (max-width: 1248px) {
  .__2_homepageSection2__03aXO .storefront {
    width: 85%;
  }
}

@media (max-width: 782px) {
  .__2_homepageSection2__03aXO .storefront {
    width: 100%;
  }

  .__2_homepageSection2__03aXO .__2_container__rd7_W {
    padding-top: 32px;
  }
}

.clone-form-message {
  margin-top: 18px;
  color: #f8c809;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 1614px) {
  .__1_homepageSection1__P_m9X .__1_bg__RnDtf {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/hero-banner-2.png");
  }

  .Footer_footer__BcpJO .Footer_bg__M395R {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/04_Chalkboard-BG-2.png");
  }
}

@media (max-width: 1248px) {
  .__1_homepageSection1__P_m9X .__1_bg__RnDtf {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/homepage-tablet-dark-banner-4.1.22.png");
  }

  .Footer_footer__BcpJO .Footer_bg__M395R {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/04_Chalkboard-BG-3.png");
  }

  /* Taller section here, so the lower pair drops to flank the tortilla plate
     rather than sitting up beside the heading. */
  .__4_homepageSection4__8rCza .ing--tomato {
    top: 65px;
  }

  .__4_homepageSection4__8rCza .ing--chili {
    top: 100px;
  }

  .__4_homepageSection4__8rCza .ing--lemon {
    top: 800px;
  }

  .__4_homepageSection4__8rCza .ing--avocado {
    top: 790px;
  }
}

@media (max-width: 782px) {
  .__1_homepageSection1__P_m9X .__1_bg__RnDtf {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/bg-banner-hero-mobile.png");
  }

  .Footer_footer__BcpJO .Footer_bg__M395R {
    background-image: url("https://burrblvd.nyc3.cdn.digitaloceanspaces.com/04_Chalkboard-BG-4.png");
  }

  /* Portrait arrangement: the desktop spread is far too wide for a phone, so
     the drawings are pulled in, held at a fixed size, and the lower pair is
     cropped by the viewport edges. */
  .__4_homepageSection4__8rCza .ing--tomato {
    width: 82px;
    height: 88px;
    background-size: 941px auto;
    background-position: -217px 0;
    left: 13.1%;
    top: 98px;
  }

  .__4_homepageSection4__8rCza .ing--chili {
    width: 183px;
    height: 51px;
    background-size: 941px auto;
    background-position: -595px -27px;
    left: 50%;
    top: 117px;
  }

  .__4_homepageSection4__8rCza .ing--lemon {
    width: 110px;
    height: 111px;
    background-size: 941px auto;
    background-position: -14px -277px;
    left: -44px;
    top: 600px;
  }

  .__4_homepageSection4__8rCza .ing--avocado {
    width: 141px;
    height: 101px;
    background-size: 941px auto;
    background-position: -787px -269px;
    left: auto;
    right: -71px;
    top: 600px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}