/* Hero logo layout — loaded after index.min.css so it applies without a full rebuild */
html.CAA26 .hero {
  justify-content: center;
}

html.CAA26 .hero-content--logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

html.CAA26 .hero-content--logo > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

html.CAA26 .hero-content--logo .hero-presented-by {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  text-align: center;
}

html.CAA26 .hero-content--logo .hero-title--logo {
  display: block;
  width: min(520px, 82vw);
  max-width: min(520px, 82vw);
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

html.CAA26 .hero-content--logo .hero-logo {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

html.CAA26 .hero-content--logo .hero-subtitle,
html.CAA26 .hero-content--logo .hero-countdown-block,
html.CAA26 .hero-content--logo .countdown-caption {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

html.CAA26 .hero-content--logo .hero-countdown-block,
html.CAA26 .hero-content--logo .hero-ctas,
html.CAA26 .hero-content--logo .hero-meta {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

html.CAA26 .hero-content--logo .hero-countdown-block {
  flex-direction: column;
}

html.CAA26 .hero-content--logo .countdown {
  justify-content: center !important;
}

@media (max-width: 767px) {
  html.CAA26 .hero-content--logo .hero-title--logo {
    width: min(340px, 88vw);
    max-width: min(340px, 88vw);
  }
}

@media (min-width: 1600px) {
  html.CAA26 .hero-content--logo .hero-title--logo {
    width: 580px;
    max-width: 580px;
  }
}
