.hero-video{--overlay-opacity: .35;--height-desktop: 550px;--height-mobile: 420px;position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:var(--height-mobile);overflow:hidden}@media screen and (min-width:750px){.hero-video{height:var(--height-desktop)}}.hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-video__video,.hero-video__fallback-image{width:100%;height:100%;object-fit:cover;display:block}.hero-video__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.hero-video__placeholder-svg{width:40%;height:40%;opacity:.4}.hero-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity));pointer-events:none}.hero-video__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem;max-width:40rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hero-video__content--left{align-items:flex-start;text-align:left}.hero-video__content--center{align-items:center;text-align:center;max-width:100%;margin-inline:auto}.hero-video__content--right{align-items:flex-end;text-align:right;margin-inline-start:auto}.hero-video__heading{margin:0;font-size:clamp(1.75rem,5vw,3.25rem);line-height:1.05;text-transform:uppercase;letter-spacing:.02em}.hero-video__subheading{margin:0;font-size:clamp(.95rem,2vw,1.2rem);opacity:.95;max-width:32rem}.hero-video__button{display:inline-block;margin-top:.5rem;padding:.85rem 2rem;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;text-shadow:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;transition:transform .2s ease,filter .2s ease}.hero-video__button:hover{filter:brightness(1.1);transform:translateY(-1px)}.hero-video{position:relative;background:#101010}.hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-video__poster,.hero-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-video__poster{z-index:0;opacity:1;transform:scale(1.015);transition:opacity .65s ease,transform .9s ease}.hero-video__video{z-index:1;opacity:0;background:transparent;transition:opacity .65s ease;will-change:opacity}.hero-video--loading .hero-video__poster{animation:heroPosterBreathing 5s ease-in-out infinite alternate}.hero-video--ready .hero-video__video{opacity:1}.hero-video--ready .hero-video__poster{opacity:0;transform:scale(1)}.hero-video--failed .hero-video__video{opacity:0}.hero-video--failed .hero-video__poster{opacity:1;transform:scale(1)}.hero-video__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;opacity:1;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s}.hero-video__loading-shine{position:absolute;top:0;bottom:0;left:-55%;width:42%;opacity:.22;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.15) 65%,transparent 100%);transform:skew(-12deg);animation:heroLoadingShine 2.2s ease-in-out infinite}.hero-video__loading-indicator{position:absolute;left:50%;bottom:22px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 12px;color:#fff;background:#00000061;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 5px 20px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transform:translate(-50%)}.hero-video__loading-text{overflow:hidden;color:#fff;font-size:10px;font-weight:700;line-height:1;letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis}.hero-video__loading-track{position:relative;display:block;width:58px;height:3px;overflow:hidden;flex-shrink:0;background:#ffffff40;border-radius:20px}.hero-video__loading-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-accent, #c0202c);border-radius:inherit;transform:translate(-100%);animation:heroLoadingBar 1.25s ease-in-out infinite}.hero-video--ready .hero-video__loading,.hero-video--failed .hero-video__loading{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.hero-video__overlay{z-index:3;pointer-events:none}.hero-video__content{z-index:4}@keyframes heroPosterBreathing{0%{transform:scale(1.015)}to{transform:scale(1.045)}}@keyframes heroLoadingShine{0%{transform:translate(0) skew(-12deg)}65%,to{transform:translate(380%) skew(-12deg)}}@keyframes heroLoadingBar{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media screen and (max-width:749px){.hero-video__loading-indicator{bottom:15px;padding:7px 10px}.hero-video__loading-text{font-size:9px}.hero-video__loading-track{width:45px}}@media(prefers-reduced-motion:reduce){.hero-video__poster,.hero-video__loading-shine,.hero-video__loading-bar{animation:none!important}.hero-video__poster,.hero-video__video,.hero-video__loading{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-video.css.map */