.hero-text-widget {
  display: inline-flex;
  flex-direction: column;
  gap: 0;
}

/* Titolo H1 */
.hero-title {
  font-family: "TINY5x3", monospace !important;
  font-size: 180px !important;
  font-weight: 80;
  line-height: 0.7;
  margin: 0 !important;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Date */
.hero-dates {
  font-family: "TINY5x3", monospace;
  font-size: 46px;
  font-weight: 80;
  line-height: 0.8;
  text-align: right;
  white-space: nowrap;
}

/* Sottotitolo */
.hero-subtitle {
  font-family: "TINY5x3", monospace;
  font-size: 56px;
  font-weight: 80;
  line-height: 0.8;
  margin-top: -4px;
  text-transform: uppercase;
}

/* Parole e caratteri per l'effetto hover */
.hero-text-widget .word {
  display: inline-block;
  white-space: nowrap;
}

.hero-text-widget .char {
  display: inline-block;
  will-change: font-weight;
  cursor: default;
}

.hero-text-widget:hover {
  cursor: none;
}

/* MOBILE */
@media only screen and (max-width: 768px) {
  .hero-text-top {
    flex-direction: column;
    gap: 16px;
  }

  .hero-title {
    font-size: 60px !important;
  }

  .hero-dates {
    font-size: 24px;
    text-align: left;
  }

  .hero-subtitle {
    font-size: 28px;
    margin-top: 8px;
  }
}