.c-hero-banner{border-radius:20px;gap:20px;margin:10px 0;padding:40px 20px}.c-hero-banner--light,.c-hero-banner--streamlined{padding:1em 0 0}.c-hero-banner__image img{display:block;height:auto;width:100%}.c-hero-banner__content{position:relative}.c-hero-banner__buttons{gap:20px}@media(min-width:1170px){.c-hero-banner{flex-direction:row-reverse;margin:0;padding:200px 0}.c-hero-banner__content{flex:0 0 60%;padding-left:90px}.c-hero-banner__image{flex:0 0 calc(40% - 20px);opacity:1;position:relative}.c-hero-banner__image img{max-width:none!important;position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto}.c-hero-banner__buttons{flex-direction:row;margin-top:40px}}.dnd-section--hero-banner{position:relative}.dnd-section--hero-banner:after{background-position:50%;background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;z-index:-1}@media(min-width:992px){.c-hero-banner--light .c-hero-banner__content,.c-hero-banner--streamlined .c-hero-banner__content{padding-bottom:60px}.s-hero-banner--overlap .c-hero-banner--light .c-hero-banner__content,.s-hero-banner--overlap .c-hero-banner--streamlined .c-hero-banner__content{padding-bottom:140px}}@media(min-width:1170px){.c-hero-banner--light,.c-hero-banner--streamlined{min-height:450px;padding:180px 0 0;position:relative}.s-hero-banner--overlap .c-hero-banner--light,.s-hero-banner--overlap .c-hero-banner--streamlined{min-height:600px}.c-hero-banner--light:after,.c-hero-banner--streamlined:after{background-position:right 80px;background-repeat:no-repeat;background-size:cover;border-bottom-right-radius:20px;height:100%;-webkit-mask-image:linear-gradient(270deg,#fff 0,transparent);mask-image:linear-gradient(270deg,#fff 0,transparent);max-height:100%;position:absolute;right:0;top:0;width:45%;z-index:-1}.c-hero-banner--light .c-hero-banner__image,.c-hero-banner--streamlined .c-hero-banner__image{flex:0 0 calc(45% - 20px);opacity:0;right:-200px;visibility:hidden}.c-hero-banner--light .c-hero-banner__content,.c-hero-banner--streamlined .c-hero-banner__content{flex:0 0 55%;padding:0 0 60px}.dnd-section--hero-banner:after{background-position:100% 0;opacity:1}}@media(min-width:1600px){.c-hero-banner--light .c-hero-banner__content,.c-hero-banner--streamlined .c-hero-banner__content{padding:2em 0}}@media(min-width:480px) and (max-width:1169px){.c-hero-banner{position:relative}.c-hero-banner__image{opacity:.4;position:absolute;text-align:center}.c-hero-banner--dark .c-hero-banner__image{right:0}.c-hero-banner--dark .c-hero-banner__image img{max-height:300px}.dnd-section--hero-banner{margin:0 20px;max-width:var(--container-width-desktop)}.c-hero-banner--light,.c-hero-banner--streamlined{min-height:300px}.c-hero-banner--light .c-hero-banner__content,.c-hero-banner--streamlined .c-hero-banner__content{padding:2em 0}.c-hero-banner--light .c-hero-banner__image,.c-hero-banner--streamlined .c-hero-banner__image{height:100%;right:0;top:0}.c-hero-banner--light .c-hero-banner__image img,.c-hero-banner--streamlined .c-hero-banner__image img{height:100%!important}}