/* MHQ main-site alignment refinements v2 */

/* Prevent long legacy hero headlines from visually leaking into the artwork column. */
.premium-site main>.hero .hero-content,
.premium-site main>.hero .hero-content>h1{
  max-width:100%!important;
}
.premium-site main>.hero .hero-content>h1{
  overflow-wrap:normal!important;
}

/* Contact page: the emphasized line is intentionally longer than the two lines above it.
   Scale it to the same visual column width instead of letting it collide with the art. */
.premium-site main>.hero.hero-mhq .hero-content>h1 em{
  display:inline-block!important;
  max-width:100%!important;
  font-size:.76em!important;
  line-height:.94!important;
  white-space:nowrap!important;
  letter-spacing:-.02em!important;
  transform-origin:left center;
}

/* Keep copy and artwork columns visually aligned at the top/bottom of the hero. */
.premium-site main>.hero.hero-mhq .hero-content{
  padding-right:clamp(0px,1.2vw,18px);
}

@media(max-width:950px){
  .premium-site main>.hero.hero-mhq .hero-content>h1 em{
    font-size:.74em!important;
  }
}

@media(max-width:650px){
  .premium-site main>.hero.hero-mhq .hero-content{
    padding-right:0;
  }
  .premium-site main>.hero.hero-mhq .hero-content>h1 em{
    font-size:.72em!important;
    white-space:normal!important;
  }
}