/* 4K / Wide */
@media (min-width: 1440px) {
  .container { max-width: 1280px; }
  .hero h1 { font-size: 72px; }
}

/* Desktop 1280-1440 */
@media (max-width: 1440px) and (min-width: 1280px) {
  .container { max-width: 1152px; }
}

/* Laptop 992-1279 */
@media (max-width: 1279px) and (min-width: 992px) {
  .hero h1 { font-size: 52px; }
  .hero-layout { gap: 40px; }
}

/* Tablet 768-991 */
@media (max-width: 991px) and (min-width: 768px) {
  .hero h1 { font-size: 44px; }
  .hero p { font-size: 16px; }
  .hero-layout { grid-template-columns: 1fr; gap: 40px; }
  .hero-visual { min-height: 240px; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .nav-links a { padding: 8px 10px; font-size: 13px; }
}

/* Mobile Large 640-767 */
@media (max-width: 767px) {
  .hero { min-height: auto; padding: 100px 0 48px; }
  .hero h1 { font-size: 36px; }
  .hero-layout { grid-template-columns: 1fr; gap: 32px; }
  .hero-visual { min-height: 200px; }
  .hero-stat-row { gap: 20px; }
  .card-grid, .card-grid-4, .dosen-grid, .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .masonry { column-count: 2; }
}

/* Small Mobile <576 */
@media (max-width: 575px) {
  .container { padding: 0 20px; }
  .hero h1 { font-size: 28px; }
  .hero p { font-size: 15px; }
  .hero-stat-value { font-size: 24px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .card-grid, .card-grid-4, .dosen-grid, .feature-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .stat-value { font-size: 28px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .masonry { column-count: 1; }
  .section { --spacing-section: 48px; }
  .section-title { font-size: 24px; }
  .page-header { padding: 88px 0 32px; }
  .page-header h1 { font-size: 24px; }
  .news-item { flex-direction: column; }
  .news-item-img { width: 100%; height: 180px; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .contact-form .form-row { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
  .lecturer-detail { grid-template-columns: 1fr; }
  .prodi-content { grid-template-columns: 1fr; }
  .timeline-item, .timeline-item:nth-child(even) { flex-direction: row; padding-left: 44px; }
  .timeline-line { left: 16px; }
  .timeline-dot { left: 16px; top: 28px; width: 12px; height: 12px; }
  .timeline-content { width: 100%; padding: 16px; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .vm-grid { grid-template-columns: 1fr; }
  .about-layout { grid-template-columns: 1fr; }
}