.banner{display:flex;position:relative;flex-direction:column}.banner__box{text-align:center}.banner__box.gradient{transform:perspective(0)}@media only screen and (max-width:749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width:750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:68rem}}.banner__media.animate--zoom-in{clip-path:inset(0px)}.banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width:750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.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}.banner__media-half.animate--fixed:first-child>img,.banner__media-half.animate--zoom-in:first-child>img{width:50%}.banner__media-half.animate--fixed:nth-child(2)>img,.banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width:749px){.banner--stacked .animate--fixed:first-child>img,.banner--stacked .animate--zoom-in:first-child>img{width:100%}.banner--stacked .banner__media-half.animate--fixed:nth-child(2)>img,.banner--stacked .banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width:750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@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):not(.email-signup-banner) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;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}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input,.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-background-1{background:transparent}}.banner__box{position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}@media screen and (min-width:750px){.banner--desktop-transparent .banner__box{background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width:749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.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}@media screen and (max-width:749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width:750px){.banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width:1400px){.banner__box{max-width:90rem}}.banner__heading{font-weight:700;margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width:750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:2rem}@media screen and (max-width:749px){.banner:not(.slideshow) .rte a,.banner:not(.slideshow) .inline-richtext a:hover,.banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width:750px){.banner--desktop-transparent .rte a,.banner--desktop-transparent .inline-richtext a:hover,.banner--desktop-transparent .rte a:hover{color:currentColor}}.banner--hero-mode{--banner-hero-overlay: linear-gradient(90deg, rgba(6, 10, 20, .82) 0%, rgba(8, 12, 24, .7) 42%, rgba(10, 14, 24, .42) 100%);--banner-hero-card-radius: 2rem;--banner-hero-card-shadow: 0 35px 80px rgba(4, 11, 23, .36);min-height:max(40rem,var(--hero-min-height));overflow-x:hidden;overflow-x:clip}.banner--hero-mode:after{opacity:1;background:var(--banner-hero-overlay)}.banner--hero-mode .banner__content{z-index:2}.banner--hero-mode .banner__box--hero{width:min(100%,1440px);max-width:1440px!important;min-width:0;z-index:2}.banner--hero-mode .banner__hero{display:grid;grid-template-columns:minmax(0,760px) minmax(360px,460px);gap:64px;align-items:center;width:100%;grid-auto-rows:minmax(0,auto)}.banner--hero-mode .banner__hero-main{display:flex;flex-direction:column;gap:1.4rem;color:#fff;align-items:flex-start;text-align:left;max-width:760px}.banner--hero-mode .banner__hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.45rem;border-radius:999px;background:#71134757;border:1px solid rgba(224,50,137,.28);color:#ff5ca8;letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;font-weight:700;opacity:1}.banner--hero-mode .banner__heading{color:#fff}.banner--hero-mode .banner__hero-heading{max-width:760px;font-size:72px;line-height:.95;letter-spacing:-.045em;text-wrap:balance}.banner--hero-mode .banner__hero-copy{color:#fff;max-width:620px;font-size:24px;line-height:1.5;opacity:.88}.banner--hero-mode .banner__hero-buttons{margin-top:1rem}.banner--hero-mode .banner__hero-stats{display:flex;flex-wrap:wrap;gap:2.4rem;width:100%;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.banner--hero-mode .banner__hero-stat{flex:1 1 140px;min-width:120px;font-weight:600;display:flex;flex-direction:column;gap:.4rem}.banner--hero-mode .banner__hero-stat strong{font-size:clamp(2.4rem,3vw,3.8rem);line-height:1}.banner--hero-mode .banner__hero-stat span{font-size:1.15rem;text-transform:uppercase;letter-spacing:.12em;opacity:.72}.banner--hero-mode .banner__hero-aside{display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:7;padding-right:0}.banner--hero-mode .banner__media img,.banner--hero-mode .banner__media-image-desktop img,.banner--hero-mode .banner__media-image-mobile img{width:100%;height:100%;object-fit:cover}.banner--hero-mode .banner__hero-card{position:relative;width:100%;max-width:460px;background:#fff;border-radius:var(--banner-hero-card-radius);padding:clamp(2.2rem,3vw,3.4rem);box-shadow:var(--banner-hero-card-shadow);color:#0b1b2f;z-index:7}.banner--hero-mode .banner__hero-card>*+*{margin-top:1rem}.banner--hero-mode .banner__hero-card-top,.banner--hero-mode .banner__hero-card-top--end{display:flex;align-items:center;justify-content:space-between;gap:1rem}.banner--hero-mode .banner__hero-card-icon{width:5.2rem;height:5.2rem;padding:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1.4rem;background:#eef4fb}.banner--hero-mode .banner__hero-card-icon img{width:100%;height:auto}.banner--hero-mode .banner__hero-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:999px;background:#e4bf28;color:#453300;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.banner--hero-mode .banner__hero-card-title{margin:2rem 0 0;font-size:clamp(2.8rem,2.4vw,4.2rem);line-height:1.02}.banner--hero-mode .banner__hero-card-subtitle{margin:0;color:#4e5968;font-size:1.8rem;line-height:1.55}.banner--hero-mode .banner__hero-card-price{display:flex;align-items:baseline;gap:.6rem;margin-top:2rem}.banner--hero-mode .banner__hero-card-price strong{font-size:clamp(3.6rem,3vw,5rem);line-height:1}.banner--hero-mode .banner__hero-card-price span{color:#586273;font-size:1.7rem}.banner--hero-mode .banner__hero-card-features{margin:2rem 0 0;padding:0;display:grid;gap:1rem}.banner--hero-mode .banner__hero-card-features li{position:relative;padding-left:2.8rem;color:#233247;font-size:1.7rem;line-height:1.55}.banner--hero-mode .banner__hero-card-features li:before{content:"";position:absolute;left:0;top:.45em;width:1.5rem;height:1.5rem;border-radius:999px;background:#cf1373;box-shadow:inset 0 0 0 .35rem #f8d5e7}.banner--hero-mode .banner__hero-card-button{width:100%;justify-content:center;margin-top:2.4rem;min-height:5.8rem;border-radius:1.2rem}.banner--hero-mode .banner__hero-floating-image{position:absolute;bottom:var(--hero-floating-y);right:var(--hero-floating-x);width:clamp(120px,20vw,220px);border-radius:1.25rem;box-shadow:0 25px 45px #050a1973;overflow:hidden;pointer-events:none;transform:rotate(var(--hero-floating-rotation));z-index:8}.banner--hero-mode .banner__hero-floating-image img{display:block;width:100%;height:auto}@media screen and (max-width:1023px){.banner--hero-mode .banner__hero{grid-template-columns:1fr}.banner--hero-mode .banner__hero-aside{justify-content:stretch}.banner--hero-mode .banner__hero-card{width:100%;max-width:none}.banner--hero-mode .banner__hero-floating-image{width:clamp(100px,25vw,180px);bottom:-.5rem;right:50%;transform:translate(45%);box-shadow:0 15px 35px #03060f66}}@media screen and (max-width:749px){.banner--hero-mode .banner__hero{gap:1.5rem}.banner--hero-mode .banner__content{width:100%;padding:1.5rem 1.25rem}.banner--hero-mode .banner__box--hero{width:100%;max-width:100%!important}.banner--hero-mode .banner__hero-heading{max-width:none;font-size:clamp(3.2rem,7.4vw,5.2rem)}.banner--hero-mode .banner__hero-copy{font-size:1.7rem}.banner--hero-mode .banner__hero-buttons{display:grid;grid-template-columns:1fr;width:100%;max-width:none;gap:1rem}.banner--hero-mode .banner__hero-buttons>*{width:100%;min-width:0}.banner--hero-mode .banner__hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.2rem}.banner--hero-mode .banner__hero-stat{min-width:0}.banner--hero-mode:after{background:linear-gradient(180deg,#080c1680,#080c169e)}.banner--hero-mode .banner__hero-card{width:100%;max-width:100%;padding:1.75rem;box-shadow:0 20px 50px #05071459}.banner--hero-mode .banner__hero-floating-image{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-image-banner.css.map */