.video-grid .video-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--paper, #fffaf7);
  cursor: default;
}
.video-grid .video-card::after { display: none; }
.video-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #302329;
}
.video-preview video { object-fit: contain; }
.video-preview .play { top: 50%; }
.video-preview button:focus-visible {
  outline: 3px solid var(--gold, #c68d4e);
  outline-offset: -5px;
}
.video-grid .video-info {
  position: static;
  flex: 1;
  padding: 20px;
  color: var(--plum, #5b3b43);
  background: var(--paper, #fffaf7);
}
.video-grid .video-info span { color: #94623d; }
.video-grid .video-info h3 {
  font-size: 1.3rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.video-grid .video-info a { border: 1px solid var(--line, #dfcec1); }