/* video-card.css — demo video placeholder cards */
.video-card {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--surface);
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  cursor: not-allowed;
  transition: border-color .25s ease, transform .25s ease;
}
.video-card:hover { border-color: var(--accent); transform: translateY(-3px); }
.video-card__poster {
  position: absolute; inset: 0;
  background:
    radial-gradient(120% 90% at 20% 10%, var(--glow-soft), transparent 60%),
    linear-gradient(160deg, var(--bg-elev), var(--surface));
}
.video-card__play {
  position: relative;
  width: 64px; height: 64px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--bg) 55%, transparent);
  border: 1px solid var(--line-strong);
  backdrop-filter: blur(6px);
  display: grid; place-items: center;
  color: var(--ink);
  transition: transform .25s ease, border-color .25s ease;
}
.video-card:hover .video-card__play { transform: scale(1.1); border-color: var(--accent); }
.video-card__play svg { width: 20px; height: 20px; margin-left: 3px; }
.video-card__label {
  position: absolute;
  left: 1.1rem; bottom: 1rem; right: 1.1rem;
  display: grid;
  gap: .15rem;
}
.video-card__label strong { font-family: var(--font-display); font-size: 1.02rem; font-weight: 700; }
.video-card__label span { font-family: var(--font-mono); font-size: .7rem; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; }