/* Product carousel: the orbit is the countdown to the next product. */
.has-product-carousel .hero-grid{grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;min-height:720px}
.has-product-carousel .hero-copy{padding:62px 0}
.has-product-carousel h1{font-size:clamp(42px,3.8vw,58px)}
.hero-carousel{--orbit-progress:0;position:relative;min-width:0;width:100%;margin:28px 0;padding:0 8px 12px;background:transparent;color:var(--ink);isolation:isolate;overflow:hidden}


.hero-slide-panel{position:relative;width:100%;aspect-ratio:1/1.10;margin-top:0;isolation:isolate}
.hero-orbit-system{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:1;pointer-events:none;z-index:-1}
.hero-orbit-system>svg{width:100%;height:100%;overflow:visible;fill:none;transform:rotate(-90deg)}
.orbit-track{stroke:#b9cddd;stroke-width:1.2;stroke-dasharray:3 4}
.orbit-progress{stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--orbit-progress)*100);filter:drop-shadow(0 0 5px #36c1eb80)}
.orbit-sweep{stroke:#8dddf6;stroke-width:1.5;stroke-dasharray:8 92;opacity:0;transform-origin:center}
.orbit-marker{position:absolute;inset:4%;border-radius:50%;transform:rotate(calc(var(--orbit-progress)*360deg));opacity:.9}
.orbit-marker>span{position:absolute;left:calc(50% - 4px);top:-4px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px 4px #36c1eb35}
.hero-slide-disc{--product-scale:1.35;--product-shift:-4%;position:absolute;left:6%;top:5.5%;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 35%,#e0eef9,#d7e7f1);overflow:hidden;isolation:isolate;border:1px solid #d0dfeb}
.hero-slide-disc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--product-shift)) scale(var(--product-scale));transition:opacity .4s ease,transform .65s cubic-bezier(.2,.65,.25,1);will-change:transform,opacity}
.hero-carousel[data-active-slide="2"] .hero-slide-disc{--product-scale:1.15;--product-shift:-5%}
.hero-carousel[data-active-slide="0"] .hero-slide-disc{--product-scale:1.50;--product-shift:-5%}
.hero-carousel[data-active-slide="3"] .hero-slide-disc{--product-scale:1.05}
.disc-cross{position:absolute;color:#6294b34d;font:300 20px/1 var(--font);z-index:2;pointer-events:none}.disc-cross-one{top:17%;left:17%}.disc-cross-two{right:15%;bottom:19%}
.hero-spec{position:absolute;z-index:2;display:flex;flex-direction:column;gap:3px;margin:0;min-width:98px;max-width:43%;padding:10px 13px;border:1px solid #fff;border-radius:12px;background:#ffffffed;box-shadow:0 8px 26px #25476b0c;backdrop-filter:blur(12px);transition:opacity .3s ease,transform .45s ease}
.hero-spec dt{font-size:10px;line-height:1.4;color:#53677d;font-weight:500}.hero-spec dd{margin:0;font-size:clamp(13px,1.1vw,17px);line-height:1.45;font-weight:600;letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--blue)}
.hero-spec-one{left:0;top:12%}.hero-spec-two{right:0;top:39%}.hero-spec-three{left:1.5%;bottom:15.5%}
.hero-carousel[data-active-slide="2"] .hero-spec-two{top:20%}
.hero-product-card{position:absolute;z-index:3;right:0;bottom:0;width:72%;padding:17px 19px 14px;text-align:left;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 8px 35px #1b416612;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:opacity .3s ease,transform .45s ease,box-shadow .2s}
.hero-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-product-card:hover{box-shadow:0 14px 35px #1b416621}.hero-product-card:focus-visible{outline-offset:4px}
.hero-slide-category{font-size:9px;text-transform:uppercase;letter-spacing:.065em;color:#5b7099;font-weight:650;line-height:1.5}
#hero-slide-name{font-family:var(--display);font-weight:750;font-size:19px;line-height:1.3;letter-spacing:-.035em;margin-top:5px}
#hero-slide-description{font-size:10px;line-height:1.6;color:#617289;margin-top:4px}
.hero-card-arrow{display:grid;place-items:center;flex-shrink:0;height:36px;width:36px;border-radius:50%;background:var(--blue);color:#fff;transition:transform .25s}.hero-card-arrow .icon{width:20px;height:20px}.hero-product-card:hover .hero-card-arrow{transform:rotate(-35deg)}
.hero-slider-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:19px}
.hero-slider-tabs>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px 2px 2px;gap:3px;color:#53677d;min-height:76px;font-size:11px;font-weight:550;line-height:1.45;transition:color .2s}
.hero-slider-tabs>button[aria-pressed=true],.hero-slider-tabs>button:hover{color:var(--blue)}
.hero-tab-number{color:#2f51a3;font-size:9px;letter-spacing:.04em;font-weight:500;font-variant-numeric:tabular-nums}
.hero-tab-track{position:absolute;top:0;left:0;right:0;height:2px;background:#c8d7e3;overflow:hidden}.hero-tab-progress{display:block;height:100%;width:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left}
.hero-slider-tabs>button[aria-pressed=true] .hero-tab-progress{transform:scaleX(var(--orbit-progress))}
.hero-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px}.hero-slide-count{font-size:10px;color:#53677d;font-variant-numeric:tabular-nums;letter-spacing:.14em}.hero-carousel-controls>div{display:flex;gap:8px}.hero-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9ccde;border-radius:50%;color:var(--blue);transition:background .2s,border-color .2s}.hero-carousel-controls button:hover{background:#fff;border-color:#7eaccb}.hero-carousel-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero-carousel-controls [data-hero-prev] svg{transform:rotate(180deg)}.hero-carousel .play-icon{display:none}.hero-carousel.is-paused .pause-icon{display:none}.hero-carousel.is-paused .play-icon{display:block}

.hero-carousel.is-switching .hero-slide-disc>img{opacity:0;transform:translateX(28px) scale(.93)}.hero-carousel.is-switching .hero-spec{opacity:0;transform:translateY(8px)}.hero-carousel.is-switching .hero-product-card{opacity:0;transform:translateY(10px)}.hero-carousel.is-switching .orbit-progress{filter:drop-shadow(0 0 10px #36c1eb);stroke-width:3}.hero-carousel.is-switching .orbit-sweep{opacity:1;animation:orbit-sweep .5s cubic-bezier(.2,.7,.3,1) both}
@keyframes orbit-sweep{from{transform:rotate(0deg)}to{transform:rotate(240deg)}}
.hero-carousel.no-motion [aria-pressed=true] .hero-tab-progress{transform:none}.hero-carousel.no-motion .orbit-progress,.hero-carousel.no-motion .orbit-marker{display:none}.hero-carousel.no-motion [data-hero-pause]{opacity:.55;cursor:default}
@media(min-width:701px) and (max-width:1100px){.has-product-carousel .hero-grid{grid-template-columns:.85fr 1.15fr;gap:20px}.has-product-carousel h1{font-size:clamp(37px,4.2vw,47px)}.has-product-carousel .hero-buttons{flex-wrap:wrap}.has-product-carousel .hero-copy>p{font-size:14px}.hero-carousel{padding:0 6px 12px}.hero-slide-panel{aspect-ratio:1/1.1}.hero-spec{min-width:82px;padding:8px 10px}.hero-spec dt{font-size:8px}.hero-spec dd{font-size:13px}.hero-product-card{width:75%;padding:13px 14px 11px}.hero-slide-category{font-size:7px}#hero-slide-name{font-size:17px}#hero-slide-description{font-size:9px}.hero-slider-tabs{gap:8px}.hero-slider-tabs>button{font-size:9px;min-height:72px}.hero-spec-three{bottom:22%}}
@media(max-width:800px) and (min-width:701px){.has-product-carousel .container.hero-grid{width:calc(100% - 48px)}.has-product-carousel .hero-grid{gap:16px}.has-product-carousel h1{font-size:36px}.has-product-carousel .hero .eyebrow{font-size:7px}.hero-carousel{padding-inline:2px}.hero-spec{min-width:74px;padding:7px 8px}.hero-spec dt{font-size:7px}.hero-spec dd{font-size:12px}.hero-product-card{padding:11px 12px}#hero-slide-description{display:none}.hero-card-arrow{height:30px;width:30px}.hero-slide-category{font-size:6px}#hero-slide-name{font-size:15px}.hero-slider-tabs>button{font-size:8px}}
@media(max-width:700px){.has-product-carousel .hero-grid{display:block;min-height:0}.has-product-carousel .hero-copy{padding:40px 0 28px}.has-product-carousel h1{font-size:clamp(39px,7vw,56px)}.hero-carousel{max-width:600px;margin:0 auto 27px;padding:0 2px 12px}.hero-slide-panel{aspect-ratio:1/1.12;margin-top:0}.hero-slide-disc{top:5%;left:6%;width:88%}.hero-spec{min-width:84px;padding:8px 10px;border-radius:10px}.hero-spec dt{font-size:8px}.hero-spec dd{font-size:14px}.hero-spec-one{top:14%}.hero-spec-two{top:39%}.hero-spec-three{left:0;bottom:20%}.hero-product-card{width:75%;padding:13px 15px 12px;border-radius:13px}.hero-slide-category{font-size:8px}#hero-slide-name{font-size:18px}#hero-slide-description{font-size:9px}.hero-card-arrow{height:33px;width:33px}.hero-slider-tabs{gap:7px;margin-top:17px}.hero-slider-tabs>button{font-size:10px;min-height:75px}.hero-tab-number{font-size:9px}.hero-carousel-controls{margin-top:5px}}
@media(max-width:380px){.hero-carousel{padding:0 0 12px}.hero-slide-panel{aspect-ratio:1/1.18}.hero-spec{padding:7px 8px;min-width:73px}.hero-spec dt{font-size:7px}.hero-spec dd{font-size:12px}.hero-spec-three{bottom:25%}.hero-product-card{width:77%;padding:11px 12px 10px}.hero-slide-category{font-size:7px}#hero-slide-name{font-size:16px}#hero-slide-description{font-size:8px}.hero-slider-tabs>button{font-size:8px;min-height:70px}.hero-slider-tabs{gap:7px}.hero-tab-number{font-size:8px}.hero-carousel-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.hero-carousel *,.hero-carousel *:before,.hero-carousel *:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-slide-panel{aspect-ratio:1/1.3}.hero-slide-disc{top:4.6%}.hero-spec-one{top:11%}.hero-spec-two{top:32%}.hero-spec-three{top:49%;bottom:auto}.hero-product-card{width:85%}}
@media(max-width:380px){.hero-slide-panel{aspect-ratio:1/1.36}.hero-product-card{width:89%}.hero-spec-three{top:47%}}
@media(min-width:1101px){.hero-carousel{max-width:none;justify-self:end}}
