/* Approved 2560 x 900 artwork. One scenery layer, proportional at every width. */
.hero {
  --hero-scene-mask: linear-gradient(to bottom, #000 44%, rgba(0,0,0,.98) 56%, rgba(0,0,0,.85) 67%, rgba(0,0,0,.55) 78%, rgba(0,0,0,.22) 88%, rgba(0,0,0,.04) 96%, transparent 100%);
  height: max(560px, 35.15625vw);
  min-height: 560px;
  max-height: none;
}
.hero::after, .hero > .hero-video-layer { inset: 0; }
.hero::after { background-position: center center; background-size: cover; filter: brightness(.79) saturate(.82); }
.hero::before {
  z-index: 1;
  background: linear-gradient(90deg, rgba(7,8,9,.5), rgba(7,8,9,.23) 43%, rgba(7,8,9,.08) 68%, rgba(7,8,9,.16)) !important;
}
@media (min-width: 1200px) {
  .hero .hero-text-block { max-width: 374px !important; }
}
@media (max-width: 1199.98px) {
  .hero { height: auto; min-height: 600px; max-height: none; }
  .hero::after { background-position: 82% center; }
  .hero::before { background: linear-gradient(to bottom, rgba(7,8,9,.2), rgba(7,8,9,.38) 32%, rgba(7,8,9,.83) 62%, #070809) !important; }
  .hero .hero-content { min-height: 600px; }
  .hero .hero-content .container { flex-direction: column !important; justify-content: flex-end !important; align-items: center !important; min-height: 600px; padding-top: 250px; padding-bottom: 56px; }
  .hero .hero-logo-center { top: 24% !important; width: min(52.8vw, 308px) !important; }
  .hero .hero-text-block { max-width: 400px !important; margin-inline: auto !important; text-align: center !important; }
  .hero .hero-kicker, .hero .hero-desc, .hero h1 { text-align: center !important; }
}
@media (max-width: 575.98px) {
  .hero .hero-logo-center { width: min(68.2vw, 264px) !important; }
  .hero .hero-content .container { padding-inline: 24px; }
  .hero .hero-text-block { max-width: 400px !important; }
  .hero .hero-buttons-row { flex-wrap: wrap; justify-content: center; gap: 10px; }
}