/* Mobile Overrides & Adjustments */

@media (max-width: 1024px) {
    /* Tablet Adjustments */
    .bento-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .bento-large {
        grid-column: span 2 !important;
    }
}

@media (max-width: 768px) {
    /* Mobile Adjustments */
    .bento-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .bento-large {
        grid-column: span 1 !important;
    }

    /* Typography scale */
    h1 {
        font-size: 3rem !important;
        line-height: 1.1 !important;
    }

    h2 {
        font-size: 2.5rem !important;
    }
    
    .page-banner {
        min-height: 55vh;
        padding-top: 6rem;
    }

    /* Simplify glass on mobile to avoid performance issues */
    .ambient-glow {
        display: none; /* Hide heavy gradients on mobile */
    }
}