/* ── Video page layout ──────────────────────────────────────────────────────*/
.video-page { padding-top: 60px; }
.video-player-wrap { background: #000; width: 100%; margin-top: 100px; }
.video-player-inner { max-width: 1100px; margin: 0 auto; }

/* ── Below-player info ──────────────────────────────────────────────────────*/
.video-detail { max-width: 1100px; margin: 0 auto; padding: 28px 24px 0; }
.video-detail-title { font-size: clamp(20px, 4vw, 32px); font-weight: 800; letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 10px; }
.video-detail-meta { font-size: 13px; color: #999; font-weight: 500; margin-bottom: 16px; }
.video-detail-desc { font-size: 14px; color: #bbb; line-height: 1.7; max-width: 720px; }
.video-divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 40px 0 0; }

/* ── Responsive ─────────────────────────────────────────────────────────────*/
@media (max-width: 768px) {
  /* Nav is relative on mobile — no fixed offset needed */
  .video-page { padding-top: 0; }
  .video-player-wrap { margin-top: 0; }
  .video-detail { padding: 20px 16px 0; }
  .video-divider { margin: 24px 0 0; }
}