.zaoud-hero-banner{position:relative;width:100%;min-height:calc(100vh - var(--zaoud-announcement-height, 3.8rem));height:calc(100vh - var(--zaoud-announcement-height, 3.8rem));min-height:calc(100lvh - var(--zaoud-announcement-height, 3.8rem));height:calc(100lvh - var(--zaoud-announcement-height, 3.8rem));overflow:hidden;display:flex;align-items:center;justify-content:center;background:#080808;background-color:#080808}.zaoud-hero-banner.gradient{background:#080808!important;background-image:none!important}.zaoud-hero-banner--under-header{margin-top:calc(-1 * var(--zaoud-header-height, 9.3rem))}.zaoud-hero-banner__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.zaoud-hero-banner__track{display:flex;flex-wrap:nowrap;width:100%;height:100%;will-change:transform}.zaoud-hero-banner__track--animate{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.zaoud-hero-banner__slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-height:100%}.zaoud-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.zaoud-hero-banner__picture,.zaoud-hero-banner__image,.zaoud-hero-banner__placeholder{display:block;width:100%;height:100%}.zaoud-hero-banner__image{object-fit:cover;object-position:center}.zaoud-hero-banner__placeholder{background:rgba(var(--color-foreground),.06)}.zaoud-hero-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.zaoud-hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--zaoud-hero-overlay, 0);pointer-events:none}.zaoud-hero-banner__content{position:absolute;z-index:1;display:flex;flex-direction:column;gap:0;max-width:min(90vw,48rem);padding:2.4rem;box-sizing:border-box;pointer-events:none}@media screen and (min-width:750px){.zaoud-hero-banner__content--align-left{align-items:flex-start;text-align:left}.zaoud-hero-banner__content--align-center{align-items:center;text-align:center}.zaoud-hero-banner__content--align-right{align-items:flex-end;text-align:right}}.zaoud-hero-banner__heading{margin:0;color:rgb(var(--color-foreground));pointer-events:auto;line-height:1.15;letter-spacing:.02em;max-width:100%;text-wrap:balance}.zaoud-hero-banner__heading.h0{font-size:clamp(2.6rem,8vw,5.2rem)}.zaoud-hero-banner__heading.h1{font-size:clamp(2.2rem,6.5vw,4rem)}.zaoud-hero-banner__heading.h2{font-size:clamp(1.8rem,5vw,3.2rem)}.zaoud-hero-banner__subheading{margin:.75rem 0 0;color:rgba(var(--color-foreground),.85);font-size:clamp(1.35rem,3.6vw,1.8rem);line-height:1.45;max-width:36em;pointer-events:auto}.zaoud-hero-banner__button-wrap{margin-top:2.4rem;pointer-events:auto}@media screen and (min-width:750px){.zaoud-hero-banner__content--desktop-top-left{top:0;left:0}.zaoud-hero-banner__content--desktop-top-center{top:0;left:50%;transform:translate(-50%)}.zaoud-hero-banner__content--desktop-top-right{top:0;right:0}.zaoud-hero-banner__content--desktop-middle-left{top:50%;left:0;transform:translateY(-50%)}.zaoud-hero-banner__content--desktop-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.zaoud-hero-banner__content--desktop-middle-right{top:50%;right:0;transform:translateY(-50%)}.zaoud-hero-banner__content--desktop-bottom-left{bottom:0;left:0}.zaoud-hero-banner__content--desktop-bottom-center{bottom:0;left:50%;transform:translate(-50%)}.zaoud-hero-banner__content--desktop-bottom-right{bottom:0;right:0}.zaoud-hero-banner--under-header .zaoud-hero-banner__content--desktop-top-left,.zaoud-hero-banner--under-header .zaoud-hero-banner__content--desktop-top-center,.zaoud-hero-banner--under-header .zaoud-hero-banner__content--desktop-top-right{padding-top:calc(var(--zaoud-header-height, 9.3rem) + 1.5rem)}}@media screen and (max-width:749px){.zaoud-hero-banner__content{left:0;right:0;width:100%;max-width:100%;padding:1.6rem;align-items:center;text-align:center}.zaoud-hero-banner__content--mobile-top-left,.zaoud-hero-banner__content--mobile-top-center,.zaoud-hero-banner__content--mobile-top-right{top:0;bottom:auto;transform:none}.zaoud-hero-banner__content--mobile-middle-left,.zaoud-hero-banner__content--mobile-middle-center,.zaoud-hero-banner__content--mobile-middle-right{top:50%;bottom:auto;transform:translateY(-50%)}.zaoud-hero-banner__content--mobile-bottom-left,.zaoud-hero-banner__content--mobile-bottom-center,.zaoud-hero-banner__content--mobile-bottom-right{top:auto;bottom:0;transform:none}.zaoud-hero-banner--under-header .zaoud-hero-banner__content--mobile-top-left,.zaoud-hero-banner--under-header .zaoud-hero-banner__content--mobile-top-center,.zaoud-hero-banner--under-header .zaoud-hero-banner__content--mobile-top-right{padding-top:calc(var(--zaoud-header-height, 9.3rem) + 1.2rem)}.zaoud-hero-banner__heading.h0{font-size:clamp(2.4rem,9.5vw,3.4rem)}.zaoud-hero-banner__heading.h1{font-size:clamp(2rem,8vw,2.8rem)}.zaoud-hero-banner__heading.h2{font-size:clamp(1.7rem,6.5vw,2.2rem)}.zaoud-hero-banner__subheading{margin-top:.6rem;font-size:clamp(1.3rem,3.8vw,1.55rem);max-width:100%}.zaoud-hero-banner__button-wrap{margin-top:2rem}}.zaoud-hero-banner .button--secondary{--alpha-button-background: 0;background-color:transparent}.zaoud-hero-banner .button--secondary:hover{background-color:transparent}.zaoud-hero-banner__dots{position:absolute;left:50%;transform:translate(-50%);bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:0 1.6rem 1.6rem;pointer-events:none;box-sizing:border-box}.zaoud-hero-banner__dot{flex:0 0 auto;width:.8rem;height:.8rem;padding:0;margin:0;border:0;background:#ffffff59;border-radius:999px;opacity:.5;cursor:pointer;pointer-events:auto;position:relative;transition:width .26s ease,opacity .26s ease,background-color .26s ease;overflow:hidden}.zaoud-hero-banner__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;border-radius:inherit;transform:scaleX(0);transform-origin:left center;pointer-events:none}.zaoud-hero-banner__dot.is-complete{opacity:.8}.zaoud-hero-banner__dot.is-active{width:2.4rem;opacity:1;background:#ffffff80}.zaoud-hero-banner__dot:focus-visible{outline:.2rem solid rgba(255,255,255,.9);outline-offset:.2rem}@media screen and (min-width:750px){.zaoud-hero-banner__dots{gap:1rem;padding:0 2.4rem 2rem}}.zaoud-hero-banner:focus-visible{outline:.2rem solid rgba(255,255,255,.9);outline-offset:-.4rem}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-zaoud-hero-banner.css.map */