.video-hero-loop{position:relative;width:100%;overflow:hidden;display:flex;background:#111}.video-hero-loop--small{height:50vh;min-height:320px}.video-hero-loop--medium{height:70vh;min-height:420px}.video-hero-loop--large{height:85vh;min-height:480px}.video-hero-loop--full{height:100vh;min-height:560px}.video-hero-loop__media,.video-hero-loop__media-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-hero-loop__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.video-hero-loop__video--image{object-fit:cover}.video-hero-loop__placeholder{width:100%;height:100%}.video-hero-loop__placeholder-svg{width:100%;height:100%;object-fit:cover}.video-hero-loop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.video-hero-loop__content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;text-align:center}.video-hero-loop__content--top{align-self:flex-start;margin-top:2rem}.video-hero-loop__content--center{align-self:center;margin:auto}.video-hero-loop__content--bottom{align-self:flex-end;margin-bottom:2rem}.video-hero-loop__heading{margin:0;font-size:clamp(1.25rem,2vw + .5rem,2rem);letter-spacing:.15em;text-transform:uppercase;font-weight:500}.video-hero-loop__button{display:inline-block;padding:.85rem 2rem;border:1px solid currentColor;color:inherit;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;transition:opacity .2s ease}.video-hero-loop__button:hover{opacity:.75}.video-hero-loop__scroll{position:absolute;z-index:2;left:50%;bottom:1.5rem;transform:translate(-50%);background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;animation:video-hero-loop-bounce 2s ease-in-out infinite}@keyframes video-hero-loop-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@media screen and (max-width:749px){.video-hero-loop--full{height:100svh}.video-hero-loop__heading{font-size:1.1rem}.video-hero-loop__media-item--desktop-only{display:none}}@media screen and (min-width:750px){.video-hero-loop__media-item--mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-hero-loop.css.map */