/* Mobile-only hero corrections. Desktop layout intentionally remains in style.css. */
@media (max-width: 620px) {
  ._page_t9dbc_1 > main {
    overflow-x: clip;
  }

  ._hero_t9dbc_41,
  ._heroInner_t9dbc_61,
  ._heroStage_t9dbc_68 {
    width: 100%;
    max-width: 100%;
  }

  ._heroVisualTitle_t9dbc_70 {
    width: 90%;
    top: 2.5%;
    left: 5%;
  }

  ._heroTitleLayer_t9dbc_82 {
    width: 100%;
    max-width: 100%;
  }

  ._heroArt_t9dbc_107 ._characterLayer_t9dbc_123 {
    width: 110%;
    top: 32%;
    right: -5%;
  }

  ._heroArt_t9dbc_107 ._heroDateLayer_t9dbc_135 {
    width: 35%;
    right: 2.5%;
    bottom: 1.5%;
  }
}

@media (max-width: 380px) {
  ._heroVisualTitle_t9dbc_70 {
    width: 92%;
    left: 4%;
  }

  ._heroArt_t9dbc_107 ._characterLayer_t9dbc_123 {
    width: 108%;
    top: 34%;
    right: -4%;
  }

  ._heroArt_t9dbc_107 ._heroDateLayer_t9dbc_135 {
    width: 36%;
    right: 2%;
  }
}