.hero-slider{position:relative;width:100%;aspect-ratio:1900 / 646;min-height:380px;max-height:92vh;overflow:hidden;background:#000;isolation:isolate}@media screen and (min-width:990px){.hero-slider--small{aspect-ratio:1900 / 420}.hero-slider--medium{aspect-ratio:1900 / 520}.hero-slider--large{aspect-ratio:1900 / 646}}.hero-slider__viewport{position:relative;width:100%;height:100%}.hero-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s ease;z-index:1}.hero-slider__slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-slider__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-slider__media picture{display:block;width:100%;height:100%}.hero-slider__media img,.hero-slider__media-placeholder,.hero-slider__placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.hero-slider__placeholder-svg{object-fit:cover}.hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#00000052 22%,#0000 48%),linear-gradient(100deg,rgba(0,0,0,var(--overlay-opacity, .25)),#0000 45%);pointer-events:none}.hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-end;pointer-events:none}.hero-slider__text{pointer-events:auto;padding:0 5.5% 5.5%;color:#fff}.hero-slider__heading{margin:0 0 .35em;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(32px,1.1rem + 2.8vw,50px);font-weight:500;line-height:1.05;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.18)}.hero-slider__subheading{margin:0 0 1.15em;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(17px,.82rem + .55vw,1.2rem);line-height:1.4;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.15)}.hero-slider__button{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:17px;letter-spacing:.01em;padding:.85em 1.9em;border-radius:4px;text-decoration:none;border:none;transition:background .18s ease,transform .18s ease}.hero-slider__button:hover{background:#f0f0f0;color:#000;transform:translateY(-1px)}.hero-slider__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:#00000014;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease}.hero-slider__arrow:hover{background:#00000047;border-color:#fff}.hero-slider__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-slider__arrow--prev{left:1.6%}.hero-slider__arrow--next{right:1.6%}.hero-slider__controls{position:absolute;left:0;right:0;bottom:4%;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-slider__dots{display:flex;align-items:center;gap:8px;pointer-events:auto}.hero-slider__dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:#ffffff73;cursor:pointer;transition:background .18s ease,transform .18s ease}.hero-slider__dot:hover{background:#ffffffbf}.hero-slider__dot.is-active{background:#fff;transform:scale(1.15)}.hero-slider__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}.hero-slider__playpause{position:absolute;right:2%;bottom:0;pointer-events:auto;width:30px;height:30px;border:none;background:transparent;color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-slider__playpause .icon-play{display:none}.hero-slider__playpause[data-state=paused] .icon-play{display:block}.hero-slider__playpause[data-state=paused] .icon-pause{display:none}.hero-slider__playpause:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.hero-slider__slide,.hero-slider__button,.hero-slider__arrow,.hero-slider__dot{transition:none}}@media screen and (max-width:989px){.hero-slider{aspect-ratio:4 / 5;max-height:none;min-height:460px}.hero-slider__text{max-width:100%;padding:0 6% 12%}.hero-slider__arrow{width:34px;height:34px}}@media screen and (max-width:599px){.hero-slider{aspect-ratio:3 / 4;min-height:420px}.hero-slider__heading{font-size:1.6rem}.hero-slider__subheading{font-size:.95rem}.hero-slider__button{padding:.75em 1.6em;font-size:.92rem}.hero-slider__arrow--prev{left:3%}.hero-slider__arrow--next{right:3%}.hero-slider__controls{bottom:6%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-slider.css.map */
