.hero-video{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero-video--small{min-height:55vh}.hero-video--medium{min-height:70vh}.hero-video--large{min-height:85vh}.hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video__image,.hero-video__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-video__player{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.hero-video__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(120% 120% at 50% 44%,#0a0c0a80,#0a0c0a70 45%,#0a0c0a3d 78%,#0a0c0a4d),linear-gradient(180deg,#0a0c0a2e,#0a0c0a1f 45%,#0a0c0a80)}.hero-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--hero-overlay-opacity, .4);background:radial-gradient(130% 105% at 50% 42%,transparent 46%,rgba(18,20,15,.55) 100%),linear-gradient(180deg,transparent 55%,rgba(18,20,15,.6) 100%)}.hero-video__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;padding-top:3.75rem;padding-bottom:3.75rem;text-align:center;transform:translateY(-6vh)}.hero-video__logo{width:min(520px,86%);height:auto;filter:drop-shadow(0 .3rem 1.1rem rgba(0,0,0,.4))}.hero-video__heading{margin:0;text-shadow:0 .2rem .9rem rgba(0,0,0,.45)}.hero-video__tagline{max-width:42ch;margin:0 auto;text-shadow:0 .2rem .9rem rgba(0,0,0,.6)}.hero-video__tagline>p{margin:0}.hero-video__buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0}.hero-video .button--primary{--color-button: 181, 80, 42;--color-button-text: 255, 255, 255}.hero-video .button--primary:not([disabled]):hover{--color-button: 156, 66, 31}.hero-video .button--secondary{--color-button-text: 255, 255, 255;background-color:transparent;border:.1rem solid rgba(255,255,255,.7);color:#fff}.hero-video .button--secondary:after{box-shadow:none}.hero-video .button--secondary:not([disabled]):hover{background-color:#ffffff24}@media screen and (max-width:749px){.hero-video--large{min-height:72vh}.hero-video__content{padding-top:3rem;padding-bottom:3rem;transform:translateY(-3vh)}.hero-video__logo{width:min(440px,92%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-video.css.map */