.wvg-grid{--wvg-cols:4;--wvg-gap:20px;--wvg-ratio:9 / 16;--wvg-radius:18px;--wvg-accent:#0fb981;--wvg-overlay:rgba(6, 15, 12, 0.75);--wvg-badge-bg:rgba(9, 20, 17, 0.55);--wvg-badge-color:#fff;display:grid;grid-template-columns:repeat(var(--wvg-cols),minmax(0,1fr));gap:var(--wvg-gap)}.wvg-item{margin:0;min-width:0}.wvg-media{position:relative;aspect-ratio:var(--wvg-ratio);border-radius:var(--wvg-radius);overflow:hidden;background:#0b1512;isolation:isolate;transform:translateZ(0);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease}.wvg-item:hover .wvg-media{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgb(8 22 18 / .55)}.wvg-video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1512}.wvg-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--wvg-overlay) 0%,#fff0 42%),linear-gradient(to bottom,rgb(0 0 0 / .28) 0%,#fff0 30%);transition:opacity .3s ease}.wvg-media.is-playing .wvg-shade{opacity:0}.wvg-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.3,1),background .3s ease,opacity .25s ease}.wvg-play__icon{width:26px;height:26px;fill:currentColor;margin-inline-start:3px}.wvg-play__ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--wvg-accent);opacity:.55;transition:transform .35s ease,opacity .35s ease}.wvg-item:hover .wvg-play{background:var(--wvg-accent);transform:scale(1.06)}.wvg-item:hover .wvg-play__ring{transform:scale(1.12);opacity:.25}.wvg-play:focus-visible{outline:3px solid var(--wvg-accent);outline-offset:4px}.wvg-media.is-playing .wvg-play{opacity:0;pointer-events:none}.wvg-badge{position:absolute;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--wvg-badge-bg);color:var(--wvg-badge-color);font-size:13px;font-weight:600;line-height:1;letter-spacing:.2px;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgb(255 255 255 / .16);box-shadow:0 6px 18px -10px rgb(0 0 0 / .8);z-index:2;direction:ltr;unicode-bidi:isolate}.wvg-badge--top .wvg-badge{top:10px}.wvg-badge--bottom .wvg-badge{bottom:10px}.wvg-badge__eye{width:15px;height:15px;fill:currentColor;opacity:.9;flex:none}.wvg-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--wvg-accent);flex:none;box-shadow:0 0 0 0 var(--wvg-accent);animation:wvg-pulse 2.6s ease-out infinite}.wvg-badge__num{font-variant-numeric:tabular-nums}.wvg-badge__suffix{opacity:.78;font-weight:500}.wvg-badge.is-bumping{animation:wvg-bump .5s cubic-bezier(.2,.8,.3,1)}.wvg-plusone{position:absolute;inset-inline-end:18px;color:var(--wvg-accent);font-weight:700;font-size:14px;opacity:0;pointer-events:none;z-index:3;text-shadow:0 2px 10px rgb(0 0 0 / .6)}.wvg-badge--top .wvg-plusone{top:36px}.wvg-badge--bottom .wvg-plusone{bottom:36px}.wvg-plusone.is-active{animation:wvg-float 1.1s ease-out}.wvg-title{margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600}@keyframes wvg-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 7px #fff0;opacity:.85}100%{box-shadow:0 0 0 0 #fff0;opacity:1}}@keyframes wvg-bump{0%{transform:scale(1)}35%{transform:scale(1.09)}100%{transform:scale(1)}}@keyframes wvg-float{0%{opacity:0;transform:translateY(4px) scale(.9)}25%{opacity:1;transform:translateY(-4px) scale(1)}100%{opacity:0;transform:translateY(-26px) scale(1)}}@media (prefers-reduced-motion:reduce){.wvg-item:hover .wvg-media,.wvg-item:hover .wvg-play{transform:none}.wvg-badge__dot,.wvg-badge.is-bumping,.wvg-plusone.is-active{animation:none}}