/* Keep the complete hero message centered and above the fold on desktop. */
@media (min-width:761px){
  .hero-bg{background-image:linear-gradient(90deg,rgba(12,2,30,.46),rgba(12,2,30,.68),rgba(12,2,30,.46)),url('/assets/img/haz-neon-city-hero.webp')}
  .hero-copy{max-width:820px;padding:48px 20px 56px;display:flex;flex-direction:column;align-items:center;text-align:center}
  .hero h1{max-width:800px;font-size:clamp(40px,3.6vw,56px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
  .phrase{font-size:clamp(22px,1.8vw,30px)}
  .hero-lead{max-width:700px;font-size:17px;line-height:1.5}
  .hero-actions{justify-content:center}
}
@media (min-width:761px) and (max-height:760px){
  .hero{min-height:calc(100svh - 78px)}
  .hero-copy{padding-top:30px;padding-bottom:32px}
  .hero h1{font-size:clamp(38px,3.8vw,56px)}
  .phrase{margin:9px 0 5px;font-size:24px}
  .hero-lead{margin-bottom:15px;font-size:16px}
  .hero-note{margin-top:10px}
}