.brook-feature-images{display:grid;max-width:1200px;margin:0 auto;padding:20px 0}.brook-feature-images--full-width{max-width:none}.brook-feature-images__videos{display:flex;flex-direction:column;gap:16px;margin:0 0 18px;padding:0 20px}.brook-feature-images__video{position:relative;container-type:inline-size;height:280px;border-radius:16px;overflow:hidden;background:#f2f2f2;transition:flex-grow .4s}.brook-feature-images__video:after{content:"";position:absolute;right:0;bottom:0;left:0;height:60%;background:linear-gradient(to top,#000000b3,#0000);pointer-events:none}.brook-feature-images__video brook-loop-video,.brook-feature-images__video video{display:block;width:100%;height:100%}.brook-feature-images__video video{object-fit:cover;transition:transform .6s}.brook-feature-images__video-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.brook-feature-images__video-toggle:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 6px #00000080}.brook-feature-images__video-text{position:absolute;right:clamp(12px,8cqi,20px);bottom:20px;left:clamp(12px,8cqi,20px);z-index:2;color:#fff;letter-spacing:.6px;pointer-events:none}.brook-feature-images__video-label{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(14px,8.5cqi,22px);font-weight:700;line-height:1.2;text-transform:uppercase;overflow-wrap:normal;word-break:normal}.brook-feature-images__video-description{max-height:0;margin:0;overflow:hidden;opacity:0;font-size:14px;line-height:1.4;transition:max-height .4s,opacity .3s,margin-top .4s}.brook-feature-images__video:focus-within .brook-feature-images__video-description{max-height:400px;margin-top:6px;opacity:1}.brook-feature-images__item{position:relative}.brook-feature-images__image,.brook-feature-images__image img{display:block;width:100%;height:auto}.brook-feature-images__item--card{margin-top:20px;border-radius:20px;overflow:hidden}.brook-feature-images__item--card:first-child{margin-top:0}.brook-feature-images__button{position:absolute;bottom:25px;left:50%;max-width:calc(100% - 32px);padding:8px 24px;border-radius:50px;background:var(--brook-purple);color:#fff;font-family:var(--font-heading-family);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:.5px;text-align:center;text-decoration:none;transform:translate(-50%)}.brook-feature-images__button:hover{filter:brightness(1.1)}.brook-feature-images__button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--brook-purple)}.brook-feature-images__heading{margin:0;padding:16px max(16px,env(safe-area-inset-left,0px));background:var(--brook-teal);color:#fff;font-family:var(--font-heading-family);font-size:30px;font-weight:800;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;text-wrap:balance}@media screen and (min-width:750px){.brook-feature-images__videos{flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding:0}.brook-feature-images__video{flex:1 1 0;min-width:120px;height:600px}.brook-feature-images__video:focus-within{flex-grow:3}}@media screen and (min-width:750px)and (hover:hover){.brook-feature-images__video:hover{flex-grow:3}.brook-feature-images__video:hover video{transform:scale(1.08)}.brook-feature-images__video:hover .brook-feature-images__video-description{max-height:400px;margin-top:6px;opacity:1}}@media(prefers-reduced-motion:reduce){.brook-feature-images__video,.brook-feature-images__video video,.brook-feature-images__video-description{transition:none}.brook-feature-images__video:hover video{transform:none}}@media screen and (min-width:750px){.brook-feature-images__item--card{margin-top:40px;border-radius:40px}.brook-feature-images__button{bottom:35px;font-size:22px;line-height:1.5}.brook-feature-images__heading{font-size:40px;line-height:1.3}}@media screen and (min-width:990px){.brook-feature-images__button{font-size:26px}.brook-feature-images__heading{font-size:46px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/brook-feature-images.css.map */