/* Palette drawn from the Gas House Gang jersey: midnight, bone, silver, red. */
:root {
  --ink: #171d2a;
  --paper: #f4f2ed;
  --acid: #f4f2ed;
  --orange: #f52d43;
  --silver: #9da0a8;
  --line: rgba(23, 29, 42, .22);
}

.brand i { background: var(--orange); }
.hero h1 { font-family: "Berkshire Swash", cursive; font-size: clamp(72px, 12.8vw, 184px); font-weight: 400; letter-spacing: -.08em; line-height: .72; text-shadow: 4px 5px 0 var(--silver), 8px 9px 0 var(--orange); }
.hero h1 span, .hero h1 em { font-family: inherit; font-size: 1em; letter-spacing: inherit; line-height: inherit; }
.hero h1 em { color: var(--paper); }
.round-link { color: var(--paper); background: var(--orange); box-shadow: 3px 3px 0 var(--silver); }
.legacy h2 i, .dugout h2 i { color: var(--orange); text-shadow: 2px 2px 0 var(--silver); }

.schedule { background: var(--orange); color: var(--paper); }
.section-no.light { color: rgba(244, 242, 237, .72); }
.game-list { border-color: var(--paper); }
.game { border-color: rgba(244, 242, 237, .48); }
.matchup b { color: var(--ink); }
.matchup i { color: rgba(244, 242, 237, .72); }
.win { color: var(--ink); background: var(--paper); }
.next .matchup i, .next .place, .next .result { color: var(--orange); }
.schedule-source span { color: var(--paper); }

/* A restrained print-like offset, echoing the shirt's screen-printed lettering. */
.footer-brand { color: var(--paper); text-shadow: 2px 2px 0 var(--silver), 4px 4px 0 var(--orange); }

/* The anniversary ball is intentionally high-contrast, even over the hero texture. */
.hero-mark b { color: var(--orange); text-shadow: 1px 1px 0 var(--ink), 2px 2px 0 var(--paper); }
.hero-mark small { color: var(--paper); background: var(--ink); border-radius: 99px; padding: 3px 7px; box-shadow: 0 0 0 2px var(--paper); }

@media (max-width: 760px) {
  .hero { min-height: 690px; padding-top: 138px; }
  .hero h1 { font-size: clamp(76px, 23vw, 105px); line-height: .76; letter-spacing: -.09em; text-shadow: 3px 4px 0 var(--silver), 6px 7px 0 var(--orange); }
  .hero h1 em { margin-left: 12vw; }
  .hero-text { max-width: 255px; font-size: 13px; }
  .hero-mark { right: -18px; bottom: 87px; transform: rotate(13deg) scale(.88); transform-origin: bottom right; }
  .hero-foot { bottom: 22px; }
  .numbers b { font-size: 52px; }
  .dugout h2 { font-size: 66px; }
}