.banner{display:flex;position:relative;flex-direction:column}.banner--clickable{cursor:pointer}.banner__full-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none;z-index:3}.banner__full-link:focus-visible{outline:.3rem solid rgba(18,18,18,.75);outline-offset:-.6rem}.banner__promo-cta{display:none}@media screen and (max-width:749px){.banner--mobile-bottom:not(.banner--stacked):not(.banner--adapt)>.banner__media{height:39rem}.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}}@media screen and (min-width:750px){.banner{min-height:72rem;flex-direction:row}}@media screen and (max-width:749px){.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width:749px){.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}.banner:not(.banner--adapt):not(.banner--stacked):not(.banner--mobile-bottom)>.banner__content{min-height:39rem}}@media screen and (min-width:750px){.banner__media{height:100%}}.banner--adapt{height:auto;min-height:0}.banner--adapt .banner__media picture>img{object-fit:contain}@media screen and (max-width:749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom) .banner__box.color-background-1{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.banner:not(.banner--mobile-bottom) .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;min-height:39rem;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative;height:39rem}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.banner__media picture>img{height:100%;object-fit:cover;object-position:center center;width:100%}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (max-width:749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}}@media screen and (min-width:750px){.banner__content{padding-bottom:5rem;padding-top:5rem}.banner__content--center{align-items:center}.banner__content--flex-start{align-items:flex-start}.banner__content--flex-end{align-items:flex-end}}.banner__box{border:0;padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%}.banner__box.color-transparent-dark,.banner__box.color-transparent-light{background-color:transparent}.banner__box.color-transparent-dark{--color-foreground: 18, 18, 18;--color-button: 18, 18, 18;--color-button-text: 255, 255, 255;color:rgb(var(--color-foreground))}.banner__box.color-transparent-light{--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 18, 18, 18;color:rgb(var(--color-foreground))}.banner__box.color-glass-light{--color-foreground: 18, 18, 18;--color-button: 18, 18, 18;--color-button-text: 255, 255, 255;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffad;color:rgb(var(--color-foreground))}.banner__box.color-glass-dark{--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 18, 18, 18;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#12121280;color:rgb(var(--color-foreground))}.banner__box.color-wine{--color-foreground: 255, 255, 255;--color-background: 92, 24, 39;--color-button: 255, 255, 255;--color-button-text: 92, 24, 39;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.banner--desktop-transparent .banner__box{background-color:transparent;max-width:89rem}.banner--desktop-transparent .banner__box.color-background-1{--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.banner--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}}@media screen and (max-width:749px){.banner--mobile-bottom:after{display:none}}.banner:after{content:"";position:absolute;background:#000;opacity:0;z-index:1;width:100%;height:100%}@media screen and (min-width:750px){.banner__promo-cta{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff42;border:.1rem solid rgba(18,18,18,.36);border-radius:999px;box-shadow:0 .8rem 2.4rem #12121224;color:#121212;display:inline-flex;font-size:1.5rem;font-weight:600;gap:.8rem;justify-content:center;line-height:1.2;max-width:min(32rem,calc(100% - 4rem));min-height:4.8rem;padding:1.2rem clamp(1.8rem,2vw,2.6rem);position:absolute;text-align:center;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;z-index:4}.banner__promo-cta:hover{background:#ffffffa3;border-color:#12121285;box-shadow:0 1rem 2.8rem #1212122e}.banner__promo-cta:active{transform:translate(var(--banner-cta-x, 0),var(--banner-cta-y, 0)) scale(.98)}.banner__promo-cta-arrow{flex:0 0 auto;transition:transform .18s ease}.banner__promo-cta:hover .banner__promo-cta-arrow{transform:translate(.4rem)}.banner__promo-cta--bottom-center{--banner-cta-x: -50%;bottom:clamp(5rem,12%,11rem);left:50%;transform:translate(-50%)}.banner__promo-cta--bottom-left{bottom:clamp(5rem,12%,11rem);left:clamp(2rem,5vw,7rem)}.banner__promo-cta--bottom-right{bottom:clamp(5rem,12%,11rem);right:clamp(2rem,5vw,7rem)}.banner__promo-cta--center-left{--banner-cta-y: -50%;left:clamp(2rem,5vw,7rem);top:50%;transform:translateY(-50%)}.banner__promo-cta--center-right{--banner-cta-y: -50%;right:clamp(2rem,5vw,7rem);top:50%;transform:translateY(-50%)}}.banner__box>.banner__buttons{display:flex;align-items:baseline;gap:1rem;justify-content:center;flex-wrap:wrap}.banner__box>*+.banner__buttons--multiple{display:flex;max-width:45rem;flex-wrap:wrap;align-items:baseline;justify-content:center}@media screen and (min-width:750px){.banner__box>*+.banner__buttons{margin-top:2rem}}.banner__content .button:last-child{margin-right:0}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width:750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}.banner__content .button:not(:only-child){flex-grow:1}@media screen and (max-width:749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width:750px){.banner__box{padding:5rem;width:auto;max-width:71rem;min-width:45rem}.banner__box>.banner__buttons:only-child .button{margin-top:0}}.banner__heading>*,.banner__text>*{word-wrap:break-word}.banner__heading{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-image-banner.css.map */