.xel-hero{position:relative;height:min(1044px,100svh);min-height:640px;overflow:hidden;color:var(--xel-color-white)}.xel-hero--screen{height:100svh}.xel-hero--auto{height:auto;min-height:0}.xel-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.xel-hero__media-desktop,.xel-hero__media-mobile,.xel-hero__media .xel-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.xel-hero__media-mobile{display:none}.xel-hero__slides{position:relative;display:grid;height:100%}.xel-hero__slide{grid-area:1 / 1;position:relative;min-width:0}.xel-hero__slides--show .xel-hero__slide{opacity:0;visibility:hidden;transition:opacity .9s var(--xel-ease),visibility 0s linear .9s}.xel-hero__slides--show .xel-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .9s var(--xel-ease),visibility 0s}.xel-hero__slides--show .xel-hero__slide.is-active .xel-hero__media .xel-hero__img{animation:xel-hero-kenburns 9s var(--xel-ease) forwards}@keyframes xel-hero-kenburns{0%{scale:1}to{scale:1.06}}.xel-hero__controls{position:absolute;right:0;bottom:28px;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none}.xel-hero__controls>*{pointer-events:auto}.xel-hero__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--xel-alpha-white-30);border-radius:50%;background:#00000040;color:var(--xel-color-white);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--xel-dur) var(--xel-ease)}.xel-hero__arrow:hover{background:#00000073}.xel-hero__dots{display:flex;gap:8px}.xel-hero__dot{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:#ffffff73;cursor:pointer;transition:background-color var(--xel-dur) var(--xel-ease),width var(--xel-dur) var(--xel-ease)}.xel-hero__dot.is-active{width:44px;background:var(--xel-color-white)}@media(prefers-reduced-motion:reduce){.xel-hero__slides--show .xel-hero__slide{transition:none}.xel-hero__slides--show .xel-hero__slide.is-active .xel-hero__media .xel-hero__img{animation:none}}.xel-hero__img{width:100%;height:100%;object-fit:cover}.xel-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--xel-overlay, .2));pointer-events:none}.xel-hero__content{position:relative;height:100%}.xel-hero__row{position:absolute;inset-inline:0;display:flex;justify-content:space-between}.xel-hero__row--top{top:21.55%;align-items:flex-start;gap:108px}.xel-hero__row--bottom{top:60.92%;align-items:flex-end;gap:331px}.xel-hero__heading{display:flex;flex-direction:column;align-items:flex-start;gap:54px;max-width:1138px}.xel-hero__title{display:flex;flex-direction:column;gap:22px;margin:0}.xel-hero__title span{display:block;color:var(--xel-color-white)}.xel-hero__title-1{font:var(--xel-text-display-weight) var(--xel-text-display);letter-spacing:var(--xel-text-display-ls)}.xel-hero__title-2{font:italic var(--xel-text-display-italic-weight) var(--xel-text-display-italic);letter-spacing:var(--xel-text-display-italic-ls)}.xel-hero__lede{margin:0;font:var(--xel-text-body-lg-weight) var(--xel-text-body-lg);letter-spacing:var(--xel-text-body-lg-ls);color:var(--xel-color-white)}.xel-hero__lede--top{width:425px;text-align:right}.xel-hero__lede--bottom{width:408px}.xel-hero__cards{position:relative;display:flex;align-items:center;gap:12px}.xel-hero__card-glass{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:333px;height:292px;text-decoration:none}.xel-hero__card-glass-top{display:flex;flex-direction:column;gap:16px}.xel-hero__card-glass .xel-card__title,.xel-hero__card-glass .xel-card__text,.xel-hero__card-glass .xel-card__price{display:block}.xel-hero__card-glass .xel-card__text{font:var(--xel-text-body-weight) var(--xel-text-body);letter-spacing:var(--xel-text-body-ls);color:var(--xel-color-white)}.xel-hero__card-glass .xel-card__price{color:var(--xel-color-white)}.xel-hero__card-img{position:relative;display:block;width:294px;height:292px;border-radius:var(--xel-radius-glass);overflow:hidden}.xel-hero__card-img .xel-image,.xel-hero__card-img .xel-video{height:100%;aspect-ratio:auto}.xel-hero__card-arrow{position:absolute;top:17px;right:17px;color:var(--xel-color-white)}.xel-hero__card-video .xel-video__play{width:65px;height:65px}@media screen and (max-width:1699px){.xel-hero__lede--bottom{display:none}}@media screen and (max-width:1439px){.xel-hero{height:min(860px,100svh);min-height:600px}.xel-hero__row--top{top:16%;flex-direction:column;gap:32px}.xel-hero__row--bottom{top:auto;bottom:7%;justify-content:flex-end}.xel-hero__lede--top{width:auto;max-width:560px;text-align:left}.xel-hero__lede--bottom{display:none}.xel-hero__controls{right:auto;left:var(--xel-gutter);bottom:32px;justify-content:flex-start}.xel-hero__row--top{top:14%}.xel-hero__lede--top{max-width:440px;font-size:17px;line-height:26px}.xel-hero__card-glass{width:250px;height:210px;padding:20px}.xel-hero__card-glass .xel-card__title{font-size:20px;line-height:26px}.xel-hero__card-img{width:200px;height:210px}.xel-hero__card-arrow{top:12px;right:12px}}@media screen and (max-width:1439px)and (max-height:860px){.xel-hero__row--bottom{bottom:5%}.xel-hero__heading{gap:24px}}@media screen and (max-width:1023px){.xel-hero,.xel-hero--screen,.xel-hero--auto{--xel-hero-band: 620px;--xel-hero-inset: 32px;height:auto;min-height:0;overflow:visible;color:var(--xel-fg)}.xel-hero__media{position:relative;height:var(--xel-hero-band)}.xel-hero__controls{top:calc(var(--xel-hero-band) - 16px);bottom:auto;justify-content:flex-end;padding-inline:var(--xel-gutter);translate:0 -100%}.xel-hero__arrow{display:none}.xel-hero__media-mobile{display:block}.xel-hero__media-desktop--has-mobile{display:none}.xel-hero__content{position:static;width:100%;height:auto}.xel-hero__row{position:static;display:block}.xel-hero__heading{position:absolute;top:calc(var(--xel-hero-band) - var(--xel-hero-inset));right:var(--xel-gutter);left:var(--xel-gutter);z-index:1;gap:24px;max-width:none;translate:0 -100%}.xel-hero__title{gap:8px}.xel-hero__title-1,.xel-hero__title-2{font-size:72px}.xel-hero__lede--top{max-width:none;margin:32px var(--xel-gutter) 0;color:var(--xel-fg)}.xel-hero__cards{display:flex;gap:12px;margin-top:32px;padding-inline:var(--xel-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--xel-gutter);scrollbar-width:none}.xel-hero__cards::-webkit-scrollbar{display:none}.xel-hero__cards>*{flex:0 0 auto;scroll-snap-align:start}.xel-hero__card-glass{width:260px;height:260px;border-color:transparent;background-color:var(--xel-color-card);color:var(--xel-fg);-webkit-backdrop-filter:none;backdrop-filter:none}.xel-hero__card-glass .xel-card__title,.xel-hero__card-glass .xel-card__text,.xel-hero__card-glass .xel-card__price{color:var(--xel-fg)}.xel-hero__card-img{width:260px;height:260px}.xel-hero__card-arrow{top:16px;right:16px}}@media screen and (max-width:767px){.xel-hero,.xel-hero--screen,.xel-hero--auto{--xel-hero-band: 460px;--xel-hero-inset: 24px}.xel-hero__title-1,.xel-hero__title-2{font-size:56px}.xel-hero--compact .xel-hero__title-1,.xel-hero--compact .xel-hero__title-2{font-size:48px}.xel-hero__lede--top{margin-top:24px;font-size:17px;line-height:26px}.xel-hero__cards{margin-top:24px}.xel-hero__card-glass,.xel-hero__card-img{width:240px;height:240px}}@media screen and (max-height:500px)and (max-width:1023px){.xel-hero__media{height:auto;min-height:420px;aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-xelara-hero.css.map */