@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap";.hero-banner{position:relative;width:100%;min-height:var(--height-full, 100vh);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-background)}.hero-banner__slides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 3s var(--animation-timing-fade-in, ease-in-out)}.hero-banner__slide.is-active{opacity:1;z-index:1}.hero-banner__image,.hero-banner__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__slide.is-active .hero-banner__image{animation:hero-banner-kenburns-in 8s ease-out forwards}.hero-banner__slide:nth-child(2n).is-active .hero-banner__image{animation-name:hero-banner-kenburns-out}@keyframes hero-banner-kenburns-in{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes hero-banner-kenburns-out{0%{transform:scale(1.1)}to{transform:scale(1)}}.hero-banner__image--placeholder{background:rgb(var(--color-foreground-rgb) / var(--opacity-15))}.hero-banner--no-transition .hero-banner__slide{transition:none}.hero-banner--no-transition .hero-banner__slide.is-active .hero-banner__image{animation:none}.hero-banner__video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__video-poster,.hero-banner--video-poster-mobile .hero-banner__video-poster{display:none}@media screen and (max-width:749px){.hero-banner--video-poster-mobile .hero-banner__video{display:none}.hero-banner--video-poster-mobile .hero-banner__video-poster{display:block}}.hero-banner__dots{position:absolute;bottom:var(--margin-4xl, 32px);right:var(--margin-4xl, 32px);z-index:2;display:flex;gap:var(--gap-sm, 10px)}.hero-banner__dot{width:8px;height:8px;border-radius:var(--style-border-radius-50, 50%);border:1px solid rgb(var(--color-white-rgb) / var(--opacity-80));background:transparent;padding:0;cursor:pointer;transition:background var(--animation-speed-slow, .2s) var(--animation-easing, ease-in-out)}.hero-banner__dot.is-active{background:var(--color-white, #ffffff)}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgb(0 0 0 / calc(var(--overlay-opacity) * .9)),rgb(0 0 0 / calc(var(--overlay-opacity) * .5)) 40%,rgb(0 0 0 / calc(var(--overlay-opacity) * .9)))}.hero-banner__content{position:relative;z-index:2;max-width:var(--wide-content-width, 46rem);text-align:center;padding:0 var(--padding-4xl, 24px);color:var(--color-white, #ffffff);font-family:var(--font-body--family);font-style:var(--font-body--style)}.hero-banner__heading{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight, 400);font-size:clamp(2.5rem,5.5vw,var(--font-size--6xl, 3.5rem));line-height:var(--line-height--heading-tight, 1.15);letter-spacing:var(--letter-spacing--heading-normal, 0);margin:0 0 var(--margin-md, 8px);color:var(--color-white, #ffffff);text-shadow:0 2px 20px rgb(0 0 0 / .3)}.hero-banner__subheading{font-family:var(--font-subheading--family, var(--font-body--family));font-size:var(--font-size--lg, 1.125rem);letter-spacing:var(--letter-spacing-md, .13em);margin:0 0 var(--margin-xl, 20px);color:var(--color-white, #ffffff);opacity:var(--opacity-subdued-text, .9)}.hero-banner__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-md, 12px);margin-bottom:var(--margin-xl, 20px)}.hero-banner__button{padding:var(--padding-md, 10px) var(--padding-3xl, 28px);font-size:var(--font-size--sm, .875rem);letter-spacing:var(--letter-spacing-sm, .06em);text-decoration:none;border-style:solid;border-width:var(--style-border-width-primary, 1px);transition:background var(--animation-speed-slow, .2s) var(--animation-easing, ease-out),color var(--animation-speed-slow, .2s) var(--animation-easing, ease-out),border-color var(--animation-speed-slow, .2s) var(--animation-easing, ease-out),transform var(--animation-speed-slow, .2s) var(--animation-easing, ease-out);white-space:nowrap}.hero-banner__button:hover{transform:translateY(-1px)}.hero-banner__button--primary{font-family:var(--button-font-family-primary, var(--font-body--family));text-transform:var(--button-text-case-primary, uppercase);border-radius:var(--style-border-radius-buttons-primary, 0px);background:var(--color-button, var(--color-foreground));border-color:var(--color-button, var(--color-foreground));color:var(--color-button-text, var(--color-background))}.hero-banner__button--primary:hover{background:var(--color-secondary-button, var(--color-background));border-color:var(--color-secondary-button, var(--color-background));color:var(--color-secondary-button-text, var(--color-foreground))}.hero-banner__button--secondary{font-family:var(--button-font-family-secondary, var(--font-body--family));text-transform:var(--button-text-case-secondary, uppercase);border-radius:var(--style-border-radius-buttons-secondary, 0px);background:transparent;border-width:var(--style-border-width-secondary, 1px);border-color:var(--color-white, #ffffff);color:var(--color-white, #ffffff)}.hero-banner__button--secondary:hover{background:#e4892b;border-color:#e4892b;color:var(--color-white, #ffffff)}.hero-banner__description{max-width:var(--normal-content-width, 42rem);margin:0 auto;font-size:var(--font-size--md, 1rem);line-height:var(--line-height--body-normal, 1.4);color:var(--color-white, #ffffff);opacity:var(--opacity-subdued-text, .85)}.hero-banner__scroll{position:absolute;bottom:var(--margin-4xl, 32px);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs, 8px);color:var(--color-white, #ffffff);font-family:var(--font-body--family);font-size:var(--font-size--2xs, .75rem);letter-spacing:var(--letter-spacing-md, .13em);text-transform:uppercase;animation:hero-banner-bounce 2s infinite}@keyframes hero-banner-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes hero-banner-slide-in-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes hero-banner-slide-in-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.hero-banner__heading,.hero-banner__subheading,.hero-banner__buttons,.hero-banner__description{opacity:0;animation-duration:1.35s;animation-timing-function:var(--animation-timing-fade-in, cubic-bezier(.16, 1, .3, 1));animation-fill-mode:forwards}.hero-banner__heading{animation-name:hero-banner-slide-in-left;animation-delay:.225s}.hero-banner__subheading{animation-name:hero-banner-slide-in-right;animation-delay:.525s}.hero-banner__buttons{animation-name:hero-banner-slide-in-left;animation-delay:.825s}.hero-banner__description{animation-name:hero-banner-slide-in-right;animation-delay:1.125s}@media(prefers-reduced-motion:reduce){.hero-banner__heading,.hero-banner__subheading,.hero-banner__buttons,.hero-banner__description{opacity:1;animation:none;transform:none}.hero-banner__scroll,.hero-banner__slide.is-active .hero-banner__image{animation:none}}@media screen and (max-width:749px){.hero-banner{min-height:var(--section-height-large, 85vh)}.hero-banner__content{padding-top:6.5rem;padding-bottom:3rem}.hero-banner__heading{font-size:clamp(2rem,8vw,2.75rem);margin-bottom:var(--margin-3xl, 18px)}.hero-banner__subheading{font-size:var(--font-size--sm, .875rem);margin-bottom:var(--margin-4xl, 24px)}.hero-banner__buttons{flex-direction:column;align-items:stretch;gap:var(--gap-md, 12px);margin-bottom:var(--margin-4xl, 24px)}.hero-banner__button{text-align:center}.hero-banner__description{font-size:var(--font-size--xs, .8125rem);line-height:var(--line-height--body-normal, 1.4)}.hero-banner__scroll{bottom:var(--margin-lg, 16px);font-size:var(--font-size--3xs, .625rem)}.hero-banner__dots{bottom:var(--margin-lg, 16px);right:var(--margin-lg, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-hero-slideshow.css.map */