@media (max-width: 1120px) {
    .package-grid { grid-template-columns: repeat(2, 1fr); }
    .service-grid, .highlight-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid, .platform-grid { grid-template-columns: repeat(3, 1fr); }
    .brand img, .header-logo img, .site-logo img, .navbar-brand img, .logo img { max-width: 220px !important; max-height: 66px !important; }
    .main-nav { gap: 10px; font-size: 13px; }
    .header-cta { min-height: 46px !important; min-width: 130px !important; padding: 0 26px !important; font-size: 14px !important; }
    .btn-small { padding: 10px 17px; }
}

@media (max-width: 920px) {
    .container, .narrow { width: min(100% - 30px, 1180px); }
    .site-header { min-height: 82px !important; }
    .site-header.scrolled { min-height: 78px !important; }
    .header-inner { min-height: 64px; }
    .brand img, .header-logo img, .site-logo img, .navbar-brand img, .logo img { max-width: 190px !important; max-height: 62px !important; }
    .menu-toggle { display: block; }
    .main-nav {
        position: fixed;
        inset: 80px 15px auto;
        display: grid;
        gap: 4px;
        padding: 18px;
        border-radius: 8px;
        background: rgba(7, 18, 20, .98);
        box-shadow: var(--shadow);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: .25s ease;
    }
    .main-nav.open { opacity: 1; visibility: visible; transform: translateY(0); }
    .main-nav > a, .dropdown > a { padding: 10px 8px; }
    .main-nav .header-cta { width: 100% !important; margin-top: 14px !important; justify-self: stretch; }
    .dropdown-menu { position: static; width: 100%; opacity: 1; visibility: visible; transform: none; display: none; margin-top: 4px; box-shadow: none; }
    .dropdown.open .dropdown-menu { display: block; }
    .hero, .inner-hero { padding: 134px 0 64px; }
    .hero-grid, .inner-hero-grid, .split, .cta-grid, .contact-grid, .quote-band { grid-template-columns: 1fr; gap: 34px; }
    .quote-band .lead-form { grid-template-columns: 1fr; }
    .quote-band .form-grid { grid-template-columns: repeat(2, 1fr); }
    .floating-list { position: static; margin-top: 16px; }
    .testimonial-grid, .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .blog-grid, .video-grid { grid-template-columns: repeat(2, 1fr); }
    .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
    .featured-blog-card { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); row-gap: 24px; }
}

@media (max-width: 640px) {
    h1 { font-size: 38px; }
    h2 { font-size: 29px; }
    .section { padding: 56px 0; }
    .site-header { min-height: 74px !important; padding: 6px 0; }
    .site-header.scrolled { min-height: 66px; }
    .header-inner { min-height: 74px !important; }
    .brand img, .header-logo img, .site-logo img, .navbar-brand img, .logo img { max-height: 54px !important; max-width: 180px !important; transform: none; }
    .menu-toggle span { width: 26px; margin: 5px 0; }
    .main-nav { inset: 70px 12px auto; }
    .btn-small { min-height: 42px; padding: 10px 16px; font-size: 14px; }
    .header-cta { min-height: 46px !important; min-width: 130px !important; padding: 0 26px !important; font-size: 14px !important; border-radius: 999px !important; }
    .hero-actions, .newsletter { flex-direction: column; }
    .newsletter { align-items: stretch; }
    .btn, .newsletter button { width: 100%; }
    .newsletter button { min-height: 48px !important; padding: 0 26px !important; font-size: 14px !important; }
    .hero-panel, .quote-card, .content-card, .highlight-card, .package-card, .testimonial-card, .contact-cards article, .quote-band { padding: 22px; }
    .service-card .card-icon, .service-card h3, .service-card p, .service-card strong { margin-left: 20px; margin-right: 20px; }
    .form-grid, .highlight-grid, .service-grid, .package-grid, .testimonial-grid, .gallery-grid, .platform-grid, .footer-grid { grid-template-columns: 1fr; }
    .blog-grid, .video-grid { grid-template-columns: 1fr; }
    .portfolio-tab-list { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; }
    .portfolio-tab { flex: 0 0 auto; }
    .portfolio-grid { grid-template-columns: 1fr; }
    .portfolio-card-body { padding: 22px; }
    .featured-blog-card > div { padding: 24px; }
    .video-modal { padding: 14px; }
    .video-modal-close { right: 0; top: -48px; }
    .quote-band .form-grid { grid-template-columns: 1fr; }
    .hero, .inner-hero { padding-top: 118px; }
    .gallery-item { min-height: 210px; }
    .platform-grid span { min-height: 72px; }
    .stats strong { font-size: 36px; }
    .footer-logo,
    .site-footer .logo img,
    .site-footer-logo img,
    .footer-brand img {
        max-height: 70px !important;
        max-width: 220px !important;
    }
    .footer-brand { justify-content: flex-start !important; margin-bottom: 16px !important; }
}

@media (max-width: 390px) {
    .container, .narrow { width: min(100% - 24px, 1180px); }
    .brand img, .header-logo img, .site-logo img, .navbar-brand img, .logo img { max-height: 48px !important; max-width: 152px !important; }
    .hero, .inner-hero { padding-top: 114px; }
    h1 { font-size: 34px; }
    .footer-logo,
    .site-footer .logo img,
    .site-footer-logo img,
    .footer-brand img {
        max-height: 62px !important;
        max-width: 200px !important;
    }
}