.hero-video-fullscreen{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video-fullscreen__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video-fullscreen__media video,.hero-video-fullscreen__media iframe{width:100%;height:100%;object-fit:cover}.hero-video-fullscreen__placeholder{width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(201,162,39,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(123,31,162,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e 60%,#0f3460);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;text-align:center;padding:2rem}.hero-video-fullscreen__placeholder-icon{width:100px;height:100px;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #c9a22766}50%{transform:scale(1.05);box-shadow:0 0 30px 10px #c9a22733}}.hero-video-fullscreen__placeholder-icon svg{width:40px;height:40px;fill:#fff;opacity:.8}.hero-video-fullscreen__placeholder-text{opacity:.6;font-weight:300;letter-spacing:.2em;text-transform:uppercase;font-size:.9rem}.hero-video-fullscreen__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.5) 100%),radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.2) 100%)}.hero-video-fullscreen__content{position:relative;z-index:3;text-align:center;color:#fff;padding:2rem;max-width:900px}.hero-video-fullscreen__heading{font-size:clamp(3rem,10vw,6rem);font-weight:800;margin:0 0 1.5rem;text-shadow:0 4px 30px rgba(0,0,0,.5);line-height:1;letter-spacing:-.03em;animation:fadeInUp 1s ease-out}.hero-video-fullscreen__subheading{font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:300;margin:0;opacity:.9;text-shadow:0 2px 15px rgba(0,0,0,.5);line-height:1.5;letter-spacing:.02em;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-video-fullscreen__scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff;cursor:pointer;transition:all .4s ease;animation:fadeInUp 1s ease-out .5s both}.hero-video-fullscreen__scroll-indicator:hover{transform:translate(-50%) translateY(5px)}.hero-video-fullscreen__scroll-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;opacity:.7;font-weight:500}.hero-video-fullscreen__scroll-arrow{width:28px;height:28px;animation:bounce 2s infinite}.hero-video-fullscreen__scroll-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(12px)}60%{transform:translateY(6px)}}.hero-video-fullscreen__scroll-indicator.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.hero-video-fullscreen__mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:15px;position:relative}.hero-video-fullscreen__mouse:before{content:"";width:4px;height:8px;background:#fffc;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:mouseScroll 2s ease-in-out infinite}@keyframes mouseScroll{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(12px)}}.section-hero-video-fullscreen~.section-header,body:has(.section-hero-video-fullscreen) .section-header,body:has(.section-hero-video-fullscreen) #shopify-section-header,body:has(.hero-video-fullscreen) header.header{display:none!important}@media screen and (max-width:749px){.hero-video-fullscreen__heading{font-size:clamp(2.5rem,12vw,4rem)}.hero-video-fullscreen__subheading{font-size:1rem;padding:0 1rem}.hero-video-fullscreen__scroll-indicator{bottom:2rem}.hero-video-fullscreen__placeholder-icon{width:80px;height:80px}.hero-video-fullscreen__placeholder-icon svg{width:32px;height:32px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.hero-video-fullscreen__scroll-indicator{bottom:calc(2rem + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-video-fullscreen.css.map */