.blizzard-hero-banner{background-color:#f1f1f1;background-repeat:no-repeat;background-size:cover}.blizzard-hero-banner .blizzard-2cta-hero{padding-top:80px;position:relative}.blizzard-hero-banner .blizzard-hero-img{opacity:.25}.blizzard-hero-banner .blizzard-hero-content{background-size:0}.blizzard-hero-banner h1{font-size:3rem;font-weight:600;line-height:1}.blizzard-hero-banner .button-blue.button-ghost,.blizzard-hero-banner .cta-blue{padding:13.5px 15px}.blizzard-hero-banner .button-blue.button-ghost:active,.blizzard-hero-banner .button-blue.button-ghost:focus,.blizzard-hero-banner .button-blue.button-ghost:hover{background-color:transparent!important;color:#1487f0}.blizzard-hero-banner .bi-chevron-down:not(:first-of-type){margin-top:-.25rem}@media screen and (min-width:768px){.blizzard-hero-banner .blizzard-hero-content{position:absolute}.blizzard-hero-banner .blizzard-2cta-hero{bottom:-40px}.blizzard-hero-banner h1{font-size:3.5rem;margin-top:80px}}@media screen and (min-width:960px){.blizzard-hero-banner .blizzard-2cta-hero{padding-top:150px}.blizzard-hero-banner .blizzard-2cta-hero.has-2-content{padding-top:220px}.blizzard-hero-banner .blizzard-hero-img{opacity:1}}@media screen and (max-width:767px){.blizzard-hero-banner .blizzard-hero-content{background-position:right 95%;background-repeat:no-repeat;background-size:contain}.blizzard-hero-banner .opaque-xs{background-color:hsla(0,0%,100%,.7);padding:.7rem}.blizzard-hero-banner .opaque-xs p:last-of-type{margin-bottom:0}}