/*
   ==========================================================================
   WORKS PAGE STYLES
   ==========================================================================
*/

:root {
}

#app {
  position: relative;
  width: 100%;
}

.cinematic-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.works-hero-title, 
.works-hero-subtitle {
  opacity: 0;
  visibility: hidden;
}

/* --- Video Card Hover Effects --- */
.video-card {
  transition: all 0.5s ease;
  border-color: rgba(255, 255, 255, 0.05); /* base border */
}

.video-card:hover {
  border-color: var(--color-primary, #27acf4) !important;
  box-shadow: 0 0 30px rgba(39, 172, 244, 0.2) !important;
}