.hero-carousel{position:relative;width:calc(100% - var(--page-margin) * 2);max-width:1440px;margin-inline:auto;border-radius:var(--radius-xl);overflow:hidden}.hero-carousel__slide{aspect-ratio:1440 / 580}.hero-carousel__slide:has(.hero-carousel__content){aspect-ratio:auto;min-height:min(580px,calc(100vw * 580 / 1440))}.hero-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__track:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.hero-carousel__slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--slide-bg, var(--palette-stone));overflow:hidden}.hero-carousel__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-carousel__media:not(.hero-carousel__media--composed){display:block;height:100%}.hero-carousel__media:not(.hero-carousel__media--composed) img{display:block;width:100%;height:100%;object-fit:cover}.hero-carousel__media--composed{position:relative;grid-column:2;grid-row:1;align-self:stretch;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-carousel__slide:has(.hero-carousel__media--composed) .hero-carousel__content{grid-column:1;grid-row:1}.hero-carousel__media--composed:before{content:"";position:absolute;top:8%;right:4%;bottom:8%;left:4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--slide-accent, var(--palette-yellow)) 26%,transparent),transparent 72%)}.hero-carousel__media--composed img{position:relative;width:auto;height:82%;max-height:26rem;object-fit:contain}.hero-carousel__slide--light-text .hero-carousel__media--composed img{filter:drop-shadow(0 22px 34px rgba(10,10,16,.35))}.hero-carousel__slide:has(.hero-carousel__content){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}.hero-carousel__slide:has(.hero-carousel__content):not(:has(.hero-carousel__media--composed)){grid-template-columns:minmax(0,1fr);text-align:center}.hero-carousel__slide:has(.hero-carousel__content):not(:has(.hero-carousel__media--composed)) .hero-carousel__eyebrow{justify-content:center}.hero-carousel__slide:has(.hero-carousel__content):not(:has(.hero-carousel__media--composed)) .hero-carousel__title,.hero-carousel__slide:has(.hero-carousel__content):not(:has(.hero-carousel__media--composed)) .hero-carousel__subtitle{margin-inline:auto}.hero-carousel__content{position:relative;z-index:1;padding-block:clamp(2.5rem,6vw,4.5rem);padding-inline-start:clamp(var(--page-margin),7vw,7.5rem);padding-inline-end:var(--space-6)}.hero-carousel__slide:has(.hero-carousel__content):not(:has(.hero-carousel__media--composed)) .hero-carousel__content{padding-inline:var(--page-margin);max-width:46rem;margin-inline:auto}.hero-carousel__eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 var(--space-4);font-size:.71875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.hero-carousel__eyebrow:before{content:"";flex:0 0 auto;width:2.25rem;height:3px;background-color:var(--slide-accent, var(--palette-yellow))}.hero-carousel__title{margin:0 0 var(--space-4);max-width:18ch;font-size:clamp(2rem,4.6vw,3.375rem);font-weight:var(--font-weight-bold, 700);line-height:1.08;letter-spacing:var(--tracking-heading);color:var(--palette-ink);text-wrap:balance}.hero-carousel__subtitle{margin:0 0 var(--space-6);max-width:44ch;font-size:1.0625rem;line-height:1.6;color:var(--color-text-secondary)}.hero-carousel__cta{display:inline-block;padding:.875rem 1.75rem;border-radius:var(--radius-md);background-color:var(--palette-ink);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.hero-carousel__cta:hover,.hero-carousel__cta:focus-visible{background-color:var(--palette-navy);transform:translateY(-1px)}.hero-carousel__slide--light-text .hero-carousel__eyebrow{color:#ffffffb8}.hero-carousel__slide--light-text .hero-carousel__title{color:#fff}.hero-carousel__slide--light-text .hero-carousel__subtitle{color:#ffffffc7}.hero-carousel__slide--light-text .hero-carousel__cta{background-color:#fff;color:var(--palette-ink)}.hero-carousel__slide--light-text .hero-carousel__cta:hover,.hero-carousel__slide--light-text .hero-carousel__cta:focus-visible{background-color:var(--slide-accent, var(--palette-yellow))}.hero-carousel__arrow{position:absolute;top:50%;translate:0 -50%;z-index:3;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:none;border-radius:50%;background-color:#ffffffe0;color:var(--palette-ink);cursor:pointer;box-shadow:0 4px 14px #0a0a1029;transition:background-color .16s ease}.hero-carousel__arrow:hover,.hero-carousel__arrow:focus-visible{background-color:#fff}.hero-carousel__arrow--prev{inset-inline-start:1rem}.hero-carousel__arrow--next{inset-inline-end:1rem}.hero-carousel__arrow-icon{rotate:-90deg}.hero-carousel__arrow-icon--prev{rotate:90deg}.hero-carousel__dots{position:absolute;inset-inline:0;inset-block-end:1rem;z-index:3;display:flex;justify-content:center;gap:.5rem}.hero-carousel__dot{inline-size:.5rem;block-size:.5rem;padding:0;border:none;border-radius:999px;background-color:#17134f47;cursor:pointer;transition:inline-size .2s ease,background-color .2s ease}.hero-carousel__dot[aria-selected=true]{inline-size:1.5rem;background-color:var(--palette-ink)}.hero-carousel[data-active-light] .hero-carousel__dot{background-color:#ffffff73}.hero-carousel[data-active-light] .hero-carousel__dot[aria-selected=true]{background-color:#fff}.hero-carousel__hint{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border)}@media(max-width:749px){.hero-carousel__slide{aspect-ratio:390 / 418}.hero-carousel__slide:has(.hero-carousel__content){display:flex;flex-direction:column;aspect-ratio:390 / 418;min-height:0}.hero-carousel__media--composed{position:relative;width:100%;inset:auto;order:-1;flex:1 1 auto;min-height:0;padding-block:var(--space-4) 0}.hero-carousel__media--composed img{width:100%;height:100%;max-height:none;object-fit:contain}.hero-carousel__content{flex:0 0 auto;padding:var(--space-3) var(--page-margin) 2.75rem;text-align:center}.hero-carousel__title{font-size:clamp(1.25rem,5.6vw,1.5rem)}.hero-carousel__subtitle{display:none}.hero-carousel__cta{margin-block-start:var(--space-3)}.hero-carousel__eyebrow{justify-content:center}.hero-carousel__title,.hero-carousel__subtitle{margin-inline:auto}.hero-carousel__arrow{display:none}}@media(prefers-reduced-motion:reduce){.hero-carousel__track{scroll-behavior:auto}.hero-carousel__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hero-carousel.css.map */