/* Music page — video grid (palette matches chida-theme / music.html) */

.music-videos-section {
   background: #080f14;
   padding: 3rem 0 4.5rem;
   border-top: 1px solid rgba(194, 169, 108, 0.12);
}

.music-videos-section .container {
   max-width: 960px;
}

.music-videos-section .section-eyebrow {
   display: block;
   text-align: center;
   font-size: 0.68rem;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: #FF8C00;
   margin-bottom: 0.5rem;
}

.music-videos-section h2 {
   text-align: center;
   font-family: 'Begosta', 'Bebas Neue', Impact, sans-serif;
   font-size: clamp(1.35rem, 3.2vw, 1.85rem);
   letter-spacing: 0.06em;
   color: #c2a96c;
   text-shadow:
      0 0 10px rgba(255, 140, 0, 0.22),
      0 0 22px rgba(255, 140, 0, 0.12);
   margin-bottom: 0.5rem;
}

.music-videos-lead {
   text-align: center;
   color: #b7af90;
   font-size: 0.92rem;
   max-width: 36rem;
   margin: 0 auto 2rem;
   line-height: 1.65;
}

.music-video-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
   gap: 1.5rem;
   align-items: start;
}

.music-video-frame {
   position: relative;
   width: 100%;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   border: 1px solid rgba(194, 169, 108, 0.18);
   box-shadow: 0 0 24px rgba(0, 0, 0, 0.35);
   background: rgba(8, 15, 20, 0.65);
}

.music-video-frame iframe {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

.music-video-empty {
   text-align: center;
   color: rgba(183, 175, 144, 0.72);
   font-size: 0.9rem;
   margin: 0;
   padding: 1.25rem 1rem;
}

.music-video-empty a {
   color: #FF8C00;
   text-decoration: none;
   transition: color 0.25s ease;
}

.music-video-empty a:hover {
   color: #c2a96c;
}