/* MONOCHROME RESPONSIVE */

@media (max-width: 1024px) {
    .container { padding: 0 1.5rem; }
    
    h1 { font-size: 3.5rem; }
    h2 { font-size: 2.5rem; }
    
    .grid-3, .grid-2 { grid-template-columns: 1fr; gap: 1.5rem; }
    .bento-card[style*="grid-column: span 2"] { grid-column: span 1 !important; }
    
    .corp-nav, .desktop-only { display: none; }
    .mobile-toggle { display: flex; }
    
    .hero { padding-top: 150px; padding-bottom: 80px; }
}

@media (max-width: 768px) {
    h1 { font-size: 2.5rem; }
    .hero-desc { font-size: 1rem; }
    
    .footer-grid { grid-template-columns: 1fr; }
    .footer-col { margin-bottom: 2rem; }
    
    .bento-card { padding: 1.5rem; }
}