/* ============================================================
   AMAN — Responsive Styles
   ============================================================ */

/* Tablet: <= 1024px */
@media (max-width: 1024px) {
    .stats-bar__grid          { grid-template-columns: repeat(2, 1fr); }
    .stats-bar__item:nth-child(2) { border-right: none; }
    .overview__grid           { grid-template-columns: 1fr; gap: 40px; }
    .overview__visual         { max-width: 480px; margin: 0 auto; }
    .values__grid             { grid-template-columns: repeat(2, 1fr); }
    .team-grid                { grid-template-columns: repeat(3, 1fr); }
    .current-projects__grid   { grid-template-columns: repeat(2, 1fr); }
    .accreditation__grid      { grid-template-columns: repeat(2, 1fr); }
    .contact__grid            { grid-template-columns: 1fr; gap: 40px; }
    .footer__top              { grid-template-columns: 1fr 1fr; gap: 30px; }
}

/* Mobile: <= 768px */
@media (max-width: 768px) {
    .navbar__menu {
        display: none;
        position: absolute;
        top: 68px; left: 0; right: 0;
        background: var(--dark);
        padding: 16px;
        flex-direction: column;
        gap: 2px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    .navbar__menu.open { display: flex; }
    .navbar__menu > li > a { padding: 12px 16px; }
    .dropdown__menu {
        position: static;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--primary);
        border-radius: 0;
        margin-left: 16px;
        display: none;
        background: rgba(255,255,255,0.05);
    }
    .dropdown__menu li a { color: rgba(255,255,255,0.7); border-bottom-color: rgba(255,255,255,0.08); }
    .dropdown__menu li a:hover { background: rgba(255,255,255,0.05); }
    .navbar__menu .dropdown:hover .dropdown__menu { display: none; }
    .navbar__menu .dropdown.open .dropdown__menu { display: block; }
    .navbar__toggle { display: flex; }

    .section { padding: 56px 0; }

    .hero__title { letter-spacing: 4px; }
    .hero__subtitle { letter-spacing: 3px; font-size: 15px; }

    .stats-bar__grid { grid-template-columns: repeat(2, 1fr); }

    .values__grid             { grid-template-columns: 1fr; }
    .team-grid                { grid-template-columns: repeat(2, 1fr); }
    .current-projects__grid   { grid-template-columns: 1fr; }
    .accreditation__grid      { grid-template-columns: repeat(2, 1fr); }
    .footer__top              { grid-template-columns: 1fr; }
    .footer__bottom           { flex-direction: column; gap: 10px; text-align: center; }

    .form-group--row { grid-template-columns: 1fr; }

    .section-title h2 { font-size: 22px; letter-spacing: 2px; }
    .team-banner__big { font-size: 64px; }
}

/* Small Mobile: <= 480px */
@media (max-width: 480px) {
    .stats-bar__grid      { grid-template-columns: 1fr; }
    .stats-bar__item      { border-right: none; border-bottom: 1px solid var(--border); }
    .accreditation__grid  { grid-template-columns: 1fr; }
    .team-grid            { grid-template-columns: repeat(2, 1fr); }
    .hero__btns           { flex-direction: column; align-items: center; }
    .btn                  { width: 100%; max-width: 260px; text-align: center; }
}