.hero-carousel{display:block;--hero-transition:620ms}
.hero-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}
.hero-track{display:flex;width:100%;align-items:flex-start;transition:transform var(--hero-transition) cubic-bezier(.22,.61,.36,1);will-change:transform}
.hero-slide{position:relative;flex:0 0 100%;min-width:0;isolation:isolate}
.hero-carousel:not(.is-ready) .hero-slide:not(:first-child){display:none}
.hero-carousel .art-hero-image{aspect-ratio:3/1}
.hero-carousel .art-hero-image img{width:100%;height:100%;object-fit:contain}
.hero-carousel .art-hero-copy{padding-bottom:0}
.hero-product-stage{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;background:linear-gradient(105deg,#f7f7f3 0%,#f3f4f0 44%,#e7eae3 100%)}
.hero-product-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#ffffff80 35.1%,#ffffff12 64%,transparent 64.1%)}
.hero-product-art{position:absolute;left:43%;right:7%;top:6%;bottom:11%;display:flex;gap:2%;align-items:stretch}
.hero-product-item{position:relative;flex:1;min-width:0;background:linear-gradient(165deg,#ffffffa6,#ffffff22);border:1px solid #ffffffb0}
.hero-product-item img{position:absolute;inset:0;width:100%;height:88%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-11deg) scale(1.3)}
.hero-product-item:nth-child(2){margin-top:5%;margin-bottom:-5%}.hero-product-item:nth-child(3){margin-top:2%;margin-bottom:-2%}
.hero-product-item figcaption{position:absolute;bottom:4%;left:0;right:0;text-align:center;line-height:1.6;letter-spacing:.04em}
.hero-product-item strong{display:block;font-size:clamp(12px,1.2vw,30px);font-weight:600}.hero-product-item figcaption>span{display:block;font-size:clamp(10px,.75vw,18px);color:var(--muted)}
.hero-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-controls button{pointer-events:auto;color:#303632;transition:background .2s,color .2s,border-color .2s}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #343c363d;border-radius:50%;background:#ffffffdc;box-shadow:0 2px 10px #11111108}
.hero-arrow:hover,.hero-arrow:focus-visible{background:var(--red);border-color:var(--red);color:#fff}
.hero-arrow .icon{width:22px;height:22px}.hero-arrow-prev{left:clamp(12px,1.5vw,52px)}.hero-arrow-prev .icon{transform:rotate(180deg)}.hero-arrow-next{right:clamp(12px,1.5vw,52px)}
.hero-pagination{position:absolute;bottom:clamp(10px,1.4vw,32px);left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:0 6px;border:1px solid #d0d6ce9c;border-radius:30px;background:#ffffffdc;box-shadow:0 2px 10px #11111106}
.hero-dots{display:flex;align-items:center}.hero-dot{display:grid;place-items:center;width:44px;height:44px;background:transparent;padding:0}
.hero-dot>span{height:7px;width:7px;border-radius:50%;background:#8b938c;transition:width .2s,background .2s}
.hero-dot[aria-pressed=true]>span{width:24px;border-radius:6px;background:var(--red)}
.hero-dot:hover>span{background:var(--red)}
.hero-autoplay{position:relative;display:grid;place-items:center;width:44px;height:44px;background:transparent;padding:0;margin-left:3px}
.hero-autoplay:before{content:"";position:absolute;height:18px;width:1px;left:-2px;top:13px;background:#c9cec7}
.hero-autoplay svg{width:17px;height:17px}.hero-play-icon{display:none}.hero-autoplay[aria-pressed=true] .hero-pause-icon{display:none}.hero-autoplay[aria-pressed=true] .hero-play-icon{display:block}
.hero-controls button:focus-visible{outline-offset:2px}
.hero-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:2400px){.hero-arrow{width:60px;height:60px}.hero-arrow .icon{width:28px;height:28px}}
@media(max-width:700px){
 .hero-carousel{display:block;padding-bottom:54px;background:#f6f7f4}
 .hero-carousel .art-hero-copy{padding-bottom:32px}
 .hero-slide{display:flex;flex-direction:column}
 .hero-carousel .art-hero-image{aspect-ratio:1672/941;height:auto;overflow:hidden}
 .hero-carousel .art-hero-image img{width:100%;height:100%;object-fit:contain}
 .hero-carousel .hero-image-right img{object-fit:cover;object-position:right center}
 .hero-product-stage{order:2;aspect-ratio:1672/941}
 .hero-product-art{left:7%;right:7%;top:7%;bottom:13%;gap:3%}
 .hero-product-item img{transform:rotate(-10deg) scale(1.25);height:85%}
 .hero-product-item figcaption{bottom:5%}.hero-product-item strong{font-size:13px}.hero-product-item figcaption>span{font-size:10px}
 .hero-arrow{top:auto;bottom:calc(54px + 100vw * 941 / 1672 / 2 - 22px);transform:none;width:44px;height:44px}
 .hero-pagination{bottom:5px;background:transparent;border-color:transparent;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none}.hero-controls button,.hero-dot>span{transition:none}}