.ob-videos__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ob-video{display:flex;flex-direction:column;min-width:0;background:var(--ob-card, #141414)}.ob-video[hidden]{display:none}.ob-video__poster{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;overflow:hidden;border:0;background:radial-gradient(circle at 30% 20%,#2a2410,#111 70%);cursor:pointer}.ob-video__poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease}.ob-video__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--ob-gold, #e6b831);box-shadow:inset 0 0 22px #e6b83159;opacity:0;pointer-events:none;transition:opacity .3s ease}.ob-video__poster:hover img,.ob-video__poster:focus-visible img{filter:brightness(.8);transform:scale(1.04)}.ob-video__poster:hover:after,.ob-video__poster:focus-visible:after{opacity:1}.ob-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#e6b83173;font-size:20px;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase}.ob-video__play{position:absolute;top:50%;left:50%;width:64px;height:64px;border-radius:50%;background:var(--ob-gold, #e6b831);box-shadow:0 6px 24px #00000073;transform:translate(-50%,-50%);transition:transform .2s ease}.ob-video__play:after{content:"";position:absolute;top:50%;left:54%;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #111;transform:translate(-50%,-50%)}.ob-video__poster:hover .ob-video__play{transform:translate(-50%,-50%) scale(1.08)}.ob-video__body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}.ob-video__title{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.3}.ob-video__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;color:#ffffff8c;font-size:13px;letter-spacing:.04em}.ob-video__meta span+span:before{content:"\b7";margin-right:12px}.ob-video__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:auto 0 0;padding-top:16px}.ob-video__links a{color:var(--ob-gold, #e6b831);font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.ob-video__links a:hover,.ob-video__links a:focus-visible{color:#fff}.ob-video-strip{margin-top:72px;padding-top:48px;border-top:1px solid var(--ob-line, rgba(255, 255, 255, .1))}.ob-video-strip__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}.ob-video-strip__title{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.1}.ob-videos__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ob-videos__filter{padding:10px 16px;border:1px solid rgba(255,255,255,.22);background:none;color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.ob-videos__filter:hover,.ob-videos__filter:focus-visible{border-color:var(--ob-gold, #e6b831);color:var(--ob-gold, #e6b831)}.ob-videos__filter[aria-pressed=true]{border-color:var(--ob-gold, #e6b831);background:var(--ob-gold, #e6b831);color:#111}.ob-videos__count{margin:0 0 18px;color:#ffffff80;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.ob-videos__empty{padding:48px 0;color:#fff9;text-align:center}.ob-video-modal{width:min(1200px,100vw - 32px);max-width:none;padding:0;border:0;background:transparent;overflow:visible}.ob-video-modal::backdrop{background:#000000e0}.ob-video-modal__frame{aspect-ratio:16 / 9;background:#000;box-shadow:0 20px 60px #0009}.ob-video-modal__frame iframe{display:block;width:100%;height:100%;border:0}.ob-video-modal__close{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);background:#0009;color:#fff;font-size:22px;line-height:1;cursor:pointer}.ob-video-modal__close:hover,.ob-video-modal__close:focus-visible{border-color:var(--ob-gold, #e6b831);color:var(--ob-gold, #e6b831)}@media screen and (max-width:989px){.ob-videos__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ob-videos__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ob-video__poster img,.ob-video__poster:after,.ob-video__play,.ob-videos__filter{transition:none}.ob-video__poster:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ob-videos.css.map */