/* =====================================================
   VIDEO SECTION – DESKTOP
===================================================== */
.video-section {
  width: 100%;
  height: 100%;              /* ✅ 90% viewport HEIGHT */
  overflow: hidden;
  position: relative;
  background: #000;
}

.campus-video {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* Desktop cinematic crop */
  display: block;
}

/* =====================================================
   MOBILE FIX – DEFAULT VIDEO LAYOUT
===================================================== */
@media (max-width: 767px) {

  .video-section {
    height: auto;            /* ✅ remove forced height */
    background: #000;
  }

  .campus-video {
    width: 100%;
    height: auto;            /* ✅ natural video height */
    object-fit: contain;     /* ✅ no crop on mobile */
  }
}