@font-face {
  font-family: "Chakra Petch";
  src: url("assets/fonts/ChakraPetch-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root { --label: "Chakra Petch", "Arial Black", sans-serif; }
.hero-facts dt, .visit-dates dt, .visit-detail h3,
.section-kicker, .hero .hero-offer .hero-offer-deadline,
.ticket-offer .offer-deadline {
  font-family: var(--label);
  font-weight: 700;
}
.hero-facts dt, .visit-dates dt, .visit-detail h3, .section-kicker {
  text-transform: uppercase;
  letter-spacing: .06em;
}
.visit-dates dt, .visit-detail h3 { font-size: 14px; }
.visit-detail { grid-template-columns: 84px minmax(0, 1fr); }
.ticket-offer .offer-deadline { font-size: 18px; line-height: 1.35; padding: 7px 10px; }
@media (min-width: 901px) {
  .hero-facts dt { font-size: 15px; }
  .hero .hero-offer .hero-offer-deadline { font-size: 18px; padding: 5px 7px; }
  .hero .hero-offer .hero-offer-gift { font-size: 16px; }
  .hero .hero-ticket-cta { font-size: 15px; }
}
@media (max-width: 760px) {
  .visit-detail { grid-template-columns: 72px minmax(0, 1fr); }
  .ticket-offer .offer-deadline { font-size: 16px; }
}
@media (max-width: 360px) { .visit-detail { grid-template-columns: 1fr; } }