/* 1600px & 1400px - Large Desktops (Covered by Max-Width container) */

/* 1200px - Small Desktops */
@media (max-width: 1200px) {
    .bento-grid { grid-auto-rows: 350px; }
    .hero-title { font-size: clamp(3rem, 7vw, 6rem); }
}

/* 1024px - Laptops/Tablets Landscape */
@media (max-width: 1024px) {
    .split-layout, .contact-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .about-image {
        order: -1;
        min-height: 450px;
    }

    .skills-grid, .cert-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

/* 992px - General Tablets */
@media (max-width: 992px) {
    .projects-header { flex-direction: column; align-items: flex-start; }
    .project-filters { flex-wrap: wrap; }
}

/* 768px - Tablets Portrait */
@media (max-width: 768px) {
    .nav-links {
        position: fixed;
        top: 0; right: -100%;
        height: 100vh;
        width: 100%;
        background: var(--glass-bg);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        flex-direction: column;
        justify-content: center;
        transition: right 0.4s ease;
    }
    
    .nav-links.active { right: 0; }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        cursor: none;
        z-index: 101;
    }

    .hamburger .line {
        width: 30px;
        height: 2px;
        background: var(--text-primary);
        transition: 0.3s;
    }
    
    .hamburger.active .line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .hamburger.active .line:nth-child(2) { opacity: 0; }
    .hamburger.active .line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    .bento-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 350px;
    }

    .project-card.large {
        grid-column: span 1;
        grid-row: span 1;
    }

    .skills-grid, .cert-grid {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        gap: 1rem;
    }
    
    .footer-grid { grid-template-columns: 1fr; }
    
    .timeline::before { left: 16px; }
    .timeline-dot { left: 9px; }
    .timeline-item { padding-left: 3rem; }
}

/* 576px - Large Mobile */
@media (max-width: 576px) {
    .hero-cta { flex-direction: column; width: 100%; }
    .btn { width: 100%; }
    .contact-card { flex-direction: column; align-items: flex-start; gap: 1rem; }
}

/* 425px - Standard Mobile */
@media (max-width: 425px) {
    .section-title { font-size: 2rem; }
    .glass { padding: 1.5rem; }
}

/* 375px & 320px - Small Mobile */
@media (max-width: 375px) {
    .stats-grid { grid-template-columns: 1fr; }
    .project-info { padding: 1.5rem; }
}