.featured-video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
.featured-video-card {
  position: relative; display: block; border-radius: var(--radius-lg); overflow: hidden;
  aspect-ratio: 16/10; text-decoration: none; box-shadow: var(--shadow-md);
}
.featured-video-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.featured-video-card:hover img { transform: scale(1.05); }

.reel-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-2);
}
.reel-card { position: relative; display: block; border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 3/4; }
.reel-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.reel-card:hover img { transform: scale(1.08); }
.reel-overlay {
  position: absolute; inset: auto 0 0 0;
  background: linear-gradient(0deg, rgba(15,20,18,0.88), transparent);
  color: #fff; font-size: 0.72rem; font-weight: 700;
  padding: 0.6rem 0.5rem 0.4rem; text-align: center;
  display: flex; align-items: center; justify-content: center; gap: 0.3rem;
}

@media (max-width: 980px) {
  .reel-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .featured-video-grid { grid-template-columns: 1fr; }
  .reel-grid { grid-template-columns: repeat(2, 1fr); }
}