.section-hcx{margin:0}.hcx{position:relative;width:100%;padding-top:var(--hcx-top-space, 16px);background:transparent}.hcx__wrap{position:relative;width:100%}.hcx__viewport{position:relative;width:100%;height:var(--hcx-height, 75vh);overflow:hidden;cursor:grab}.hcx__viewport:active{cursor:grabbing}.hcx__track{display:flex;height:100%;will-change:transform;transition:transform .7s cubic-bezier(.22,1,.36,1)}.hcx__slide{position:relative;flex:0 0 calc(100% - (var(--hcx-peek, 6%) * 2));height:100%;margin-right:var(--hcx-gap, 12px);border-radius:var(--hcx-radius, 24px);overflow:hidden;cursor:pointer;transform:scale(.94);filter:brightness(.6) saturate(.85);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}.hcx__slide.is-active{transform:scale(1);filter:brightness(1) saturate(1);cursor:default}.hcx__media{position:absolute;top:0;right:0;bottom:0;left:0}.hcx__img{width:100%;height:100%;object-fit:cover;display:block}.hcx__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2b2b2b)}.hcx__placeholder-svg{width:35%;height:auto;opacity:.25}.hcx__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000026 35%,#0000 60%);pointer-events:none}.hcx__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:3rem 3.5rem;color:var(--hcx-text-color, #fff);pointer-events:none}.hcx__content>*{pointer-events:auto}.hcx__heading{font-size:clamp(2rem,4.6vw,4rem);line-height:1.05;font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0 0 1.5rem;color:var(--hcx-text-color, #fff)}.hcx__link{display:inline-flex;align-items:baseline;gap:.6rem;text-decoration:none;color:var(--hcx-text-color, #fff);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem}.hcx__link-tag{font-weight:800;position:relative;padding-bottom:3px}.hcx__link-tag:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform-origin:left;transform:scaleX(.4);transition:transform .4s cubic-bezier(.22,1,.36,1)}.hcx__link:hover .hcx__link-tag:after{transform:scaleX(1)}.hcx__link-sep{opacity:.6}.hcx__link-text{font-weight:400;opacity:.9}.hcx__lid{position:absolute;left:0;right:0;height:52%;background:var(--hcx-lid-color, #f5f5f3);z-index:5;transition:transform .85s cubic-bezier(.65,0,.35,1)}.hcx__lid--top{top:0;transform:translateY(0)}.hcx__lid--bottom{bottom:0;transform:translateY(0)}.hcx.is-open .hcx__lid--top{transform:translateY(-102%)}.hcx.is-open .hcx__lid--bottom{transform:translateY(102%)}.hcx__wrap{transform:scale(.92);opacity:0;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .6s ease}.hcx.is-open .hcx__wrap{transform:scale(1);opacity:1}[data-hcx-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--d, 0) * .14s)}.hcx.is-revealed [data-hcx-reveal]{opacity:1;transform:translateY(0)}.hcx__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;border:none;background:#ffffffe6;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:background .2s ease,transform .2s ease}.hcx__nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.hcx__nav--prev{left:calc(var(--hcx-peek, 6%) + 14px)}.hcx__nav--next{right:calc(var(--hcx-peek, 6%) + 14px)}.hcx__dots{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:6;display:flex;gap:10px}.hcx__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff73;cursor:pointer;padding:0;transition:background .3s ease,transform .3s ease}.hcx__dot.is-active{background:#fff;transform:scale(1.3)}@media(prefers-reduced-motion:reduce){.hcx__track,.hcx__slide,.hcx__wrap,.hcx__lid,[data-hcx-reveal]{transition:none!important}}@media(max-width:749px){.hcx__slide{flex-basis:calc(100% - (var(--hcx-peek, 6%) * 2))}.hcx__content{padding:1.75rem 1.5rem}.hcx__heading{font-size:clamp(1.6rem,7vw,2.4rem);margin-bottom:1rem}.hcx__nav{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-carousel.css.map */