.sub-banner{position:relative}.sub-banner .sub-banner-img .image-wrapper{width:100%;position:relative}.sub-banner .sub-banner-img .image-wrapper:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000;opacity:.3}.sub-banner .sub-banner-img .image-wrapper .media{aspect-ratio:1/1}.sub-banner .sub-banner-img .image-wrapper .media img{transition:transform var(--duration-long) ease}.sub-banner .sub-banner-block:hover .sub-banner-img .image-wrapper .media img{-o-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}.sub-banner .sub-banner-img .placeholder-svg{width:100%;max-width:100%}.sub-banner .sub-banner-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.sub-banner .sub-banner-inner .sub-banner-block{position:relative;overflow:hidden;border-radius:var(--media-radius);color:#fff}.sub-banner .sub-banner-inner .sub-banner-text{position:absolute;top:0;left:0;padding:3.2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.sub-banner .sub-banner-inner .sub-banner-text>*{z-index:2}.sub-banner .sub-banner-inner .sub-banner-caption{font-size:1.6rem;font-weight:700;line-height:1.5625;margin-bottom:1.6rem}.sub-banner .sub-banner-inner .sub-banner-title{font-size:7rem;font-weight:700;line-height:1.2;margin:0;max-width:50rem}.sub-banner .sub-banner-inner .sub-banner-subtitle{font-size:1.5rem;font-weight:500;line-height:1.6;margin-top:1.6rem}.sub-banner .sub-banner-inner .button{margin-top:auto;background:rgb(var(--color-button-text));color:rgba(var(--color-button),var(--alpha-button-background));border-color:rgb(var(--color-button-text));gap:.4rem;align-items:center}.sub-banner .sub-banner-inner .button:before{background:rgba(var(--color-button))}.sub-banner .sub-banner-inner .button:hover>*{z-index:2;color:rgb(var(--color-button-text))}.sub-banner .sub-banner-inner .button .icon{stroke:currentColor;stroke-width:.5}.sub-banner .badge{position:absolute;width:10.8rem;height:10.8rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center}.sub-banner .badge.top-left{top:3.2rem;left:3.2rem}.sub-banner .badge.top-right{top:3.2rem;right:3.2rem}.sub-banner .badge.bottom-left{bottom:3.2rem;left:3.2rem}.sub-banner .badge.bottom-right{bottom:3.2rem;right:3.2rem}.sub-banner .badge .subtext{font-size:1.6rem;font-weight:700;line-height:1.625}.sub-banner .badge .text{font-size:2.8rem;font-weight:700;line-height:1.357}@media screen and (max-width: 1023px){.sub-banner .sub-banner-inner .sub-banner-title{font-size:4.9rem}.sub-banner .badge{width:9.6rem;height:9.6rem}.sub-banner .badge .text{font-size:2rem}}@media screen and (max-width: 989px) and (min-width: 750px){.sub-banner .sub-banner-inner .sub-banner-text{padding:2rem}.sub-banner .sub-banner-inner .sub-banner-caption{margin-bottom:1.2rem}.sub-banner .sub-banner-inner .sub-banner-title{font-size:3.8rem;max-width:15rem}.sub-banner .badge.top-right{top:2rem;right:2rem;width:8.4rem;height:8.4rem}}@media screen and (max-width: 749px){.sub-banner .sub-banner-inner{grid-template-columns:1fr;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.sub-banner .sub-banner-inner .sub-banner-block{width:100%}.sub-banner .sub-banner-inner .sub-banner-text{padding:2rem}.sub-banner .badge.top-right{top:2rem;right:2rem;width:8.4rem;height:8.4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sub-banner.css.map */