.banner{display:block;width:100%;margin:auto;z-index:1;overflow:hidden}
.banner__openclosebtn{text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding:0;z-index:1;color:#fff;font-size:.8125rem;position:absolute;top:0;right:0;transition:bottom ease-out .3s,opacity ease .3s;opacity:1;cursor:pointer;background:0;border:0;box-shadow:none}
.banner__openclosebtn:after{content:"\2573";display:block;padding-left:0;line-height:1;font-size:1.6rem;font-weight:normal;transition:.45s ease-in-out;transform:rotate(-45deg)}
.banner__openclosebtn:focus-visible{outline:2px solid #4a89f3;outline-offset:-4px}
.banner__item{transition:height .8s ease-in-out;position:relative;display:block;flex:1;box-sizing:border-box;height:200px;min-height:auto;overflow:hidden;background-color:rgba(0,0,0,0.2);will-change:auto}
.banner__item .button{padding:16px 0;text-align:center;text-align:left}
.banner__item .button.btn-secondary .cmp-button.btn.btn-primary.banner__link{visibility:hidden;pointer-events:none;color:#fff;border-color:#fff}
.banner__item .button.btn-secondary .cmp-button.btn.btn-primary.banner__link:focus,.banner__item .button.btn-secondary .cmp-button.btn.btn-primary.banner__link:focus-visible{background-color:#2058a8;transition:background-color .15s ease,border-color .15s ease}
.banner__item.banner--expanded{height:auto;flex:3;cursor:default}
.banner__item.banner--expanded .banner__openclosebtn:after{transform:rotate(0);opacity:1;color:#fff}
.banner__item.banner--expanded .banner__text{opacity:1}
.banner__item.banner--expanded .button.btn-secondary .cmp-button.btn.btn-primary.banner__link{visibility:visible;pointer-events:auto}
.banner__imagewrap,.banner__image,.banner__video{width:100%;height:100%;position:absolute;z-index:0;display:block;background-repeat:no-repeat;background-size:cover}
.banner__video{-o-object-fit:cover;object-fit:cover}
.banner__videoitem{position:absolute;z-index:0;top:0;left:0;min-width:100%;min-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}
.banner__content{transition:.3s ease-in-out;z-index:0;position:relative;bottom:0;left:0;padding:3rem 2rem;min-height:32vh;width:100%;background-color:rgba(0,0,0,0.2);box-sizing:inherit}
.banner__title{font-size:2.4rem;letter-spacing:0;margin:0 0 2rem;font-family:"Scania Sans Headline Bold",arial,helvetica,sans-serif;line-height:1.05;padding:0;color:#fff;text-align:left;text-transform:uppercase;transition:all cubic-bezier(0.76,0.13,0.21,0.93) .4s;will-change:auto}
.banner__title:hover,.banner__title:focus,.banner__title:visited{color:#fff}
.banner__text{transition:.5s ease;opacity:0;color:#fff;font-size:1.6rem;will-change:transform}
.banner__text p{color:inherit;font-size:inherit;margin-bottom:2rem;will-change:auto;font-family:"Scania Sans",arial,helvetica,sans-serif;font-size:2rem;letter-spacing:-0.01em}
.banner.banner--show-all-content .banner__text{height:100%;opacity:1;transform:translateY(0)}
.banner.banner--show-all-content .banner__title.title--animation{transform:translateY(0)}
.banner.banner--show-all-content .banner__item .button.btn-secondary .cmp-button.btn.btn-primary.banner__link{visibility:visible;pointer-events:auto}
.banner--expanded{transition:.5s ease-in-out;will-change:auto}
@media(max-width:991px),(hover:none) and (pointer:coarse){.banner .banner__item{transition-property:height;transition-duration:1.1s;transition-timing-function:ease-in-out}
.banner.banner--show-all-content .banner__item{height:auto}
.banner.banner--show-all-content .banner__item--video .banner__content{position:relative;top:auto;height:auto}
.banner.banner--show-all-content .banner__openclosebtn{display:none}
}
@media(min-width:992px) and (hover:hover) and (pointer:fine){.banner{display:flex}
.banner__openclosebtn{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;color:transparent;cursor:default}
.banner__openclosebtn:focus-visible{outline:2px solid #2a6ecf;outline-offset:-2px}
.banner__item{transition:flex .8s ease-in-out;height:80vh;min-height:51rem}
.banner__imagewrap,.banner__image,.banner__video,.banner__videoitem{position:absolute;top:0;left:0;width:100%;height:100%}
.banner__videoitem{max-width:none}
.banner__content{position:absolute;left:0;bottom:0;width:100%;min-height:auto;padding:48px;background-color:rgba(0,0,0,0.3);z-index:2}
.banner__title{font-size:3.2rem;margin:0}
.banner__title.title--animation{transform:translateY(88px)}
.banner__text{height:132px;transition:.5s ease-in-out;transform:translateY(100%)}
.banner__text p{margin:2rem 0}
.banner__link{padding:18px 2rem;visibility:hidden;pointer-events:none}
.banner__item:hover,.banner__item:focus-within{transition:.8s ease-in-out;flex:2;display:block;background-color:rgba(0,0,0,0.5)}
.banner__item:hover .banner__title.title--animation,.banner__item:focus-within .banner__title.title--animation{transform:translateY(0)}
.banner__item:hover .banner__content,.banner__item:focus-within .banner__content{transition:.8s ease-in-out;max-width:unset;position:absolute;transform:translate3d(0,0,0)}
.banner__item:hover .banner__text,.banner__item:focus-within .banner__text{transform:translateY(0);display:block;opacity:1;font-size:16px;width:100%;height:auto}
.banner__item:hover .banner__text p,.banner__item:focus-within .banner__text p{max-width:70%}
.banner__item:hover .button.btn-secondary .cmp-button.btn.btn-primary.banner__link,.banner__item:focus-within .button.btn-secondary .cmp-button.btn.btn-primary.banner__link{visibility:visible;pointer-events:auto;opacity:1;transition:.5s ease-in-out;transform:none}
}