.b-videos{padding:96px 0;position:relative;overflow:hidden;background-color:#000}.b-videos__cards{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2;align-items:center}.b-videos__card{background:0 0;border:1px solid var(--White,#fff);border-radius:28px;transition:transform .2s ease-in-out 0s,border-radius .2s ease-in-out 0s;transform:scale(1);width:332px;height:187px}.b-videos__card,.b-videos__media{overflow:hidden;position:relative}.b-videos__media{width:100%;height:100%;aspect-ratio:3/4;filter:brightness(.6)}.b-videos__poster,.b-videos__video{position:absolute;left:0;top:0;right:0;bottom:0;display:block;height:100%!important;width:100%!important;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:pointer}.b-videos__video{opacity:0;pointer-events:none}.b-videos__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.b-videos__play svg{width:40px;height:40px}.b-videos__info{position:absolute;left:20px;bottom:16px;right:16px;color:#fff;pointer-events:none}.b-videos__info,.b-videos__play,.b-videos__poster{opacity:1;transition:opacity .2s ease-in-out 0s,pointer-events .2s ease-in-out 0s}.b-videos__title{font-family:courier,monospace;font-size:26px;line-height:32px;font-weight:700;margin-bottom:0}.b-videos__subtitle{font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.b-videos__card.is--playing{filter:none;transform:scale(1.04);border-radius:28px}.video-shown .b-videos__card.is--playing{border-radius:28px}.b-videos__card.is--playing .b-videos__media{filter:none}.b-videos__card.is--playing .b-videos__video{opacity:1;pointer-events:auto}.b-videos__card.is--playing .b-videos__info,.b-videos__card.is--playing .b-videos__play,.b-videos__card.is--playing .b-videos__poster{opacity:0;pointer-events:none}@media (min-width:992px){.b-videos__cards{flex-direction:row;align-items:stretch}.b-videos__card{width:250px;height:356px;transition:flex .5s ease-in-out 0s,width .5s ease-in-out 0s;flex:1 1 0;min-width:0}.b-videos__card,.b-videos__card.is--playing{border-radius:40px;transform:scale(1)}.b-videos__card.is--expanded{flex:2 1 0}.b-videos__media{height:100%;aspect-ratio:auto}}