.av-row{align-items:start}
.av-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.av-card{
  position:relative;display:block;padding:0;border:0;margin:0;
  background:#1a1722;border-radius:18px;overflow:hidden;cursor:pointer;
  aspect-ratio:1280/536;
  appearance:none;-webkit-appearance:none;outline:none;box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.av-card:focus,.av-card:focus-visible,.av-card:active{outline:none;box-shadow:none}
.av-poster,.av-card video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.av-poster{z-index:1;transition:opacity .35s ease}
.av-card video{
  z-index:0;opacity:0;background:#120f18;
  transition:opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.av-card.is-playing video{opacity:1}
.av-card.is-playing .av-poster{opacity:0}
.av-card.is-playing:hover video{transform:scale(1.04)}
.av-lab{position:absolute;z-index:2;left:14px;bottom:12px;font-weight:700;font-size:14px;color:#f4f1ea;background:#0009;backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px}
.av-play{position:absolute;z-index:2;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f3f0e8;color:#111;font-size:12px;opacity:.9}
.av-modal{position:fixed;inset:0;z-index:999;background:#000e;display:flex;align-items:center;justify-content:center;padding:4vw}
.av-modal[hidden]{display:none}
.av-modal video{max-width:100%;max-height:90vh;border-radius:18px;background:#000}
.av-close{position:absolute;top:18px;right:22px;width:46px;height:46px;border-radius:50%;border:0;background:#f3f0e8;color:#111;font-size:28px;cursor:pointer}
@media(max-width:860px){.av-grid{grid-template-columns:1fr}}