.hero-banner{position:relative}.hero-banner__item{background-position:50%;background-size:cover;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--item-height);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.hero-banner__item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-banner__content{position:relative;z-index:2}.hero-banner__content a.button{clear:both;margin-bottom:calc(var(--grid-gutter)*2);margin-top:calc(var(--grid-gutter))}@media (min-width:992px){.hero-banner__content a.button{margin-bottom:0}}.hero-banner__headline>span{color:#fff;display:table;padding:0;font-size:var(--h1-font-size);line-height:var(--h1-line-height);font-weight:var(--h1-font-weight)}.hero-banner__headline>span>span{color:var(--primary)}.hero-banner__headline--with-sub>span:first-of-type{margin-bottom:calc(var(--grid-gutter)/2)}@media (min-width:768px){.hero-banner--dense{--item-height:300px}}@media (min-width:1400px){.hero-banner--dense{--item-height:400px}}