.hero-v{position:relative;min-height:calc(100dvh - 72px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--c-bg, #0a0a0a)}.hero-v__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-v__media video,.hero-v__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos, 50% 45%);filter:grayscale(100%) contrast(125%) brightness(92%)}.hero-v__media img{z-index:1;transition:opacity .6s ease}.hero-v.is-video-ready .hero-v__media img{opacity:0}.hero-v__media video{z-index:0;opacity:0;transition:opacity .6s ease}.hero-v.is-video-ready .hero-v__media video{opacity:1}.hero-v__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(78% 62% at 50% 58%,rgba(10,10,10,.62) 0%,transparent 72%),linear-gradient(to top,rgba(10,10,10,.9) 0%,transparent 34%)}.hero-v__body{position:relative;z-index:2;width:min(100%,1560px);margin:0 auto;padding:0 var(--pad, 40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.hero-v__title{font-size:clamp(30px,4.4vw,64px);font-weight:700;font-stretch:112%;line-height:.94;letter-spacing:-.02em;text-transform:uppercase;max-width:18ch}.hero-v__body .t-label{color:#ffffffd9}.hero-v__body .t-body{max-width:46ch;color:#ffffffe0}.hero-v__ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}@media(max-width:960px){.hero-v{min-height:calc(100dvh - 96px)}.hero-v__media{--hero-pos: 64% 42%}.hero-v__scrim{background:radial-gradient(90% 55% at 50% 55%,rgba(10,10,10,.66) 0%,transparent 76%),linear-gradient(to top,rgba(10,10,10,.92) 0%,transparent 40%)}.hero-v__body{gap:13px}.hero-v__title{max-width:none}}@media(prefers-reduced-motion:reduce){.hero-v__media video{display:none}.hero-v.is-video-ready .hero-v__media img{opacity:1}}.hero-v__body.on-dark,.hero-v__body.on-dark .t-label,.hero-v__body.on-dark .t-body{color:#fff}.hero-v__body.on-dark .t-label{color:#ffffffd9}.hero-v__body.on-dark .t-body{color:#ffffffe0}.hero-v__body.on-dark .btn{color:#fff;border-color:#ffffffb3}.hero-v__body.on-dark .btn:before{background:#fff}.hero-v__body.on-dark .btn:hover{color:#0a0a0a;border-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-video.css.map */