.home-hero{--hh-peek-ratio: .133;--hh-arrow-width-ratio: .0667;--hh-arrow-offset-ratio: .0333;--hh-content-width: 66.4rem;--hh-gutter: var(--spacing-7);position:relative}.home-hero--single{--hh-peek-ratio: 0}.home-hero__slider{position:relative;display:block;width:100%;height:var(--hh-slider-height, 100svh);overflow:hidden;user-select:none;-webkit-user-select:none}.home-hero__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:pan-y}.home-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0}.home-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.home-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}.home-hero__slider.is-ready .home-hero__slide{transition:opacity .1s ease-out,visibility 0s linear .1s}.home-hero__slider.is-ready .home-hero__slide.is-active{transition:opacity .1s ease-out,visibility 0s}.home-hero__slider.is-ready .home-hero__slide .home-hero__content{opacity:0;transition:opacity .1s ease-out}.home-hero__slider.is-ready .home-hero__slide.is-active .home-hero__content{opacity:1}.home-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.home-hero__media-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-hero__media-item :where(img,video,iframe,svg){width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-drag:none}.home-hero__media-item .youtube-container iframe{width:100%}.home-hero__media:after,.home-hero__peek-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--hh-overlay-strength, 1);background:linear-gradient(90deg,#000,#0000)}.home-hero__peek-layer:after{inset-inline-end:auto;width:calc(100% / var(--hh-peek-ratio));background:linear-gradient(90deg,#000,#0000)}.home-hero__slide--no-overlay .home-hero__media:after,.home-hero__peek-layer--no-overlay:after{display:none}.home-hero__peek{position:absolute;inset-block:0;inset-inline-end:0;width:calc(100% * var(--hh-peek-ratio));overflow:hidden;z-index:2;pointer-events:none}.home-hero__peek-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.home-hero__peek-layer.is-active{opacity:1;visibility:visible}.home-hero__slider.is-ready .home-hero__peek-layer{transition:opacity .1s ease-out,visibility 0s linear .1s}.home-hero__slider.is-ready .home-hero__peek-layer.is-active{transition:opacity .1s ease-out,visibility 0s}.home-hero__peek-layer :where(img,video,svg,iframe){position:absolute;inset-block:0;inset-inline-start:0;width:calc(100% / var(--hh-peek-ratio));max-width:none;height:100%;object-fit:cover;object-position:left center}.home-hero__peek-layer .youtube-container iframe{width:calc(100% / var(--hh-peek-ratio))}.home-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6) var(--hh-gutter);color:rgb(var(--color-foreground));pointer-events:none}.home-hero__content>*{pointer-events:auto}.home-hero__content-inner{display:flex;flex-direction:column;align-items:inherit;gap:var(--spacing-5);transition:transform .1s ease-out;will-change:transform}.home-hero__content-inner.is-morphing{transition:none;transform:translate(var(--hh-morph-x, 0px),var(--hh-morph-y, 0px))}.home-hero__text-group{display:flex;flex-direction:column;align-items:inherit;gap:var(--spacing-3);max-width:var(--hh-content-width)}.home-hero__eyebrow{margin:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-static-md);line-height:1.44;letter-spacing:.5rem}.home-hero__eyebrow a{color:inherit;text-decoration:none}.home-hero__heading,.home-hero__heading p{margin:0}.home-hero__heading{font-family:var(--font-heading-family);font-weight:var(--font-weight-heading-medium);font-size:clamp(var(--font-size-static-h4),4.2vw,var(--font-size-static-h2));line-height:.96;letter-spacing:.12rem}.home-hero__text{max-width:44rem;font-family:var(--font-body-family);font-size:var(--font-size-static-lg);line-height:1.32}.home-hero__text :last-child{margin-bottom:0}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.home-hero__actions .button{overflow-wrap:anywhere}.home-hero__banner-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;font-size:0}.home-hero__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.home-hero__controls>*{pointer-events:auto}.home-hero__pagination{position:absolute;inset-block-end:var(--spacing-3);inset-inline-start:calc((100% - var(--hh-peek-ratio) * 100%) / 2);transform:translate(-50%);display:flex;gap:var(--spacing-3);align-items:center;padding:var(--spacing-3)}.home-hero__bar{width:4.8rem;height:.2rem;padding:0;border:0;cursor:pointer;background:rgba(var(--color-white-rgb),.5);transition:background .1s ease-out}.home-hero__bar.is-active{background:rgb(var(--color-filled-button))}.home-hero__bar:focus-visible{outline:.2rem solid rgb(var(--color-white-rgb));outline-offset:.4rem}.home-hero__progress{position:absolute;inset-block-end:var(--spacing-3);inset-inline-start:calc((100% - var(--hh-peek-ratio) * 100%) / 2);transform:translate(-50%);width:min(24rem,50vw);height:.2rem;overflow:hidden;background:rgba(var(--color-white-rgb),.5)}.home-hero__progress-fill{display:block;height:100%;width:0;background:rgb(var(--color-filled-button));transition:width var(--duration-default) ease-out}.home-hero__arrow{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;color:rgb(var(--color-white-rgb));opacity:.48;transition:opacity .1s ease-in,transform .1s ease-in}.home-hero__arrow:hover,.home-hero__arrow:focus-visible{opacity:1}.home-hero__arrow:focus-visible{outline:.2rem solid rgb(var(--color-white-rgb));outline-offset:.4rem}.home-hero__arrow svg{width:calc(var(--hh-arrow-width-ratio) * 100vw);height:auto;display:block}.home-hero__arrow--prev{inset-inline-start:calc(var(--hh-arrow-offset-ratio) * 100vw);inset-block-start:50%;transform:translateY(-50%)}.home-hero__arrow--prev svg{transform:scaleX(-1)}.home-hero__arrow--next{inset-inline-end:calc(var(--hh-arrow-offset-ratio) * 100vw);inset-block-start:50%;transform:translateY(-50%)}.home-hero__arrow--prev{display:none}@media screen and (min-width:750px){.home-hero__arrow--next:hover,.home-hero__arrow--next:focus-visible{transform:translateY(-50%) translate(var(--spacing-3))}.home-hero__content{inset-inline-end:calc(var(--hh-peek-ratio) * 100vw)}.home-hero__content.justify-end{padding-block-end:var(--spacing-8)}}@media screen and (max-width:989px){.home-hero{--hh-content-width: 56rem}}@media screen and (max-width:749px){.home-hero{--hh-gutter: var(--spacing-5)}.home-hero__slider{height:var(--hh-slider-height-mobile, 100svh)}.home-hero__peek{display:none}.home-hero__media:after{background:linear-gradient(90deg,#0000007a,#0000),linear-gradient(90.53deg,#000 -26.45%,#0000 63.5%)}.home-hero__content{gap:var(--spacing-5);padding-block:var(--spacing-8);padding-inline:var(--spacing-5)}.home-hero__text-group{max-width:none}.home-hero__eyebrow{font-size:var(--font-size-static-sm)}.home-hero__text{font-size:var(--font-size-static-md);line-height:var(--line-height-static-sm);max-width:none}.home-hero__actions{gap:var(--spacing-3)}.home-hero__actions--mobile-full{width:100%;align-self:stretch;flex-wrap:wrap;align-items:stretch}.home-hero__actions--mobile-full .button{flex:1 1 calc(50% - var(--spacing-3));min-width:12rem}.home-hero__controls{inset:auto var(--spacing-4) var(--spacing-3) var(--spacing-4);display:flex;gap:var(--spacing-3);align-items:center;justify-content:center}.home-hero__pagination{position:static;transform:none;flex:0 1 auto;min-width:0;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-3)}.home-hero__bar{flex:0 1 4.8rem;min-width:.6rem}.home-hero__progress{position:static;transform:none;flex:0 1 auto}.home-hero__arrow{position:static;transform:none;flex:0 0 auto}.home-hero__arrow--prev{display:flex}.home-hero__arrow svg{width:.9rem;height:1.8rem}.home-hero__arrow--prev svg{transform:scaleX(-1)}}@media(prefers-reduced-motion:reduce){.home-hero__slider.is-ready .home-hero__slide,.home-hero__slider.is-ready .home-hero__slide .home-hero__content,.home-hero__content-inner,.home-hero__slider.is-ready .home-hero__peek-layer,.home-hero__arrow,.home-hero__bar,.home-hero__progress-fill{transition:none}}@media(hover:hover){.home-hero__actions .button--filled.home-hero__button--first:hover{color:rgb(var(--color-filled-button));background-color:rgb(var(--color-filled-button-text));border-color:rgb(var(--color-filled-button-text))}.home-hero__actions .button--filled.home-hero__button--second:hover{color:var(--home-button-accent, rgb(var(--color-filled-button-text)));background-color:rgb(var(--color-filled-button));border-color:rgb(var(--color-filled-button))}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section-home-hero.css.map */