.xvs.xvs-photo-banner{--xs-banner-lime:#c7ff58;position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;padding:0!important;background:#07100b;color:#fff;overflow:hidden;isolation:isolate}.xvs-photo-banner,.xvs-photo-banner *{box-sizing:border-box}.xvs-photo-banner-viewport{position:relative;width:100%;height:clamp(420px,42vw,660px);overflow:hidden;background:#102119}.xvs-banner-slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;opacity:0;visibility:hidden;transition:opacity .85s cubic-bezier(.2,.68,.24,1),visibility .85s;pointer-events:none;background:#152a1b}.xvs-banner-slide.is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto}.xvs-banner-slide>picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:scale(1.045);transition:transform 6.5s ease-out}.xvs-banner-slide[data-position=left]>picture img{object-position:30% center}.xvs-banner-slide[data-position=right]>picture img{object-position:70% center}.xvs-banner-slide.is-active>picture img{transform:scale(1)}.xvs-banner-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#050b08db,#060d097a 34%,#070d0a0d 85%),linear-gradient(0deg,rgba(4,9,6,.8),transparent 48%);pointer-events:none}.xvs-banner-copy{position:absolute;z-index:2;left:clamp(20px,6vw,110px);bottom:clamp(67px,9vw,120px);max-width:min(650px,62vw);display:flex;flex-direction:column;align-items:flex-start;gap:14px;transform:translate3d(0,19px,0);opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.18,.7,.2,1);transition-delay:0s}.xvs-banner-slide.is-active .xvs-banner-copy{transform:translateZ(0);opacity:1;transition-delay:.28s}.xvs-banner-kicker{color:#c7ff58!important;font-size:11px!important;font-weight:850!important;letter-spacing:.2em!important;line-height:1.3!important;text-transform:uppercase}.xvs-banner-copy h2{font-family:inherit!important;font-size:clamp(43px,6.6vw,91px)!important;line-height:.98!important;font-weight:850!important;letter-spacing:-.07em!important;color:#fff!important;text-transform:none!important;margin:0!important;text-wrap:balance;text-shadow:0 3px 16px #02060375}.xvs-banner-subtitle{color:#e3ece2!important;font-size:clamp(15px,1.6vw,20px)!important;line-height:1.45!important;max-width:36ch}.xvs-banner-button,.xvs-banner-button:visited{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-height:44px;padding:12px 18px;color:#07160b!important;background:#c7ff58;border:1px solid #c7ff58;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.065em;transition:background .2s,color .2s,border-color .2s;margin-top:10px;text-decoration:none!important}.xvs-banner-button>span{font-size:19px;line-height:1}.xvs-banner-button:hover{background:#fff;border-color:#fff;color:#07160b!important;border-radius:999px}.xvs-banner-permanent-title{position:absolute;z-index:4;top:clamp(19px,3vw,41px);left:clamp(20px,6vw,110px);display:flex;flex-direction:column;align-items:start;gap:5px;pointer-events:none}.xvs-banner-brand{color:#fff;font-size:11px;font-weight:850;letter-spacing:.19em;text-shadow:0 2px 10px #0008}.xvs-banner-brand b{color:#c7ff58;font-size:16px;vertical-align:-1px}.xvs-banner-permanent-title h1{font-size:clamp(12px,1.2vw,16px)!important;line-height:1.35!important;letter-spacing:0!important;font-weight:550!important;text-transform:none!important;color:#dce9da!important;margin:0!important}.xvs-banner-navigation{position:absolute;z-index:5;bottom:clamp(22px,3.3vw,40px);right:clamp(20px,5vw,90px);display:flex;align-items:center;gap:27px}.xvs-banner-dots{display:flex;align-items:center;gap:5px}.xvs-banner-dot{position:relative;display:grid;place-items:center;height:28px;width:27px;border:0;padding:0;background:transparent;cursor:pointer;border-radius:7px;color:#fff}.xvs-banner-dot>span{display:block;width:22px;height:3px;border-radius:4px;background:#eaf6e5a1;transition:background .3s,width .3s}.xvs-banner-dot.is-active>span{width:26px;background:#c7ff58}.xvs-banner-buttons{display:flex;gap:7px}.xvs-banner-control{display:grid;place-items:center;height:38px;width:38px;border-radius:50%;border:1px solid #dbf9cb86;background:#08150da8;color:#fff;font-size:19px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.xvs-banner-control:hover{border-color:#c7ff58;background:#c7ff58;color:#09140d}.xvs-banner-toggle{font-size:15px}.xvs-banner-scroll-cue{position:absolute;z-index:4;left:clamp(20px,6vw,110px);bottom:clamp(19px,3.3vw,38px);display:flex;align-items:center;gap:12px;color:#c7d7c6;font-size:10px;letter-spacing:.14em;font-weight:850;pointer-events:none}.xvs-banner-scroll-cue>span{font-size:21px;color:#c7ff58}@media(max-width:1000px){.xvs-photo-banner-viewport{height:clamp(410px,53vw,550px)}.xvs-banner-copy{bottom:90px}}@media(max-width:760px){.xvs-photo-banner-viewport{height:clamp(360px,64svh,520px)}.xvs-banner-slide>picture img{object-position:center center}.xvs-banner-slide[data-position=left]>picture img{object-position:37% center}.xvs-banner-slide[data-position=right]>picture img{object-position:63% center}.xvs-banner-shade{background:linear-gradient(0deg,#050b07eb,#050b078c 41%,#050b0714 80%),linear-gradient(90deg,rgba(5,10,7,.32),transparent 65%)}.xvs-banner-copy{left:19px;right:19px;max-width:none;bottom:85px;gap:9px}.xvs-banner-kicker{font-size:9px!important;letter-spacing:.15em!important}.xvs-banner-copy h2{font-size:clamp(37px,10vw,60px)!important}.xvs-banner-subtitle{font-size:14px!important}.xvs-banner-button{margin-top:6px;padding:11px 15px;min-height:42px}.xvs-banner-permanent-title{top:18px;left:19px;gap:4px}.xvs-banner-brand{font-size:10px}.xvs-banner-permanent-title h1{font-size:11px!important;max-width:240px}.xvs-banner-navigation{bottom:16px;right:18px;gap:7px}.xvs-banner-dots{gap:2px}.xvs-banner-dot{width:17px;height:27px}.xvs-banner-dot>span{width:12px}.xvs-banner-dot.is-active>span{width:16px}.xvs-banner-control{height:31px;width:31px;font-size:16px}.xvs-banner-toggle{font-size:12px}.xvs-banner-buttons{gap:4px}.xvs-banner-scroll-cue{left:19px;bottom:18px;font-size:8px;gap:7px}.xvs-banner-scroll-cue span{font-size:16px}.xvs-banner-shotnote{display:none!important}}@media(max-width:400px){.xvs-photo-banner-viewport{height:380px}.xvs-banner-copy{bottom:79px}.xvs-banner-copy h2{font-size:39px!important}.xvs-banner-navigation{gap:4px}.xvs-banner-dot{width:14px}.xvs-banner-dot>span{width:10px}.xvs-banner-dot.is-active>span{width:13px}.xvs-banner-scroll-cue{display:none}}.xvs-banner-shotnote{position:absolute;z-index:3;top:clamp(24px,3vw,42px);right:clamp(20px,5vw,90px);color:#e2ebe0;font-size:9px;font-weight:750;letter-spacing:.11em;text-align:right}@media(prefers-reduced-motion:reduce){.xvs-photo-banner *,.xvs-photo-banner *:before,.xvs-photo-banner *:after{animation:none!important;transition:none!important;transform:none!important}}@media(max-width:760px){.xvs-banner-scroll-cue{display:none!important}}.xvs-banner-slide>picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.xvs-banner-slide>picture>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;height:100%;width:100%;object-fit:cover}.xvs-photo-banner .xvs-banner-slide[data-layout=product]{background:radial-gradient(ellipse at 76% 45%,#2d4643,#122821 48%,#07110d 85%)!important}.xvs-photo-banner .xvs-banner-slide[data-layout=product]>picture{position:absolute;inset:0 0 0 auto;width:62%;height:100%;display:block;overflow:hidden;pointer-events:none}.xvs-photo-banner .xvs-banner-slide[data-layout=product]>picture>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;max-width:none!important;padding:clamp(15px,3.5vw,60px)!important;box-sizing:border-box!important;-webkit-mask-image:radial-gradient(ellipse 75% 79% at 50% 50%,#000 46%,#000e 63%,#0005 80%,transparent 97%);mask-image:radial-gradient(ellipse 75% 79% at 50% 50%,#000 46%,#000e 63%,#0005 80%,transparent 97%);filter:contrast(1.04) saturate(1.07) brightness(.96)}.xvs-photo-banner .xvs-banner-slide[data-layout=product].is-active>picture>img{transform:scale(1.02)!important}.xvs-photo-banner .xvs-banner-slide[data-layout=product] .xvs-banner-shade{background:linear-gradient(90deg,#07120ff2 0%,#07120fdb 28%,#07120f4a 56%,transparent 88%),linear-gradient(0deg,#07120fe3,transparent 48%)!important}@media(max-width:760px){.xvs-photo-banner .xvs-banner-slide[data-layout=product]>picture{top:0;left:0;right:0;bottom:auto;width:100%;height:66%}.xvs-photo-banner .xvs-banner-slide[data-layout=product]>picture>img{padding:7px 18px 0!important;object-fit:contain!important;-webkit-mask-image:radial-gradient(ellipse 75% 72% at 50% 49%,#000 44%,#000e 62%,transparent 97%);mask-image:radial-gradient(ellipse 75% 72% at 50% 49%,#000 44%,#000e 62%,transparent 97%)}.xvs-photo-banner .xvs-banner-slide[data-layout=product] .xvs-banner-shade{background:linear-gradient(0deg,#06100af5 0%,#06100ad6 35%,#06100a35 75%,transparent 100%)!important}.xvs-photo-banner .xvs-banner-slide[data-layout=product] .xvs-banner-copy{bottom:78px!important}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/xs-photo-banner.css.map */