/* Per-poster city labels. Colors sampled from each poster banner and
   filename palette, then adjusted so text-vs-band contrast is at least 4.5:1.
   Font: Alfa Slab One (SIL Open Font License), closest match to the posters'
   heavy slab / western lettering among Rye, Ultra, Alfa Slab One, and Sancreek. */

.city-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 14px 8px 16px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Alfa Slab One", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.2rem, 2.2vw, 1.75rem);
  line-height: 1.15;
  letter-spacing: 0.05em;
  border-top: 4px solid currentColor;
  box-decoration-break: clone;
}
.city-label.long {
  font-size: clamp(1.15rem, 1.7vw, 1.4rem);
  letter-spacing: 0.03em;
}

/* City-page hero banner + figcaption labels share the same classes. */
.city-banner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 18px;
  padding: 12px 28px 14px;
  min-height: 64px;
  text-transform: uppercase;
  font-family: "Alfa Slab One", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  letter-spacing: 0.06em;
  line-height: 1.15;
  border: 4px solid currentColor;
}
.poster-stage figcaption {
  margin-top: 0;
  padding: 0;
}
.poster-stage .city-label {
  width: 100%;
}

.label-atlanta { color: #14110E; background-color: #F3E6D0; border-color: #B51C1C; }
.label-baltimore { color: #E8B84A; background-color: #2A1658; border-color: #E8B84A; }
.label-boston { color: #12203C; background-color: #F3E6D0; border-color: #B51C1C; }
.label-buffalo { color: #1A4A8C; background-color: #F3E6D0; border-color: #B51C1C; }
.label-charlotte { color: #1A4A8C; background-color: #F3E6D0; border-color: #12203C; }
.label-chicago { color: #12203C; background-color: #E06A12; border-color: #12203C; }
.label-cincinnati { color: #B04300; background-color: #F3E6D0; border-color: #14110E; }
.label-cleveland { color: #3A2712; background-color: #F3E6D0; border-color: #C44A00; }
.label-dallas { color: #12203C; background-color: #E4DED4; border-color: #12203C; }
.label-denver { color: #12203C; background-color: #F3E6D0; border-color: #C44A00; }
.label-detroit { color: #1A4A8C; background-color: #E4DED4; border-color: #1A4A8C; }
.label-green-bay { color: #E8B84A; background-color: #1A3D1F; border-color: #E8B84A; }
.label-houston { color: #B51C1C; background-color: #F3E6D0; border-color: #12203C; }
.label-indianapolis { color: #1A4A8C; background-color: #F3E6D0; border-color: #1A4A8C; }
.label-jacksonville { color: #14110E; background-color: #E8B84A; border-color: #0B555C; }
.label-kansas-city { color: #F1D38F; background-color: #B51C1C; border-color: #E8B84A; }
.label-las-vegas { color: #E4DED4; background-color: #161616; border-color: #E4DED4; }
.label-los-angeles-1 { color: #E8B84A; background-color: #1A4A8C; border-color: #E8B84A; }
.label-los-angeles-2 { color: #1C5C8A; background-color: #F3E6D0; border-color: #1C5C8A; }
.label-miami { color: #FF8A2B; background-color: #063438; border-color: #FF8A2B; }
.label-minneapolis { color: #E8B84A; background-color: #2A1658; border-color: #E8B84A; }
.label-nashville { color: #E8B84A; background-color: #12203C; border-color: #D5E6F2; }
.label-new-orleans { color: #E8B84A; background-color: #12203C; border-color: #E8B84A; }
.label-new-york-1 { color: #1A4A8C; background-color: #F3E6D0; border-color: #B51C1C; }
.label-new-york-2 { color: #1A3D1F; background-color: #F3E6D0; border-color: #1A3D1F; }
.label-philadelphia { color: #1A3D1F; background-color: #E4DED4; border-color: #1A3D1F; }
.label-phoenix { color: #14110E; background-color: #E8C56A; border-color: #B51C1C; }
.label-pittsburgh { color: #E8B84A; background-color: #161616; border-color: #E8B84A; }
.label-san-francisco { color: #B51C1C; background-color: #F3E6D0; border-color: #B51C1C; }
.label-seattle { color: #7ED14A; background-color: #12203C; border-color: #7ED14A; }
.label-tampa { color: #B51C1C; background-color: #F3E6D0; border-color: #6E6E66; }
.label-washington-dc { color: #E8B84A; background-color: #5C1018; border-color: #E8B84A; }