.xl-hero{display:block;position:relative;height:var(--xl-hero-h, 85svh);min-height:520px;overflow:hidden;background:var(--xl-orange-700);color:#fff}.xl-hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.xl-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity 1.1s var(--xl-ease),visibility 0s 1.1s;color:var(--xl-fg, #fff)}.xl-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s var(--xl-ease);z-index:2}.xl-hero__media,.xl-hero__kb{position:absolute;top:0;right:0;bottom:0;left:0}.xl-hero__img,.xl-hero__video,.xl-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xl-hero__placeholder{background:radial-gradient(120% 90% at 80% 30%,#ff8a3d,#ff5a00 45%,#b83a00)}.xl-hero__video--twin{opacity:0;transition:opacity .9s linear}.xl-hero__video--twin.is-front{opacity:1}.xl-hero__video.is-front:not(.xl-hero__video--twin){opacity:1}.xl-hero__video:not(.xl-hero__video--twin).is-back{opacity:0;transition:opacity .9s linear}.xl-hero__slide.has-kb.is-active .xl-hero__kb{animation:xl-kb 16s ease-out forwards}@keyframes xl-kb{0%{transform:scale(1)}to{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.xl-hero__slide.has-kb.is-active .xl-hero__kb{animation:none}}.xl-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.xl-ov-left{background:linear-gradient(90deg,rgba(20,8,0,calc(var(--xl-ov) * 1.4)),rgba(20,8,0,calc(var(--xl-ov) * .55)) 45%,#14080000 80%)}.xl-ov-bottom{background:linear-gradient(0deg,rgba(20,8,0,calc(var(--xl-ov) * 1.4)),rgba(20,8,0,calc(var(--xl-ov) * .4)) 45%,#14080000 80%)}.xl-ov-all{background:rgba(20,8,0,var(--xl-ov))}.xl-ov-none{display:none}.xl-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding-block:clamp(32px,8vh,96px);pointer-events:none;margin-inline:auto}.xl-hero__copy{max-width:min(680px,100%);pointer-events:auto}.xl-pos-left-bottom .xl-hero__content{align-items:flex-end;justify-content:flex-start}.xl-pos-left-center .xl-hero__content{align-items:center;justify-content:flex-start}.xl-pos-center-center .xl-hero__content{align-items:center;justify-content:center;text-align:center}.xl-pos-center-center .xl-hero__btns{justify-content:center}.xl-pos-right-center .xl-hero__content{align-items:center;justify-content:flex-end;text-align:right}.xl-pos-right-center .xl-hero__btns{justify-content:flex-end}.xl-hero__eyebrow{color:var(--xl-hl)}.xl-hero__title{font-size:clamp(2.3rem,6.4vw,5.6rem);color:var(--xl-fg, #fff);margin:0 0 .3em;text-shadow:0 2px 24px rgba(0,0,0,.18)}.xl-hero__title em{color:var(--xl-hl)}.xl-hero__text{max-width:520px;margin-bottom:1.6em;opacity:.95}.xl-hero__text p{margin:0 0 .6em}.xl-hero__btns{display:flex;flex-wrap:wrap;gap:12px}.xl-hero__slide.is-active .xl-hero__copy>*{animation:xl-rise .9s var(--xl-ease) both}.xl-hero__slide.is-active .xl-hero__copy>*:nth-child(2){animation-delay:.12s}.xl-hero__slide.is-active .xl-hero__copy>*:nth-child(3){animation-delay:.24s}.xl-hero__slide.is-active .xl-hero__copy>*:nth-child(4){animation-delay:.36s}@keyframes xl-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.xl-hero__arrow{position:absolute;top:50%;z-index:5;width:52px;height:52px;margin-top:-26px;border-radius:50%!important;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s var(--xl-ease)}.xl-hero__arrow:hover{background:#fff;color:var(--xl-orange-700)}.xl-hero__arrow--prev{left:clamp(10px,2vw,28px)}.xl-hero__arrow--next{right:clamp(10px,2vw,28px)}.xl-hero__dots{position:absolute;z-index:5;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:8px}.xl-hero__dot{width:10px;height:10px;border-radius:100px!important;background:#ffffff80;transition:width .5s var(--xl-ease),background .3s}.xl-hero__dot.is-active{width:38px;background:var(--xl-lime)}@media(max-width:749px){.xl-hero{height:var(--xl-hero-hm, 80svh);min-height:460px}.xl-hero__arrow{display:none}.xl-hero__content{padding-bottom:64px}.xl-pos-center-center .xl-hero__content,.xl-pos-right-center .xl-hero__content,.xl-pos-left-center .xl-hero__content{align-items:flex-end}.xl-ov-left{background:linear-gradient(0deg,rgba(20,8,0,calc(var(--xl-ov) * 1.5)),rgba(20,8,0,calc(var(--xl-ov) * .5)) 55%,#14080000 90%)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/xl-hero.css.map */
