/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  nav, section, .contact-section, .archive-header, .archive-controls, footer { padding-left: 2rem; padding-right: 2rem; }
  .reel-title-bar { padding: 1.2rem 2rem; }
  .hero { padding: 0 2rem 4rem; }
  .works-grid { grid-template-columns: repeat(2, 1fr); }
  .about-grid { grid-template-columns: 1fr; gap: 3rem; }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .list-item { grid-template-columns: 80px 1fr auto; padding: 1rem 2rem; }
  .list-role { display: none; }
  .lightbox-info { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .works-grid { grid-template-columns: 1fr; }
  .about-stats { grid-template-columns: repeat(2, 1fr); }
  .nav-links { display: none; }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .list-item { grid-template-columns: 70px 1fr; }
  .list-year, .list-arrow { display: none; }
}