.hero-carousel{--hero-height: clamp( 390px, 48vh, var(--hero-height-desktop, 500px) );--hero-background: rgb(var(--color-background));--hero-text: rgb(var(--color-foreground));--hero-muted: rgba(var(--color-foreground), .82);--hero-border: rgb(var(--color-foreground));--hero-container: 1180px;position:relative;display:block;width:100%;min-height:var(--hero-height);overflow:hidden;color:var(--hero-text);background:var(--hero-background);font-size:16px}.hero-carousel--fixed-header-offset{margin-top:calc(var(--header-height, 82px) + var(--top-bar-height, 0px))}.hero-carousel__slides,.hero-carousel__slide{width:100%;min-height:inherit}.hero-carousel__slides{position:relative}.hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility .45s ease}.hero-carousel__slide.is-active{position:relative;visibility:visible;opacity:1}.hero-carousel__picture,.hero-carousel__image,.hero-carousel__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-carousel__picture{display:block}.hero-carousel__image{display:block;object-fit:cover;object-position:center right}.hero-carousel__shade{z-index:1;background:linear-gradient(90deg,rgba(var(--color-background),calc(1 * var(--hero-overlay-strength))),rgba(var(--color-background),calc(.98 * var(--hero-overlay-strength))) 28%,rgba(var(--color-background),calc(.78 * var(--hero-overlay-strength))) 49%,rgba(var(--color-background),calc(.06 * var(--hero-overlay-strength))) 73%);pointer-events:none}.hero-carousel__container{position:relative;z-index:2;display:flex;align-items:center;width:min(calc(100% - 40px),var(--hero-container));min-height:var(--hero-height);margin-inline:auto;padding-block:34px 70px}.hero-carousel__content{width:min(48%,570px)}.hero-carousel__content--right{margin-left:auto}.hero-carousel__richtext>:first-child{margin-top:0}.hero-carousel__richtext>:last-child{margin-bottom:0}.hero-carousel__richtext h1,.hero-carousel__richtext h2{max-width:20ch;margin:0 0 18px;color:var(--hero-text);font-size:clamp(38px,4vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.035em}.hero-carousel__eyebrow{margin:0 0 12px;color:var(--hero-text);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.hero-carousel__text,.hero-carousel__text p{max-width:560px;margin:0;color:var(--hero-muted);font-size:clamp(16px,1.2vw,19px);line-height:1.65}.hero-carousel__button-wrapper{margin-top:30px}.hero-carousel__product-form{margin:0}.hero-carousel__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:190px;min-height:52px;padding:13px 24px;color:var(--hero-text);background:transparent;border:2px solid var(--hero-border);border-radius:0;font:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.hero-carousel__button:hover{color:#fff;background:var(--hero-gold);border-color:var(--hero-gold);transform:translateY(-1px)}.hero-carousel__button:disabled{cursor:not-allowed;opacity:.55}.hero-carousel__button-icon{display:inline-flex;flex-shrink:0}.hero-carousel__button-icon svg{width:18px;height:18px}.hero-carousel__button:focus-visible,.hero-carousel__dot:focus-visible,.hero-carousel__nav-button:focus-visible{outline:3px solid var(--hero-gold-dark);outline-offset:4px}.hero-carousel__controls{position:absolute;z-index:4;right:0;bottom:20px;left:0;display:flex;align-items:center;justify-content:center;gap:13px;pointer-events:none}.hero-carousel__nav-button{display:grid;place-items:center;width:38px;height:38px;padding:0;color:var(--hero-text);background:rgba(var(--color-background),.92);border:1px solid rgba(var(--color-foreground),.35);border-radius:50%;cursor:pointer;pointer-events:auto;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.hero-carousel__nav-button span{font-size:28px;line-height:1;transform:translateY(-1px)}.hero-carousel__nav-button:hover{color:#fff;background:var(--hero-gold);border-color:var(--hero-gold);transform:scale(1.04)}.hero-carousel__dots{display:flex;align-items:center;gap:11px;pointer-events:auto}.hero-carousel__dot{width:12px;height:12px;padding:0;background:#c8c8c8;border:2px solid #c8c8c8;border-radius:50%;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.hero-carousel__dot:hover{border-color:var(--hero-gold);transform:scale(1.1)}.hero-carousel__dot.is-active{background:transparent;border-color:var(--hero-gold)}@media screen and (max-width:900px){.hero-carousel__shade{background:linear-gradient(90deg,rgba(var(--color-background),calc(.98 * var(--hero-overlay-strength))),rgba(var(--color-background),calc(.9 * var(--hero-overlay-strength))) 45%,rgba(var(--color-background),calc(.2 * var(--hero-overlay-strength))) 80%)}.hero-carousel__content{width:min(62%,520px)}.hero-carousel__richtext h1,.hero-carousel__richtext h2{font-size:clamp(34px,5vw,52px)}.hero-carousel__text,.hero-carousel__text p{font-size:17px}}@media screen and (max-width:767px){.hero-carousel{--hero-height: clamp( 440px, 60svh, var(--hero-height-mobile, 530px) )}.hero-carousel--fixed-header-offset{margin-top:calc(var(--header-height, 72px) + var(--top-bar-height, 0px))}.hero-carousel__image{object-position:center}.hero-carousel__shade{background:linear-gradient(0deg,rgba(var(--color-background),calc(1 * var(--hero-overlay-strength))),rgba(var(--color-background),calc(.96 * var(--hero-overlay-strength))) 42%,rgba(var(--color-background),calc(.55 * var(--hero-overlay-strength))) 70%,rgba(var(--color-background),calc(.05 * var(--hero-overlay-strength))))}.hero-carousel__container{align-items:flex-end;width:min(calc(100% - 34px),560px);padding-block:34px 68px}.hero-carousel__content,.hero-carousel__content--right{width:100%;margin-left:0}.hero-carousel__richtext h1,.hero-carousel__richtext h2{max-width:14ch;margin-bottom:14px;font-size:clamp(34px,9.5vw,46px);line-height:1.1}.hero-carousel__eyebrow{margin-bottom:10px;font-size:13px}.hero-carousel__text,.hero-carousel__text p{max-width:38ch;font-size:16px;line-height:1.6}.hero-carousel__button-wrapper{margin-top:24px}.hero-carousel__button{min-width:180px;min-height:49px;padding:12px 20px;font-size:13px}.hero-carousel__controls{bottom:14px}.hero-carousel__nav-button{width:36px;height:36px}.hero-carousel__nav-button span{font-size:26px}}@media screen and (max-width:480px){.hero-carousel__container{width:calc(100% - 28px)}.hero-carousel__richtext h1,.hero-carousel__richtext h2{font-size:clamp(32px,10vw,42px)}.hero-carousel__text,.hero-carousel__text p{font-size:16px}.hero-carousel__button{min-width:172px;font-size:13px}}@media(prefers-reduced-motion:reduce){.hero-carousel__slide,.hero-carousel__button,.hero-carousel__dot,.hero-carousel__nav-button{transition-duration:.01ms}}@media(forced-colors:active){.hero-carousel__button,.hero-carousel__dot,.hero-carousel__nav-button{border:2px solid CanvasText}.hero-carousel__dot.is-active{background:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xclsior-hero-carousel.css.map */