:root {
  --ink: #202222;
  --cream: #f7ebcf;
  --orange: #c86423;
  --lime: #f5ae38;
  --blue: #2f352e;
  --sport-blue: #2f352e;
}

.heroBrand {
  position: relative;
  width: min(42vw, 560px);
  isolation: isolate;
}

.heroBrand::before {
  position: absolute;
  z-index: -1;
  inset: 2% 7% 20%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 174, 56, 0.34) 0%, rgba(200, 100, 35, 0.15) 58%, transparent 74%);
  filter: blur(10px);
  content: "";
}

.heroBrand img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 28px 38px rgba(0, 0, 0, 0.36));
}

.heroArt .openBadge {
  top: 38px;
  right: 0;
  bottom: auto;
}

.sport,
.mapPattern {
  background-color: var(--blue);
}

.card2 {
  background: var(--blue);
  color: var(--cream);
}

.menuPage,
.jimmys-menu-page .menuPage {
  background: #f1e2c4;
}

.menuSection:nth-child(3n+2) {
  --menu-accent: #2f352e;
}

.menuSection:nth-child(3n) {
  --menu-accent: #ed9e33;
}

@media (max-width: 850px) {
  .heroBrand {
    width: min(76vw, 520px);
  }

  .heroArt .openBadge {
    top: 22px;
    right: 5%;
  }
}

@media (max-width: 520px) {
  .heroBrand {
    width: min(86vw, 430px);
  }

  .heroArt .openBadge {
    top: 12px;
    right: 0;
  }
}