hero-fullscreen-component{display:block;position:fixed;top:var(--hero-offset, 0px);left:0;width:100vw;height:calc(100vh - var(--hero-offset, 0px));height:calc(100dvh - var(--hero-offset, 0px));z-index:0;overflow:hidden}.hero-fullscreen__container{position:relative;width:100%;height:100%}.hero-fullscreen__spacer{height:calc(100vh - var(--hero-initial-offset, var(--hero-offset, 0px)));height:calc(100dvh - var(--hero-initial-offset, var(--hero-offset, 0px)));pointer-events:none}@media screen and (max-width:959px){.hero-fullscreen__spacer{height:auto}}.hero-fullscreen__slides{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;overflow:hidden}.hero-fullscreen__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.hero-fullscreen__slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-fullscreen__slide.is-transitioning{opacity:0;z-index:0}.hero-fullscreen__media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-fullscreen__media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--hero-overlay-opacity, 0));pointer-events:none}.hero-fullscreen__image-link,.hero-fullscreen__video-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;z-index:1000;cursor:pointer}.hero-fullscreen__media img,.hero-fullscreen__media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-fullscreen__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none;transition:opacity .6s ease}picture.hero-fullscreen__video-poster{display:block}picture.hero-fullscreen__video-poster img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-fullscreen__slide.is-playing .hero-fullscreen__video-poster{opacity:0;pointer-events:none}.hero-fullscreen__media video{position:relative;z-index:0}.hero-fullscreen__video--desktop{display:block}.hero-fullscreen__video--mobile{display:none}@media screen and (max-width:749px){.hero-fullscreen__video--desktop{display:none}.hero-fullscreen__video--mobile{display:block}}.hero-fullscreen__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:2;padding:4rem}.hero-fullscreen__content>*{pointer-events:auto}.hero-fullscreen__content--top-left{justify-content:flex-start;align-items:flex-start;padding-top:12dvh}.hero-fullscreen__content--top-center{justify-content:center;align-items:flex-start}.hero-fullscreen__content--top-right{justify-content:flex-end;align-items:flex-start}.hero-fullscreen__content--middle-left{justify-content:flex-start;align-items:center}.hero-fullscreen__content--middle-center{justify-content:center;align-items:center}.hero-fullscreen__content--middle-right{justify-content:flex-end;align-items:center}.hero-fullscreen__content--bottom-left{justify-content:flex-start;align-items:flex-end;padding-bottom:12rem}.hero-fullscreen__content--bottom-center{justify-content:center;align-items:flex-end}.hero-fullscreen__content--bottom-right{justify-content:flex-end;align-items:flex-end;padding-bottom:10rem}.hero-fullscreen__text-wrapper{display:flex;flex-direction:column;justify-content:center;gap:1rem}.hero-fullscreen__text-box{max-width:60rem;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hero-fullscreen__text-box--left{text-align:left}.hero-fullscreen__text-box--right{text-align:right}.hero-fullscreen__heading{margin:0 0 1rem;font-size:clamp(2.5rem,5vw,3rem);font-weight:200;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--hero-text-color, #fff);place-self:center;align-self:anchor-center}.hero-fullscreen__subheading{margin:0 0 2rem;font-size:clamp(1rem,2vw,1rem);font-weight:200;line-height:1.5;letter-spacing:1.2px;color:var(--hero-text-color, #fff);opacity:.9;text-transform:uppercase}.hero-fullscreen__button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--hero-button-text, #000);background:var(--hero-button-bg, #fff);border:1px solid transparent;transition:all .3s ease;justify-content:center}.hero-fullscreen__button:hover{background:#f1f0eb;color:var(--hero-button-bg, #F1F0EB);border-color:var(--hero-button-bg, #F1F0EB)}.hero-fullscreen__button--secondary{background:transparent;color:var(--hero-button-bg, #fff);border-color:var(--hero-button-bg, #fff)}.hero-fullscreen__button--secondary:hover{background:var(--hero-button-bg, #fff);color:var(--hero-button-text, #000)}.hero-fullscreen__scroll-indicator{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;z-index:10;transition:opacity .3s ease}.hero-fullscreen__scroll-indicator:hover{opacity:.7}.hero-fullscreen__scroll-indicator--bottom-left{left:5rem;transform:none}.hero-fullscreen__scroll-indicator--bottom-center{left:50%;transform:translate(-50%)}.hero-fullscreen__scroll-indicator--bottom-right{left:auto;right:3rem;transform:none}.hero-fullscreen__scroll-text{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--hero-text-color, #fff)}.hero-fullscreen__scroll-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:hero-scroll-bounce 2s ease-in-out infinite}.hero-fullscreen__scroll-arrow svg{width:100%;height:100%;stroke:var(--hero-text-color, #fff);stroke-width:1.5;fill:none}@keyframes hero-scroll-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.hero-fullscreen__controls{position:absolute;bottom:3rem;right:3rem;display:flex;align-items:center;gap:1rem;z-index:10}.hero-fullscreen__controls--top-left{left:5rem;bottom:auto;right:auto;margin-top:calc(var(--header-height)/2)}.hero-fullscreen__controls--top-center{top:3rem;left:50%;transform:translate(-50%);bottom:auto;right:auto;margin-top:var(--header-height)}.hero-fullscreen__controls--top-right{top:3rem;right:3rem;bottom:auto;left:auto;margin-top:var(--header-height)}.hero-fullscreen__controls--bottom-left{bottom:3rem;left:3rem;right:auto}.hero-fullscreen__controls--bottom-center{bottom:3rem;left:50%;transform:translate(-50%);right:auto}.hero-fullscreen__controls--bottom-right{bottom:3rem;right:3rem;left:auto}.hero-fullscreen__dots{display:flex;gap:.75rem}.hero-fullscreen__dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);padding:0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero-fullscreen__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:var(--hero-text-color, #fff);border-radius:50%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.hero-fullscreen__dot.is-active:before{transform:translate(-50%,-50%) scale(1)}.hero-fullscreen__dot.is-active{border-color:var(--hero-text-color, #fff);transform:scale(1.15)}.hero-fullscreen__dot:hover{background:#ffffff80;border-color:#fffc}.hero-fullscreen__counter{font-size:.9rem;font-weight:300;color:var(--hero-text-color, #fff);letter-spacing:.15em;font-family:var(--font-heading-family, inherit)}.hero-fullscreen__counter-current{font-weight:500}.hero-fullscreen__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0}.hero-fullscreen__arrow svg{width:24px;height:24px;stroke:var(--hero-text-color, #fff);stroke-width:1.5;fill:none;transition:transform .3s ease}.hero-fullscreen__arrow--prev{left:2rem}.hero-fullscreen__arrow--next{right:2rem}.hero-fullscreen__arrow:hover{background:#fff3;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.hero-fullscreen__arrow--prev:hover svg{transform:translate(-2px)}.hero-fullscreen__arrow--next:hover svg{transform:translate(2px)}.hero-fullscreen__arrow:active{transform:translateY(-50%) scale(.95)}.hero-fullscreen__video-controls{position:absolute;bottom:3rem;left:3rem;z-index:5;display:flex;gap:.75rem}.hero-fullscreen__video-controls--top-left{top:3rem;left:3rem;bottom:auto;right:auto;margin-top:var(--header-height)}.hero-fullscreen__video-controls--top-right{top:3rem;right:3rem;bottom:auto;z-index:400;left:auto;margin-top:var(--header-height)}.hero-fullscreen__video-controls--bottom-left{bottom:3rem;left:3rem;top:auto;right:auto}.hero-fullscreen__video-controls--bottom-right{bottom:3rem;right:3rem;top:auto;left:auto}.hero-fullscreen__mute-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-fullscreen__mute-btn:hover{background:#0009;border-color:#ffffff4d;transform:scale(1.08)}.hero-fullscreen__mute-btn:active{transform:scale(.95)}.hero-fullscreen__mute-icon{width:22px;height:22px;display:none;align-items:center;justify-content:center}.hero-fullscreen__mute-icon svg{width:100%;height:100%;stroke:var(--hero-text-color, #fff);stroke-width:1.5;fill:none}.hero-fullscreen__mute-icon svg path{fill:none}.hero-fullscreen__mute-icon svg line{stroke:var(--hero-text-color, #fff)}.hero-fullscreen__mute-btn.is-muted .hero-fullscreen__mute-icon--muted{display:flex}.hero-fullscreen__mute-btn:not(.is-muted) .hero-fullscreen__mute-icon--unmuted{display:flex}.hero-fullscreen__mute-btn.is-muted{animation:hero-mute-pulse 2s ease-in-out 3}@keyframes hero-mute-pulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 8px #fff0}}.hero-fullscreen__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-fullscreen__play-btn svg{width:28px;height:28px;fill:var(--hero-text-color, #fff);margin-left:3px}.hero-fullscreen__play-btn:hover{background:#0009;border-color:#ffffff4d;transform:translate(-50%,-50%) scale(1.1)}.hero-fullscreen__play-btn:active{transform:translate(-50%,-50%) scale(.95)}.hero-fullscreen__play-btn.is-hidden{display:none}@media screen and (max-width:989px){.hero-fullscreen__play-btn{width:64px;height:64px;display:none}.hero-fullscreen__play-btn svg{width:24px;height:24px}}@media screen and (max-width:749px){.hero-fullscreen__play-btn{width:56px;height:56px}.hero-fullscreen__play-btn svg{width:20px;height:20px}}.hero-fullscreen__player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.hero-fullscreen__player-overlay:hover,.hero-fullscreen__player-overlay.is-paused{opacity:1}.hero-fullscreen__player-toggle{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:scale(.9);opacity:0}.hero-fullscreen__player-overlay:hover .hero-fullscreen__player-toggle,.hero-fullscreen__player-overlay.is-paused .hero-fullscreen__player-toggle{transform:scale(1);opacity:1}.hero-fullscreen__player-toggle:hover{background:#000000b3;border-color:#fff6;transform:scale(1.1)}.hero-fullscreen__player-icon{width:32px;height:32px;display:none;align-items:center;justify-content:center}.hero-fullscreen__player-icon svg{width:100%;height:100%;fill:var(--hero-text-color, #fff)}.hero-fullscreen__player-icon--play svg{margin-left:4px}.hero-fullscreen__player-overlay.is-paused .hero-fullscreen__player-icon--play{display:flex}.hero-fullscreen__player-overlay:not(.is-paused) .hero-fullscreen__player-icon--pause{display:flex}.hero-fullscreen__player-bar{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50px;min-width:280px;max-width:400px;opacity:0;transition:opacity .3s ease}.hero-fullscreen__media:hover .hero-fullscreen__player-bar,.hero-fullscreen__player-bar:hover,.hero-fullscreen__player-bar.is-active{opacity:1}.hero-fullscreen__player-bar--bottom-left{left:3rem;transform:none}.hero-fullscreen__player-bar--bottom-right{left:auto;right:3rem;transform:none}.hero-fullscreen__player-bar--top-left{top:3rem;bottom:auto;left:3rem;transform:none;margin-top:var(--header-height)}.hero-fullscreen__player-bar--top-right{top:8rem;bottom:auto;left:auto;right:3rem;transform:none;margin-top:var(--header-height)}.hero-fullscreen__player-progress-container{position:relative;flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;overflow:visible}.hero-fullscreen__player-progress-container:hover{height:6px}.hero-fullscreen__player-progress{position:absolute;top:0;left:0;height:100%;background:var(--hero-text-color, #fff);border-radius:2px;width:0%;transition:width .1s linear}.hero-fullscreen__player-progress-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:var(--hero-text-color, #fff);border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .15s ease;pointer-events:none}.hero-fullscreen__player-progress-container:hover .hero-fullscreen__player-progress-handle,.hero-fullscreen__player-progress-container.is-dragging .hero-fullscreen__player-progress-handle{transform:translate(-50%,-50%) scale(1)}.hero-fullscreen__player-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:400;color:var(--hero-text-color, #fff);font-family:var(--font-body-family, inherit);letter-spacing:.05em;white-space:nowrap}.hero-fullscreen__player-time-separator{opacity:.6}.hero-fullscreen__player-time-duration{opacity:.7}.hero-fullscreen__mobile-pause{display:none;position:absolute;bottom:2rem;right:2rem;z-index:7;width:44px;height:44px;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;padding:0;transition:all .3s ease}.hero-fullscreen__mobile-pause:active{transform:scale(.95)}.hero-fullscreen__mobile-pause-icon{width:20px;height:20px;display:none;align-items:center;justify-content:center}.hero-fullscreen__mobile-pause-icon svg{width:100%;height:100%;fill:var(--hero-text-color, #fff)}.hero-fullscreen__mobile-pause .hero-fullscreen__mobile-pause-icon--pause{display:flex}.hero-fullscreen__mobile-pause.is-paused .hero-fullscreen__mobile-pause-icon--pause{display:none}.hero-fullscreen__mobile-pause.is-paused .hero-fullscreen__mobile-pause-icon--play{display:flex}@media screen and (max-width:749px){.hero-fullscreen__player-overlay,.hero-fullscreen__player-bar{display:none!important}.hero-fullscreen__mobile-pause{display:flex;position:absolute;place-self:anchor-center;align-self:anchor-center;align-items:center}}@media screen and (max-width:989px)and (min-width:750px){.hero-fullscreen__player-bar{min-width:240px;max-width:320px;padding:.625rem 1rem}.hero-fullscreen__player-toggle{width:70px;height:70px}.hero-fullscreen__player-icon{width:28px;height:28px}}.section-hero-spacer{position:relative;z-index:1;background:transparent!important}.section-hero-fullscreen-wrapper~.shopify-section{position:relative;z-index:1}.section-hero-spacer~.shopify-section{position:relative;z-index:2;background:rgb(var(--color-background))}.section-hero-spacer+.shopify-section:not(.section-hero-spacer){box-shadow:0 -10px 40px #0000001a}@media screen and (max-width:989px){.hero-fullscreen__content{padding:1.5rem}.hero-fullscreen__content--bottom-left,.hero-fullscreen__content--bottom-center,.hero-fullscreen__content--bottom-right{padding-bottom:8rem}.hero-fullscreen__controls{bottom:2rem;right:2rem}.hero-fullscreen__controls--bottom-left,.hero-fullscreen__controls--top-left{left:2rem}.hero-fullscreen__scroll-indicator{bottom:2rem}.hero-fullscreen__scroll-indicator--bottom-left{left:2rem}.hero-fullscreen__scroll-indicator--bottom-right{right:2rem}.hero-fullscreen__arrow{width:44px;height:44px}.hero-fullscreen__arrow--prev{left:1.5rem}.hero-fullscreen__arrow--next{right:1.5rem}.hero-fullscreen__video-controls{bottom:2rem;left:2rem}.hero-fullscreen__mute-btn{width:40px;height:40px}}@media screen and (max-width:749px){.hero-fullscreen__heading{font-size:clamp(2rem,8vw,3rem);width:92%}.hero-fullscreen__subheading{font-size:1rem}.hero-fullscreen__content{padding:1rem}.hero-fullscreen__content--bottom-left,.hero-fullscreen__content--bottom-center,.hero-fullscreen__content--bottom-right{padding-bottom:9rem}.hero-fullscreen__text-box{max-width:100%;padding-top:10dvh;padding-bottom:9dvh}.hero-fullscreen__controls{bottom:1.5rem;right:1.5rem;gap:.75rem;margin-top:auto;height:fit-content;place-self:anchor-center;margin-bottom:.5rem}.hero-fullscreen__controls--bottom-left,.hero-fullscreen__controls--top-left{left:1.5rem}.hero-fullscreen__scroll-indicator{bottom:1.5rem}.hero-fullscreen__scroll-indicator--bottom-left{left:1.5rem;display:none}.hero-fullscreen__scroll-indicator--bottom-right{right:1.5rem}.hero-fullscreen__scroll-text{font-size:.6rem}.hero-fullscreen__scroll-arrow{width:20px;height:20px}.hero-fullscreen__button{padding:.85rem 2rem;font-size:1rem;font-weight:700}.hero-fullscreen__arrow{width:40px;height:40px}.hero-fullscreen__arrow svg{width:20px;height:20px}.hero-fullscreen__arrow--prev{left:1rem}.hero-fullscreen__arrow--next{right:1.5rem}.hero-fullscreen__video-controls{bottom:1.5rem;left:1.5rem;height:fit-content}.hero-fullscreen__mute-btn{width:36px;height:36px}.hero-fullscreen__mute-icon{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.hero-fullscreen__slide{transition:opacity .3s ease}.hero-fullscreen__scroll-arrow{animation:none}}.section-hero-fullscreen~.section-header .header-wrapper{background:transparent}.section-hero-fullscreen~.section-header .header{color:var(--hero-text-color, #fff)}body.scrolled-past-hero .section-hero-fullscreen~.section-header .header-wrapper{background:rgb(var(--color-background))}body.scrolled-past-hero .section-hero-fullscreen~.section-header .header{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-hero-fullscreen.css.map */