/* ==========================================================================
   Enterprise Fluid Responsive Overrides Media Queries
   ========================================================================== */

/* Large Tablets & Small Laptops Matrix Framework */
@media (max-width: 1024px) {
    html { font-size: 15px; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .grid-3 { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .hero-content h1 { font-size: 3.5rem; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }
    .timeline-tree::after { left: 20px; }
    .timeline-block { width: 100%; text-align: left !important; padding-left: 40px !important; padding-right: 0 !important; }
    .timeline-block:nth-child(even) { margin-left: 0; }
    .timeline-marker { left: 15px !important; }
}

/* Small Tablets & Large Mobile Vectors Grid */
@media (max-width: 768px) {
    .hamburger {
        display: block;
        z-index: 1001;
    }
    .hamburger.active .bar:nth-child(2) { opacity: 0; }
    .hamburger.active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        height: 100vh;
        background-color: rgba(8, 8, 8, 0.98);
        backdrop-filter: blur(20px);
        z-index: 1000;
        transition: 0.5s cubic-bezier(0.77,0,0.175,1);
        padding: 8rem 3rem;
        border-left: 1px solid rgba(200, 160, 70, 0.2);
    }
    .nav-menu.active { right: 0; }
    .nav-links { flex-direction: column; gap: 2rem; }
    .nav-item { font-size: 1.1rem; }

    .grid-2 { grid-template-columns: 1fr; gap: 2.5rem; }
    .section-padding { padding: 4.5rem 0; }
    .hero-content h1 { font-size: 2.8rem; }
    .hero-actions { flex-direction: column; gap: 1rem; }
    .stats-strip { grid-template-columns: 1fr; gap: 2rem; text-align: center; margin-bottom: -2rem; padding: 1.5rem; }
}

/* Micro Device Optimization Configuration Node */
@media (max-width: 480px) {
    html { font-size: 14px; }
    .grid-4, .grid-3 { grid-template-columns: 1fr; }
    .hero-content h1 { font-size: 2.4rem; }
    .sub-hero h1 { font-size: 2.6rem; }
    .section-title-wrap h2 { font-size: 2rem; }
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .contact-form-panel { padding: 2rem 1rem; }
}