/* -------------------------------------------------
   videos.css – video‑gallery page
   ------------------------------------------------- */

section#videos {
  padding: 2rem 1rem;
}
section#videos h2 {
  margin-bottom: 1rem;
  color: var(--c-primary);
}

/* Card styling */
.video-card {
  background: var(--c-bg-mid);
  border-radius: .5rem;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,.6);
}
.video-card video {
  width: 100%;
  height: auto;
}
.video-card p {
  padding: .5rem;
  font-size: .95rem;
  color: var(--c-text-light);
}


/* -------------------------------------------------------------------------------------------- */