.expanding-banner{position:relative}.expanding-banner .block{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:0!important}@media(max-width:1024px){.expanding-banner .block{min-height:unset;display:block}}.expanding-banner .block .inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:1024px){.expanding-banner .block .inner{display:block}}.expanding-banner h2{margin-bottom:8rem}@media(max-width:900px){.expanding-banner h2{margin-bottom:5%}}.expanding-banner .media-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-mask-image:url(mask.svg);mask-image:url(mask.svg);-webkit-mask-size:30%;mask-size:30%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}@media(max-width:1024px){.expanding-banner .media-container{-webkit-mask-size:50%;mask-size:50%;position:relative;height:100%;max-width:800px;width:100%;aspect-ratio:16/9;margin:0 auto 5%}}@media(max-width:600px){.expanding-banner .media-container{-webkit-mask-size:70%;mask-size:70%;max-width:400px;aspect-ratio:4/3}}.expanding-banner .media-container .overlay{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#242424;opacity:0;z-index:2;pointer-events:none}.expanding-banner .media-container img,.expanding-banner .media-container video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(.9)}.expanding-banner .content-wrapper{max-width:500px;opacity:0}@media(max-width:1024px){.expanding-banner .content-wrapper{text-align:center;margin:0 auto}.expanding-banner .content-wrapper h2{margin-left:auto!important;margin-right:auto!important;text-align:center!important}}.expanding-banner .graphics-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.expanding-banner .graphics-wrapper .graphic{position:absolute;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;z-index:2}.expanding-banner .graphics-wrapper .graphic--left{left:0;bottom:0;max-width:5vw}@media(max-width:600px){.expanding-banner .graphics-wrapper .graphic--left{max-width:8vw;top:0%}}.expanding-banner .graphics-wrapper .graphic--right{right:0;top:-10%;max-width:10vw;max-height:10vw}@media(max-width:600px){.expanding-banner .graphics-wrapper .graphic--right{top:10%;max-width:20vw;max-height:20vw}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/expanding-banner.css.map */