.HeroBanner{display:block;overflow:hidden;margin-bottom:-.0625rem;position:relative}.HeroBanner:before{display:block;content:"";width:100%;padding-top:122.7045075125%}.HeroBanner .HeroBanner__content{position:absolute;top:0;left:0;right:0;bottom:0}@media screen and (min-width:600px){.HeroBanner{position:relative}.HeroBanner:before{display:block;content:"";width:100%;padding-top:38.1770833333%}.HeroBanner .HeroBanner__content{position:absolute;top:0;left:0;right:0;bottom:0}}.HeroBanner__image{width:100%}.HeroBanner__link,.HeroBanner__media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.HeroBanner__link:focus-visible:after,.HeroBanner__media-wrapper:focus-visible:after{content:"";display:block;-webkit-box-shadow:inset 0 0 0 4px var(--semantic-info-blue);box-shadow:inset 0 0 0 4px var(--semantic-info-blue);height:100%;width:100%;position:absolute;top:0;z-index:100}@supports not selector(:focus-visible){.HeroBanner__link:focus:after,.HeroBanner__media-wrapper:focus:after{content:"";display:block;-webkit-box-shadow:inset 0 0 0 4px var(--semantic-info-blue);box-shadow:inset 0 0 0 4px var(--semantic-info-blue);height:100%;width:100%;position:absolute;top:0;z-index:100}}.HeroBanner__link{cursor:pointer}.HeroBanner__copy{position:absolute;top:0;left:0;z-index:50;width:100%;height:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:1rem}.HeroBanner__title{font-size:1.5rem}@media screen and (min-width:600px){.HeroBanner__title{font-size:calc(1.5rem + 10*(100vw - 37.5rem)/599)}}@media screen and (min-width:1199px){.HeroBanner__title{font-size:2.125rem}}.HeroBanner__cta,.HeroBanner__title{color:inherit}.HeroBanner__body{max-width:38.8125rem}.HeroBanner__body>*{padding:0;margin:0}.HeroBanner__body *{color:inherit;font-size:.875rem}@media screen and (min-width:600px){.HeroBanner__body *{font-size:calc(.875rem + 2*(100vw - 37.5rem)/599)}}@media screen and (min-width:1199px){.HeroBanner__body *{font-size:1rem}}.HeroBanner__cta{margin-top:1.125rem;font-size:1.125rem;text-decoration:underline;text-transform:uppercase}.HeroBanner__video{position:absolute;top:0;left:0;width:100%}.HeroBanner__video .VideoElementComponent__item{max-width:100%}.HeroBanner--has-video .HeroBanner__image{display:none}