.brook-video-hero{position:relative;display:flex;height:338px;overflow:hidden;background:#d9cfc3;color:#fff}.brook-video-hero__media,.brook-video-hero__media brook-loop-video,.brook-video-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.brook-video-hero__media video{object-fit:cover}.brook-video-hero__media--desktop{display:none}.brook-video-hero__pause{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:9px;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.brook-video-hero__pause svg{width:100%;height:100%}.brook-video-hero__pause[aria-pressed=true] .brook-video-hero__pause-icon,.brook-video-hero__pause:not([aria-pressed=true]) .brook-video-hero__play-icon{display:none}.brook-video-hero__pause:focus-visible{outline:2px solid #fff;outline-offset:2px}.brook-video-hero__content{position:relative;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:10px 16px 20px;text-align:center}.brook-video-hero__heading{margin:0;color:#fff;font-family:var(--font-heading-family);font-size:38px;font-weight:700;line-height:1;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.45);text-wrap:balance}.brook-video-hero__content>*{pointer-events:auto}.brook-video-hero__bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.brook-video-hero__image{display:block;width:160px;height:auto}.brook-video-hero__button{display:inline-flex;align-items:center;gap:10px;padding:6px 24px;border:2px solid #fff;border-radius:50px;background:none;color:#fff;font-family:var(--font-heading-family);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.brook-video-hero__button svg{width:1em;height:1em;flex:none}.brook-video-hero__button:hover{background:#ffffff26}.brook-video-hero__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.brook-video-hero__dialog{width:min(1320px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);padding:44px 16px 16px;border:0;border-radius:20px;background:var(--brook-purple);overflow:visible}.brook-video-hero__dialog::backdrop{background:#0009}.brook-video-hero__player{aspect-ratio:16 / 9;max-height:calc(100vh - 92px);margin:0 auto;border-radius:12px;overflow:hidden;background:#000}.brook-video-hero__player iframe{display:block;width:100%;height:100%;border:0}.brook-video-hero__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:0;background:none;color:#fff;cursor:pointer}.brook-video-hero__close svg{width:100%;height:100%}.brook-video-hero__close:focus-visible{outline:2px solid #fff}@media screen and (min-width:750px){.brook-video-hero{height:500px}.brook-video-hero__media--desktop{display:block}.brook-video-hero__media--phone{display:none}.brook-video-hero__content{padding:50px 16px 60px}.brook-video-hero__heading{font-size:44px}.brook-video-hero__bottom{gap:20px}.brook-video-hero__image{width:220px}.brook-video-hero__button{padding:8px 24px;font-size:22px}.brook-video-hero__dialog{padding:44px 76px}}@media screen and (min-width:990px){.brook-video-hero{height:720px;margin-bottom:32px}.brook-video-hero__content{padding:78px 16px 100px}.brook-video-hero__heading{font-size:56px}.brook-video-hero__image{width:271px}.brook-video-hero__button{font-size:30px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/brook-video-hero.css.map */