@font-face {
  font-family: 'Abril Fatface';
  src: url('/assets/fonts/AbrilFatface-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.neon-home .hero-title-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #f2cb70;
  text-align: center;
  text-shadow: 0 2px 2px #2a160a, 0 0 20px #ba711936;
}
.hero-title-crown { display: block; width: 66px; height: 52px; flex-shrink: 0; }
.neon-home .hero-title-name, .neon-home .hero-anniversary {
  font-family: 'Abril Fatface', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  white-space: nowrap;
}
.hero-title-name { display: block; font-size: 86px; line-height: 1.08; }
.hero-title-line { display: flex; justify-content: center; align-items: center; gap: 18px; }
.hero-anniversary { display: block; font-size: 112px; line-height: 1; }
.hero-anniversary sup { font-size: 38px; vertical-align: super; line-height: 0; }
.hero-title-the { font: 24px/1 Arial, sans-serif; }
.hero-title-sessions { font: 28px/1.15 Arial, sans-serif; text-align: left; }
@media (min-width: 1600px) {
  .hero-title-name { font-size: 106px; }
  .hero-anniversary { font-size: 136px; }
  .hero-anniversary sup { font-size: 46px; }
  .hero-title-sessions { font-size: 34px; }
}
@media (max-width: 1250px) {
  .hero-title-name { font-size: 68px; }
  .hero-anniversary { font-size: 88px; }
  .hero-anniversary sup { font-size: 32px; }
  .hero-title-sessions { font-size: 24px; }
  .hero-title-the { font-size: 20px; }
  .hero-title-crown { width: 56px; height: 44px; }
  .neon-home .hero-title-type { gap: 6px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .hero-title-name { font-size: 48px; }
  .hero-anniversary { font-size: 66px; }
  .hero-anniversary sup { font-size: 24px; }
  .hero-title-sessions { font-size: 18px; }
  .hero-title-the { font-size: 16px; }
  .hero-title-line { gap: 12px; }
  .hero-title-crown { width: 44px; height: 34px; }
}
@media (max-width: 700px) {
  .neon-home .hero-title-type { height: 190px; aspect-ratio: auto; gap: 5px; padding: 6px 12px; }
  .hero-title-crown { width: 42px; height: 33px; }
  .hero-title-name { font-size: 46px; }
  .hero-anniversary { font-size: 64px; }
  .hero-anniversary sup { font-size: 23px; }
  .hero-title-sessions { font-size: 19px; }
  .hero-title-the { font-size: 16px; }
  .hero-title-line { gap: 12px; }
  .neon-home .hero-copy { margin-top: 540px; }
}
@media (max-width: 359px) {
  .hero-title-name { font-size: 39px; }
  .hero-anniversary { font-size: 58px; }
  .hero-title-sessions { font-size: 17px; }
  .hero-title-line { gap: 9px; }
}
