.tl-hero{--u: 1vw;position:relative;margin:0;overflow:hidden;background-color:#0f0f0f;color:var(--tl-hero-text, #fff);container-type:inline-size}@supports (container-type: inline-size){.tl-hero{--u: 1cqw}}.tl-hero__slider{display:grid;position:relative}.tl-hero__slide{position:relative;grid-area:1 / 1;min-width:0;--s: var(--s-d, 1);--l: var(--l-d, 40%);--r: var(--r-d, 4%)}.tl-hero--multi .tl-hero__slide{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.tl-hero--multi .tl-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}.tl-hero__link{position:relative;display:block;color:inherit;text-decoration:none}.tl-hero__media{position:relative;overflow:hidden;aspect-ratio:var(--ar-d, 1.5);background-color:#0f0f0f}.tl-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tl-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos-d, center center)}.tl-hero__media--product .tl-hero__img{object-fit:contain;object-position:0% center}.tl-hero__media--product-r .tl-hero__img{object-position:100% center}.tl-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.tl-hero__scrim--right{background:linear-gradient(to left,rgba(0,0,0,var(--scrim)) 0%,rgba(0,0,0,var(--scrim)) 40%,transparent 75%)}.tl-hero__scrim--left{background:linear-gradient(to right,rgba(0,0,0,var(--scrim)) 0%,rgba(0,0,0,var(--scrim)) 40%,transparent 75%)}.tl-hero__scrim--bottom{background:linear-gradient(to top,rgba(0,0,0,var(--scrim)) 0%,transparent 60%)}.tl-hero__layer{--k: calc(var(--u) * var(--s) * var(--fit, 1));position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.tl-hero__layer[data-tl-hero-fit]:not([data-tl-hero-ready]){visibility:hidden}.tl-hero__slide.is-active .tl-hero__layer[data-tl-hero-fit]:not([data-tl-hero-ready]){animation:tl-hero-show 0s linear 2.5s forwards}@keyframes tl-hero-show{to{visibility:visible}}.tl-hero__col{position:absolute;top:4%;bottom:24%;left:var(--l);right:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;text-align:center;color:var(--tl-hero-text, #fff)}.tl-hero__kicker,.tl-hero__rule,.tl-hero__offer,.tl-hero__pill,.tl-hero__line{white-space:nowrap}.tl-hero__kicker{display:block;margin:0 0 calc(.6 * var(--k));font-family:var(--tl-hero-display);font-size:calc(5.2 * var(--k));font-style:italic;font-weight:700;line-height:1.1;letter-spacing:0}.tl-hero__kicker-in{display:inline-block;padding:.05em .45em .1em;background-color:var(--tl-hero-pill, #4b0b0e)}.tl-hero__title{display:flex;flex-direction:column;align-items:center;margin:0;font-family:var(--tl-hero-display);font-size:calc(7 * var(--k));font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase;color:var(--tl-hero-text, #fff)}.tl-hero__line{display:block}.tl-hero__rule{display:flex;align-items:center;justify-content:center;gap:calc(1.5 * var(--k));margin:calc(.4 * var(--k)) 0;font-family:var(--tl-hero-display);font-size:calc(4.6 * var(--k));font-weight:700;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:var(--tl-hero-accent, #d9b985)}.tl-hero__rule{align-self:stretch}.tl-hero__rule:before,.tl-hero__rule:after{content:"";display:block;flex:0 1 calc(9 * var(--k));min-width:calc(3 * var(--k));height:1.5px;background-color:currentColor}.tl-hero__offer{display:flex;align-items:baseline;justify-content:center;gap:calc(.8 * var(--k));font-family:var(--tl-hero-display);font-weight:700;line-height:1;text-transform:uppercase}.tl-hero__offer-s{font-size:calc(4.2 * var(--k));color:var(--tl-hero-text, #fff)}.tl-hero__offer-b{font-size:calc(11 * var(--k));color:var(--tl-hero-accent, #d9b985)}.tl-hero__pill{display:block;margin-top:calc(1.6 * var(--k));font-family:var(--tl-hero-display);font-size:max(10px,calc(2.4 * var(--k)));font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.tl-hero__pill-in{display:inline-block;padding:.35em .9em;background-color:var(--tl-hero-pill, #4b0b0e);color:var(--tl-hero-text, #fff)}.tl-hero__btn{position:absolute;top:80.4%;left:50%;display:inline-flex;align-items:center;gap:.6em;overflow:hidden;box-sizing:border-box;padding:calc(1 * var(--u) * var(--s)) calc(3 * var(--u) * var(--s));border:max(2px,calc(.14 * var(--u))) solid var(--tl-hero-btn-border, #d9b985);background-color:var(--tl-hero-btn-bg, #1a0d0a);color:var(--tl-hero-text, #fff);font-family:var(--tl-font-body);font-size:max(11px,calc(2 * var(--u) * var(--s)));font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}.tl-hero__layer--btn-column .tl-hero__btn{left:calc(var(--l) + (100% - var(--l) - var(--r)) / 2)}.tl-hero__btn .tl-icon,.tl-hero__btn svg{flex:0 0 auto;width:.8em;height:.8em}.tl-hero__btn:after{content:"";position:absolute;top:0;left:150%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);pointer-events:none}@media(hover:hover){a.tl-hero__link:hover .tl-hero__btn:after{animation:tl-hero-shine .75s cubic-bezier(.01,.56,1,1)}}@keyframes tl-hero-shine{0%{left:150%}to{left:-200%}}a.tl-hero__link:focus-visible{outline:none}a.tl-hero__link:focus-visible .tl-hero__btn{outline:2px solid var(--tl-hero-text, #fff);outline-offset:3px}.tl-hero__bars{position:absolute;bottom:0;left:50%;z-index:3;display:flex;gap:0;transform:translate(-50%)}.tl-hero__bar{position:relative;display:block;width:120px;height:6px;margin:0;padding:0;border:0;background:#fff6;cursor:pointer;transition:background .2s}.tl-hero__bar:hover{background:#fff9}.tl-hero__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#fff;transform:scaleX(0);transform-origin:left center}.tl-hero__bar.is-done .tl-hero__bar-fill{transform:scaleX(1)}.tl-hero__bar.is-active .tl-hero__bar-fill{animation:tl-hero-fill var(--tl-hero-speed, 5s) linear forwards}.tl-hero__slider.is-paused .tl-hero__bar.is-active .tl-hero__bar-fill{animation-play-state:paused}.tl-hero__slider.is-static .tl-hero__bar.is-active .tl-hero__bar-fill{animation:none;transform:scaleX(1)}@keyframes tl-hero-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tl-hero__pause{position:absolute;right:12px;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.tl-hero__pause-i{display:flex}.tl-hero__pause-i--play,.tl-hero__slider.is-user-paused .tl-hero__pause-i--pause{display:none}.tl-hero__slider.is-user-paused .tl-hero__pause-i--play{display:flex}@media(max-width:768px){.tl-hero__slide{--s: var(--s-m, 1);--l: var(--l-m, 36%);--r: var(--r-m, 3%)}.tl-hero__media{aspect-ratio:var(--ar-m, var(--ar-d, 1.5))}.tl-hero__img{object-position:var(--pos-m, var(--pos-d, center center))}.tl-hero__media--product .tl-hero__img{object-position:0% center}.tl-hero__media--product-r .tl-hero__img{object-position:100% center}.tl-hero__kicker{font-size:calc(5 * var(--k))}.tl-hero__title{font-size:calc(6.6 * var(--k))}.tl-hero__rule{font-size:calc(4.4 * var(--k))}.tl-hero__offer-s{font-size:calc(4 * var(--k))}.tl-hero__offer-b{font-size:calc(10 * var(--k))}.tl-hero__pill{font-size:max(10px,calc(2.6 * var(--k)))}.tl-hero__btn{top:79.7%;font-size:max(10px,calc(2.4 * var(--u) * var(--s)))}.tl-hero__bar{width:45px}}@media(prefers-reduced-motion:reduce){.tl-hero--multi .tl-hero__slide,.tl-hero--multi .tl-hero__slide.is-active{transition:none}.tl-hero__bar.is-active .tl-hero__bar-fill{animation:none;transform:scaleX(1)}a.tl-hero__link:hover .tl-hero__btn:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tl-hero.css.map */