hero-banner-slideshow.hero-banner--slideshow{--hero-overlay-left: var(--hero-overlay-left-desktop, .9);--hero-overlay-right: var(--hero-overlay-right-desktop, 0);--hero-header-clearance: 0px;display:grid;isolation:isolate;overflow:hidden;background:#11100e;touch-action:pan-y}.content-for-layout>.section-hero-banner:first-child .hero-banner--slideshow{--hero-header-clearance: calc(var(--header-height, 0px) * var(--transparent-header-offset-boolean, 0))}.hero-banner--slideshow .hero-banner__slides{grid-area:1 / 1;position:relative;width:100%;aspect-ratio:var(--hero-aspect-ratio, 1.777778);min-width:0;min-height:100%}.hero-banner--slideshow .hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;pointer-events:none}.hero-banner--slideshow .hero-banner__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-banner--slideshow .hero-banner__media{height:100%}.hero-banner--slideshow .hero-banner__media:after{background:linear-gradient(to right,rgb(0 0 0 / var(--hero-overlay-left)) 14.04%,rgb(0 0 0 / var(--hero-overlay-right)) 99.12%)}.hero-banner--slideshow .hero-banner__media .is-mobile{display:none}.hero-banner--slideshow .hero-banner__inner{grid-area:1 / 1;position:relative;height:auto;display:grid;align-items:stretch;z-index:1;pointer-events:none}.hero-banner--slideshow .hero-banner__content{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;gap:var(--hero-content-gap, 40px);padding-block:calc(var(--hero-header-clearance) + clamp(32px,4vw,64px)) 80px;visibility:hidden;opacity:0}.hero-banner--slideshow .hero-banner__content.is-active{visibility:visible;opacity:1;pointer-events:auto}.hero-banner--slideshow .hero-banner__heading{color:#fff}.hero-banner--slideshow .hero-banner__desc,.hero-banner--slideshow .hero-banner__desc p{color:#ededed}.hero-banner--slideshow .hero-banner__desc>:first-child{margin-top:0}.hero-banner--slideshow .hero-banner__desc>:last-child{margin-bottom:0}.hero-banner--slideshow .hero-banner__caption{margin:0;color:#fff;font-size:clamp(14px,1.2vw,18px);font-style:italic;font-weight:400;line-height:1.4;letter-spacing:.02em;overflow-wrap:anywhere;text-shadow:0 1px 4px rgb(0 0 0 / 45%)}.hero-banner--slideshow .hero-banner__caption--desktop{position:absolute;z-index:1;left:var(--hero-caption-x, 70%);top:var(--hero-caption-y, 85%);transform:translateY(-50%);width:min(28ch,calc(100% - var(--hero-caption-x, 70%) - 24px))}.hero-banner--slideshow .hero-banner__desc--mobile,.hero-banner--slideshow .hero-banner__caption--mobile{display:none}.hero-banner__controls{position:absolute;z-index:2;inset-inline:20px;bottom:16px;width:fit-content;max-width:calc(100% - 40px);margin-inline:auto;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:32px;background:none;color:#fff}.hero-banner__controls[hidden],.hero-banner__controls [hidden]{display:none}.hero-banner__control,.hero-banner__dot{-webkit-appearance:none;appearance:none;background:transparent;color:inherit;border:0;padding:0;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.hero-banner__control svg{width:18px;height:18px}.hero-banner__dots{display:flex;overflow-x:auto}.hero-banner__dot{min-width:28px;flex-shrink:0}.hero-banner__dot:before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid currentColor}.hero-banner__dot[aria-current=true]:before{background:#f5c400;border-color:#f5c400}.hero-banner__controls button:focus-visible{outline:2px solid #f5c400;outline-offset:-3px;border-radius:22px}@media(max-width:989px){.hero-banner--slideshow .hero-banner__caption--desktop{display:none}.hero-banner--slideshow .hero-banner__caption--mobile{display:block;margin-top:12px;font-size:14px}}@media(max-width:749px){hero-banner-slideshow.hero-banner--slideshow{--hero-overlay-left: var(--hero-overlay-left-mobile, .9);--hero-overlay-right: var(--hero-overlay-right-mobile, 0)}.hero-banner--slideshow .hero-banner__slides{aspect-ratio:auto;min-height:85vh}.hero-banner--slideshow .hero-banner__content{padding-block:calc(var(--hero-header-clearance) + 24px) 80px;gap:var(--hero-content-gap-mobile, 28px)}.hero-banner--slideshow .hero-banner__desc--desktop{display:none}.hero-banner--slideshow .hero-banner__desc--mobile{display:block}.hero-banner--slideshow .hero-banner__media .is-desktop{display:none}.hero-banner--slideshow .hero-banner__media .is-mobile{display:block}}@media(prefers-reduced-motion:reduce){.hero-banner--slideshow .hero-banner__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hero-banner.css.map */