.shopify-section--brassium-video-hero{margin:0}.brassium-video-hero{--bvh-gap: 1.25rem;--bvh-height: auto;position:relative;display:grid;grid-template-areas:"stack";place-items:center;min-height:var(--bvh-height);width:100%;overflow:hidden;color:var(--bvh-text, #fff);isolation:isolate}.brassium-video-hero--sm{--bvh-height: clamp(20rem, 85vw, 32rem)}.brassium-video-hero--md{--bvh-height: clamp(25rem, 100vw, 36rem)}.brassium-video-hero--lg{--bvh-height: clamp(30rem, 125vw, 42rem)}.brassium-video-hero--fill{--bvh-height: 100vh}@supports (height: 100svh){.brassium-video-hero--fill{--bvh-height: 100svh}}.brassium-video-hero__media,.brassium-video-hero__content{grid-area:stack;width:100%}.brassium-video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-width:100%;min-height:100%}.brassium-video-hero--auto .brassium-video-hero__media{position:relative;inset:auto}.brassium-video-hero--auto .brassium-video-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.brassium-video-hero__source{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}.brassium-video-hero--auto .brassium-video-hero__source{height:auto}.brassium-video-hero__source--mobile{display:block}.brassium-video-hero__source--desktop{display:none}.brassium-video-hero__source--all{display:block}.brassium-video-hero__video,.brassium-video-hero__poster,.brassium-video-hero__external,.brassium-video-hero__external iframe,.brassium-video-hero__placeholder{width:100%;height:100%;min-width:100%;min-height:100%;border:0;display:block}.brassium-video-hero:not(.brassium-video-hero--auto) .brassium-video-hero__video,.brassium-video-hero:not(.brassium-video-hero--auto) .brassium-video-hero__poster,.brassium-video-hero:not(.brassium-video-hero--auto) .brassium-video-hero__external,.brassium-video-hero:not(.brassium-video-hero--auto) .brassium-video-hero__external iframe,.brassium-video-hero:not(.brassium-video-hero--auto) .brassium-video-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center}.brassium-video-hero--auto .brassium-video-hero__video,.brassium-video-hero--auto .brassium-video-hero__poster{height:auto;object-fit:contain}.brassium-video-hero__poster{z-index:2;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.brassium-video-hero__video,.brassium-video-hero__external{z-index:1}.brassium-video-hero__content{z-index:3;position:relative;box-sizing:border-box;display:grid;place-items:center;padding:clamp(1.5rem,4vw,4rem) max(1.5rem,calc((100vw - var(--page-width, 120rem)) / 2 + 1.5rem));pointer-events:none;text-align:center;text-shadow:0 1px rgba(0,0,0,.5);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.brassium-video-hero__prose{width:min(48rem,100%);display:grid;justify-items:center;gap:1rem}.brassium-video-hero__subheading,.brassium-video-hero__heading,.brassium-video-hero__richtext,.brassium-video-hero__richtext p{color:inherit}.brassium-video-hero__subheading{margin:0;font:inherit;font-size:.78em;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.brassium-video-hero__heading,.brassium-video-hero__richtext{margin:0}.brassium-video-hero__richtext>*:first-child{margin-top:0}.brassium-video-hero__richtext>*:last-child{margin-bottom:0}.brassium-video-hero__play{pointer-events:auto;-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;line-height:0;cursor:pointer;transition:transform .2s ease-in-out}.brassium-video-hero__play:hover{transform:scale(1.1)}.brassium-video-hero__play:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:50%}.brassium-video-hero.is-playing .brassium-video-hero__poster,.brassium-video-hero.is-playing .brassium-video-hero__content{opacity:0;visibility:hidden;pointer-events:none}.brassium-video-hero.is-autoplay .brassium-video-hero__content{opacity:1;visibility:visible}@media screen and (min-width:750px){.brassium-video-hero{--bvh-gap: 2rem}.brassium-video-hero__source--mobile{display:none}.brassium-video-hero__source--desktop{display:block}}@media screen and (min-width:990px){.brassium-video-hero{--bvh-gap: 3rem}}@media(prefers-reduced-motion:reduce){.brassium-video-hero__poster,.brassium-video-hero__content,.brassium-video-hero__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/brassium-video-hero.css.map */