.template-index .commerce-hero{--stage-red: #d9272e;--stage-red-bright: #ef343a;--stage-white: #ffffff;--stage-muted: rgba(255, 255, 255, .68);--stage-line: rgba(255, 255, 255, .16);position:relative;overflow:hidden;color:var(--stage-white);background:#080708;isolation:isolate}.template-index .commerce-hero button,.template-index .commerce-hero a,.template-index .commerce-hero input,.template-index .commerce-hero select{font:inherit}.template-index .commerce-hero__scene{position:relative;min-height:clamp(43rem,calc(100svh - 4.75rem),47rem);overflow:hidden;background:#070607;isolation:isolate}.template-index .commerce-hero__background,.template-index .commerce-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.template-index .commerce-hero__background{z-index:0;overflow:hidden}.template-index .commerce-hero__background img{width:100%;height:100%;object-fit:cover;object-position:center 70%;transform:none;filter:none;transition:none}.template-index .commerce-hero__veil{z-index:1;background:#03010205;box-shadow:inset 0 -8rem 14rem -11rem #00000061}.template-index .commerce-hero__copy{position:absolute;top:clamp(3.8rem,8vh,5.8rem);left:max(4.6vw,calc((100vw - 96rem)/2));z-index:9;width:min(36rem,38vw);text-shadow:0 .2rem 1.6rem rgba(0,0,0,.42)}.template-index .commerce-hero__eyebrow{margin:0 0 1.1rem;color:#fffc;font-family:var(--font-data);font-size:.65rem;font-weight:760;letter-spacing:.15em;text-transform:uppercase}.template-index .commerce-hero h1{max-width:none;margin:0;padding-bottom:1.05rem;border-bottom:2px solid var(--stage-red-bright);font-family:var(--font-body);font-size:clamp(2.8rem,3.55vw,3.75rem);font-weight:730;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.template-index .commerce-hero h1 span{display:block;white-space:nowrap}.template-index .commerce-hero__lead{max-width:28rem;margin:1rem 0 0;color:#ffffffc2;font-size:clamp(.9rem,1.04vw,1.04rem);line-height:1.58}.template-index .commerce-hero__actions{margin-top:1.45rem;display:flex;align-items:center;gap:1.2rem}.template-index .commerce-hero__primary{min-height:3.35rem;padding-inline:1.45rem;border:1px solid rgba(255,255,255,.18);border-radius:.25rem;background:#ce242a;box-shadow:0 .9rem 2.3rem #6b070b57,inset 0 1px #ffffff2b}.template-index .commerce-hero__primary:hover{background:#e12b31;transform:translateY(-2px)}.template-index .commerce-hero__secondary{min-height:3rem;padding:.6rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.56);display:inline-flex;align-items:center;gap:.6rem;color:#ffffffd6;background:transparent;font-size:.72rem;font-weight:740;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.template-index .commerce-hero__secondary:hover{color:#fff;border-color:#fff}.template-index .commerce-hero__secondary svg,.template-index .commerce-hero__primary svg{width:.9rem}.template-index .commerce-proof{width:min(31.5rem,100%);margin-top:clamp(2.2rem,4.5vh,3rem);padding-top:.72rem;border-top:1px solid rgba(239,52,58,.42);text-shadow:none}.template-index .commerce-proof__title{margin:0 0 .72rem;color:#ffffffc7;font-family:var(--font-data);font-size:.61rem;font-weight:760;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.template-index .commerce-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.template-index .commerce-proof__item{min-width:0;margin:0}.template-index .commerce-proof__item img{width:100%;aspect-ratio:3 / 2;border:1px solid rgba(255,255,255,.34);display:block;object-fit:cover;filter:saturate(.62) contrast(1.08) brightness(.76);box-shadow:0 .7rem 1.5rem #00000057,inset 0 0 0 1px #d8272e2e;transition:filter .26s ease,transform .26s ease,border-color .26s ease}.template-index .commerce-proof__item.is-factory img{object-position:54% 48%}.template-index .commerce-proof__item.is-production img{object-position:58% 55%}.template-index .commerce-proof__item.is-warehouse img{object-position:50% 54%}.template-index .commerce-proof__item:hover img{border-color:#ef343ab8;filter:saturate(.86) contrast(1.06) brightness(.88);transform:translateY(-2px)}.template-index .commerce-proof__item figcaption{margin-top:.45rem;overflow:hidden;color:#ffffffad;font-family:var(--font-data);font-size:.52rem;font-weight:680;letter-spacing:.055em;line-height:1.25;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.template-index .commerce-stage{position:absolute;top:3.4rem;right:0;bottom:7.9rem;left:0;z-index:3;overflow:hidden;perspective:1100px}.template-index .commerce-stage__product{--product-left: 55%;--product-scale: 1;--product-opacity: 1;--product-depth: 5;position:absolute;left:var(--product-left);bottom:0;z-index:var(--product-depth);width:clamp(14rem,18vw,19rem);height:clamp(19rem,30vw,27rem);padding:0;border:0;display:grid;place-items:end center;color:inherit;background:transparent;cursor:pointer;opacity:var(--product-opacity);transform:translate3d(-50%,0,0) scale(var(--product-scale));transform-origin:50% 100%;transition:left .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),opacity .52s ease,filter .52s ease}.template-index .commerce-stage__product img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1.35rem 1.1rem rgba(0,0,0,.66)) drop-shadow(0 .15rem .55rem rgba(255,46,54,.18));transform:translateY(.6rem);transition:transform .56s cubic-bezier(.16,1,.3,1),filter .42s ease}.template-index .commerce-stage__product:hover img,.template-index .commerce-stage__product:focus-visible img{transform:translateY(0);filter:drop-shadow(0 1.65rem 1.35rem rgba(0,0,0,.72)) drop-shadow(0 .1rem .9rem rgba(255,47,55,.28))}.template-index .commerce-stage__product:focus-visible{outline:2px solid rgba(255,255,255,.88);outline-offset:-2px}.template-index .commerce-stage__product.is-center{--product-left: 68%;--product-scale: 1;--product-opacity: 1;--product-depth: 6}.template-index .commerce-stage__product.is-left-near{--product-left: 55%;--product-scale: .68;--product-opacity: .9;--product-depth: 4}.template-index .commerce-stage__product.is-left-far{--product-left: 43%;--product-scale: .48;--product-opacity: .58;--product-depth: 2;filter:saturate(.82) brightness(.68)}.template-index .commerce-stage__product.is-right-near{--product-left: 81%;--product-scale: .68;--product-opacity: .9;--product-depth: 4}.template-index .commerce-stage__product.is-right-far{--product-left: 93%;--product-scale: .48;--product-opacity: .58;--product-depth: 2;filter:saturate(.82) brightness(.68)}.template-index .commerce-hero__navigation{position:absolute;top:44%;right:max(2.4vw,calc((100vw - 104rem)/2));z-index:8;display:grid;justify-items:center;gap:.65rem}.template-index .commerce-hero__navigation button{width:3.2rem;height:3.2rem;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:grid;place-items:center;color:#fff;background:#05050652;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.template-index .commerce-hero__navigation button:hover{border-color:#fff;background:#c41c22d1;transform:scale(1.04)}.template-index .commerce-hero__navigation svg{width:1rem}.template-index .commerce-hero__navigation [data-stage-prev] svg{transform:rotate(180deg)}.template-index .commerce-hero__navigation p{margin:0;display:flex;gap:.34rem;color:#ffffff87;font-size:.7rem}.template-index .commerce-hero__navigation strong{color:#fff;font-size:1rem}.template-index .commerce-dock{position:absolute;left:31%;right:4.5%;bottom:1.35rem;z-index:12;min-height:6.15rem;padding:.8rem .9rem .8rem 1.15rem;border:1px solid rgba(255,255,255,.22);border-radius:1.1rem;display:grid;grid-template-columns:minmax(12rem,1.45fr) minmax(6.5rem,.65fr) minmax(8rem,.9fr) minmax(7.5rem,.7fr) minmax(9.5rem,.9fr);align-items:center;gap:1rem;background:#161315d6;box-shadow:0 1.8rem 4.5rem #00000094,inset 0 1px #ffffff21;backdrop-filter:blur(30px) saturate(118%);-webkit-backdrop-filter:blur(30px) saturate(118%)}.template-index .commerce-dock__identity,.template-index .commerce-dock__price,.template-index .commerce-dock__variant,.template-index .commerce-dock__quantity{min-width:0}.template-index .commerce-dock__identity>span,.template-index .commerce-dock__price>span,.template-index .commerce-dock__variant>span,.template-index .commerce-dock__quantity>span{margin-bottom:.38rem;display:block;color:#ffffff75;font-size:.56rem;font-weight:720;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.template-index .commerce-dock__identity>span{color:#70e0a6}.template-index .commerce-dock__identity a{min-width:0;display:grid;grid-template-columns:minmax(0,auto) auto;align-items:baseline;justify-content:start;gap:.75rem;color:#fff}.template-index .commerce-dock__identity strong{overflow:hidden;font-size:clamp(1rem,1.34vw,1.28rem);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.template-index .commerce-dock__identity small{color:#ffffff70;font-family:var(--font-data);font-size:.62rem;letter-spacing:.08em}.template-index .commerce-dock__price strong{display:block;font-size:1.35rem;letter-spacing:-.035em}.template-index .commerce-dock__price small{color:#ffffff61;font-size:.58rem}.template-index .commerce-dock__variant select{width:100%;min-height:2.8rem;padding:0 2rem 0 .75rem;border:1px solid rgba(255,255,255,.16);border-radius:.45rem;color:#fff;background:#fff1;color-scheme:dark;font-size:.68rem}.template-index .commerce-dock__quantity>span small{margin-left:.32rem;color:#ffffff47;font-size:inherit}.template-index .commerce-dock__quantity>div{height:2.8rem;border:1px solid rgba(255,255,255,.16);border-radius:.45rem;display:grid;grid-template-columns:2rem minmax(2.5rem,1fr) 2rem;overflow:hidden;background:#ffffff0e}.template-index .commerce-dock__quantity button{border:0;color:#ffffffbf;background:transparent;cursor:pointer}.template-index .commerce-dock__quantity button:hover{color:#fff;background:#ffffff12}.template-index .commerce-dock__quantity input{min-width:0;border:0;color:#fff;background:transparent;text-align:center;-webkit-appearance:textfield;appearance:textfield;font-size:.72rem}.template-index .commerce-dock__quantity input::-webkit-outer-spin-button,.template-index .commerce-dock__quantity input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.template-index .commerce-dock__add{width:100%;min-height:3.35rem;border:1px solid rgba(255,255,255,.17);border-radius:.35rem;display:flex;justify-content:space-between;background:#cf252b;box-shadow:0 .75rem 2rem #69050a57,inset 0 1px #ffffff29}.template-index .commerce-dock__add:hover{background:#e12c32;transform:translateY(-1px)}.template-index .commerce-dock__add:disabled{opacity:.46;cursor:wait;transform:none}.template-index .commerce-dock__add svg{width:.9rem}.template-index .commerce-rail{position:relative;z-index:14;min-height:5.2rem;display:grid;grid-template-columns:repeat(5,1fr);background:#0d0d0e;box-shadow:inset 0 1px #ffffff17}.template-index .commerce-rail button{min-width:0;min-height:5.2rem;padding:.5rem 1rem;border:0;border-right:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:3.1rem minmax(0,1fr);align-items:center;gap:.85rem;color:#ffffff80;background:transparent;text-align:left;cursor:pointer;transition:color .22s ease,background .22s ease}.template-index .commerce-rail button:last-child{border-right:0}.template-index .commerce-rail button:hover{color:#ffffffd1;background:#ffffff09}.template-index .commerce-rail button.is-active{color:#fff;background:#c820261f;box-shadow:inset 0 3px #d7282e}.template-index .commerce-rail img{width:3.1rem;height:3.1rem;object-fit:contain;filter:drop-shadow(0 .4rem .5rem rgba(0,0,0,.5))}.template-index .commerce-rail span,.template-index .commerce-rail strong,.template-index .commerce-rail small{min-width:0;display:block}.template-index .commerce-rail strong{overflow:hidden;font-size:.75rem;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.template-index .commerce-rail small{margin-top:.25rem;overflow:hidden;color:#ffffff61;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.template-index .commerce-toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:999;max-width:min(22rem,calc(100vw - 2rem));padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.65rem;color:#fff;background:#121113e6;box-shadow:0 1rem 3rem #0000007a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);font-size:.72rem;opacity:0;pointer-events:none;transform:translateY(.65rem);transition:opacity .22s ease,transform .22s ease}.template-index .commerce-toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1180px){.template-index .commerce-hero__copy{left:3.5vw;width:35rem;max-width:42vw}.template-index .commerce-proof{display:none}.template-index .commerce-dock{left:25%;right:3.5%;grid-template-columns:minmax(11rem,1.35fr) minmax(6rem,.6fr) minmax(7.5rem,.8fr) minmax(7rem,.65fr) minmax(8.5rem,.8fr)}.template-index .commerce-stage__product.is-center{--product-left: 68%}.template-index .commerce-stage__product.is-left-near{--product-left: 54%}.template-index .commerce-stage__product.is-left-far{--product-left: 41%}.template-index .commerce-stage__product.is-right-near{--product-left: 82%}}@media(max-width:900px){.template-index .commerce-hero__scene{min-height:52rem}.template-index .commerce-hero__background img{object-position:58% bottom}.template-index .commerce-hero__veil{background:#03030461;box-shadow:inset 0 16rem 18rem -15rem #000000e6,inset 0 -16rem 18rem -13rem #000000e6}.template-index .commerce-hero__copy{top:3.2rem;left:5vw;width:90vw;max-width:34rem}.template-index .commerce-hero h1{font-size:clamp(2.8rem,8vw,4.2rem)}.template-index .commerce-hero h1 span{white-space:normal}.template-index .commerce-hero__lead{max-width:30rem}.template-index .commerce-stage{top:16rem;right:0;bottom:12.5rem;left:0}.template-index .commerce-stage__product{width:clamp(16rem,38vw,23rem);height:clamp(18rem,46vw,26rem)}.template-index .commerce-stage__product.is-center{--product-left: 50%}.template-index .commerce-stage__product.is-left-near{--product-left: 22%;--product-scale: .62}.template-index .commerce-stage__product.is-right-near{--product-left: 78%;--product-scale: .62}.template-index .commerce-stage__product.is-left-far,.template-index .commerce-stage__product.is-right-far{--product-opacity: 0;pointer-events:none}.template-index .commerce-hero__navigation{top:50%;right:1rem}.template-index .commerce-dock{left:4%;right:4%;bottom:1rem;grid-template-columns:1.45fr .65fr .95fr;min-height:10rem}.template-index .commerce-dock__quantity{grid-column:1 / 2}.template-index .commerce-dock__add{grid-column:2 / 4}.template-index .commerce-rail{grid-auto-flow:column;grid-auto-columns:minmax(10rem,1fr);grid-template-columns:none;overflow-x:auto;scrollbar-width:none}.template-index .commerce-rail::-webkit-scrollbar{display:none}}@media(max-width:620px){.template-index .commerce-hero__scene{min-height:48rem}.template-index .commerce-hero__background img{object-position:62% bottom;filter:saturate(.86) contrast(1.02) brightness(.72)}.template-index .commerce-hero__copy{top:2.1rem;left:1.1rem;width:calc(100% - 2.2rem)}.template-index .commerce-hero__eyebrow{margin-bottom:.75rem;font-size:.56rem}.template-index .commerce-hero h1{padding-bottom:.72rem;font-size:clamp(2.35rem,11.5vw,3.35rem)}.template-index .commerce-hero__lead{margin-top:.7rem;font-size:.82rem;line-height:1.46}.template-index .commerce-hero__actions{margin-top:1rem;gap:.8rem}.template-index .commerce-hero__primary{min-height:2.8rem;padding-inline:.9rem;font-size:.62rem}.template-index .commerce-hero__secondary{min-height:2.55rem;font-size:.62rem}.template-index .commerce-stage{top:14.5rem;right:0;bottom:14.2rem;left:0}.template-index .commerce-stage__product{width:15rem;height:19rem}.template-index .commerce-stage__product.is-left-near,.template-index .commerce-stage__product.is-left-far,.template-index .commerce-stage__product.is-right-near,.template-index .commerce-stage__product.is-right-far{--product-opacity: 0;pointer-events:none}.template-index .commerce-hero__navigation{top:48%;left:.7rem;right:.7rem;grid-template-columns:auto 1fr auto;align-items:center}.template-index .commerce-hero__navigation button{width:2.8rem;height:2.8rem}.template-index .commerce-hero__navigation p{grid-column:2;grid-row:1;justify-self:end;margin-right:3.5rem}.template-index .commerce-hero__navigation [data-stage-next]{grid-column:3}.template-index .commerce-dock{left:.65rem;right:.65rem;bottom:.65rem;min-height:12.9rem;padding:.8rem;border-radius:.85rem;grid-template-columns:1fr 1fr;gap:.65rem .8rem}.template-index .commerce-dock__identity{grid-column:1 / 3}.template-index .commerce-dock__identity strong{font-size:.92rem}.template-index .commerce-dock__price{grid-column:1}.template-index .commerce-dock__variant{grid-column:2}.template-index .commerce-dock__quantity{grid-column:1}.template-index .commerce-dock__add{grid-column:2;min-height:2.8rem;padding-inline:.7rem;font-size:.62rem}.template-index .commerce-rail{min-height:5.1rem;grid-auto-columns:9.4rem}.template-index .commerce-rail button{min-height:5.1rem;padding:.45rem .75rem;grid-template-columns:3rem minmax(0,1fr);gap:.6rem}.template-index .commerce-rail img{width:3rem;height:3rem}}@media(prefers-reduced-motion:reduce){.template-index .commerce-hero *,.template-index .commerce-hero *:before,.template-index .commerce-hero *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:901px){.template-index .commerce-stage{top:2.35rem;right:0;bottom:9.4rem;left:0;overflow:visible;perspective:1500px;perspective-origin:70% 46%;transform-style:preserve-3d}.template-index .commerce-stage:before{content:"";position:absolute;left:44%;right:3.5%;bottom:-2.9rem;height:9.5rem;z-index:0;border-radius:50%;background:radial-gradient(ellipse at center,#ef343a3d 0 9%,#74111624 34%,#0000 72%),linear-gradient(90deg,#fff0,#ffffff0f 50%,#fff0);filter:blur(.35rem);opacity:.94;transform:rotateX(67deg);transform-origin:50% 50%;pointer-events:none}.template-index .commerce-stage:after{content:"";position:absolute;left:49%;right:7.5%;bottom:-.25rem;height:.12rem;z-index:1;background:linear-gradient(90deg,transparent,rgba(239,52,58,.56) 28%,rgba(255,255,255,.28) 53%,rgba(239,52,58,.24) 75%,transparent);box-shadow:0 0 2.1rem #e6232b61;pointer-events:none}.template-index .commerce-stage__product{--product-left: 69%;--product-scale: 1;--product-opacity: 1;--product-depth: 10;--product-y: 0rem;--product-z: 4rem;--product-rotate-y: 0deg;--product-tilt: 0deg;width:clamp(16rem,20vw,23.5rem);height:clamp(22rem,33vw,31rem);transform:translate3d(-50%,var(--product-y),var(--product-z)) rotateY(var(--product-rotate-y)) rotate(var(--product-tilt)) scale(var(--product-scale));transform-origin:50% 100%;transform-style:preserve-3d;will-change:left,transform,opacity,filter}.template-index .commerce-stage__product img{--media-scale: 1;--media-y: .4rem;transform:translateY(var(--media-y)) scale(var(--media-scale));transform-origin:50% 100%;filter:drop-shadow(0 2.2rem 1.45rem rgba(0,0,0,.72)) drop-shadow(0 .25rem .72rem rgba(255,42,50,.18))}.template-index .commerce-stage__product[data-model=P38S] img{--media-scale: .96;--media-y: -.1rem}.template-index .commerce-stage__product[data-model=CB01-4] img{--media-scale: 1.1;--media-y: -.15rem}.template-index .commerce-stage__product[data-model=CBL12] img{--media-scale: 1.02}.template-index .commerce-stage__product[data-model=SGVL02] img{--media-scale: .92}.template-index .commerce-stage__product[data-model=ABVL01] img{--media-scale: .87}.template-index .commerce-stage__product:hover img,.template-index .commerce-stage__product:focus-visible img{transform:translateY(calc(var(--media-y) - .42rem)) scale(var(--media-scale));filter:drop-shadow(0 2.65rem 1.7rem rgba(0,0,0,.76)) drop-shadow(0 .2rem 1rem rgba(255,45,53,.28))}.template-index .commerce-stage__product.is-center{--product-left: 70%;--product-scale: 1;--product-opacity: 1;--product-depth: 20;--product-y: -.55rem;--product-z: 5.5rem;--product-rotate-y: 0deg;--product-tilt: 0deg;filter:saturate(1.04) brightness(1.02)}.template-index .commerce-stage__product.is-left-near{--product-left: 57.5%;--product-scale: .6;--product-opacity: .94;--product-depth: 15;--product-y: .7rem;--product-z: 1rem;--product-rotate-y: 14deg;--product-tilt: -2.4deg;filter:saturate(.98) brightness(.92)}.template-index .commerce-stage__product.is-left-far{--product-left: 47%;--product-scale: .52;--product-opacity: .88;--product-depth: 7;--product-y: .1rem;--product-z: -3.5rem;--product-rotate-y: 21deg;--product-tilt: -5deg;filter:saturate(.91) brightness(.78)}.template-index .commerce-stage__product.is-right-near{--product-left: 82.5%;--product-scale: .62;--product-opacity: .93;--product-depth: 14;--product-y: .8rem;--product-z: .5rem;--product-rotate-y: -12deg;--product-tilt: 2.2deg;filter:saturate(.98) brightness(.9)}.template-index .commerce-stage__product.is-right-far{--product-left: 90.5%;--product-scale: .48;--product-opacity: .86;--product-depth: 6;--product-y: .2rem;--product-z: -4rem;--product-rotate-y: -21deg;--product-tilt: 4.7deg;filter:saturate(.9) brightness(.76)}}@media(min-width:901px)and (max-width:1180px){.template-index .commerce-stage__product{width:clamp(15rem,22vw,19rem);height:clamp(21rem,36vw,27rem)}.template-index .commerce-stage__product.is-center{--product-left: 70%}.template-index .commerce-stage__product.is-left-near{--product-left: 57%}.template-index .commerce-stage__product.is-left-far{--product-left: 46%}.template-index .commerce-stage__product.is-right-near{--product-left: 83%}.template-index .commerce-stage__product.is-right-far{--product-left: 90.5%;--product-scale: .46}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/commerce-hero.css.map */