@media (max-width: 992px) {
    .hero-title { font-size: 2.3rem; }
    .about-grid { grid-template-columns: 1fr; gap: 40px; }
    .image-stack { height: 320px; max-width: 500px; margin: 0 auto; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .brand-col { grid-column: span 2; }
}

@media (max-width: 768px) {
    .nav-menu {
        position: fixed;
        top: 70px;
        right: -100%;
        width: 280px;
        height: calc(100vh - 70px);
        background: rgba(26, 26, 36, 0.98);
        backdrop-filter: blur(10px);
        flex-direction: column;
        padding: 40px;
        gap: 30px;
        transition: right 0.4s ease;
        box-shadow: -10px 0 30px rgba(0,0,0,0.2);
    }
    
    .nav-menu.active { right: 0; }
    .nav-menu a { color: var(--white); font-size: 1.1rem; }
    
    .nav-hamburger {
        display: block;
        cursor: pointer;
    }
    .nav-hamburger .bar {
        display: block;
        width: 25px;
        height: 3px;
        margin: 5px auto;
        background-color: var(--primary-blue);
        transition: all 0.3s ease;
    }
    
    /* Transform Hamburger to X */
    .nav-hamburger.active .bar:nth-child(2) { opacity: 0; }
    .nav-hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .nav-hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
    
    .hero-buttons { display: flex; flex-direction: column; gap: 15px; padding: 0 20px; }
    .btn-secondary { margin: 0; }
    
    .footer-grid { grid-template-columns: 1fr; }
    .brand-col { grid-column: span 1; }
}