@media (max-width: 1100px) {
    .hero__canvas { display: none; }
    .site-header .nav { display: none; }
    .mobile-nav .nav { display: block; }
    .mobile-nav__panel { width: min(100%, 22rem); }
    .nav-toggle { display: grid; }
    .site-header .btn--small { display: none; }
    .expertise, .brand-grid, .point-grid, .stats { grid-template-columns: 1fr 1fr; }
    .site-footer__grid, .split, .contact-layout, .product-block, .solution-card a { grid-template-columns: 1fr; }
    .product-block:nth-child(even) .product-block__media { order: 0; }
    .mission { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .expertise, .why, .brand-grid, .partner-list, .point-grid, .stats, .solution-grid, .spec-list { grid-template-columns: 1fr; }
    .hero { align-items: center; }
    .hero__content { padding-top: calc(var(--header) + 2rem); }
    .hero__scroll { display: none; }
    .site-footer__base { flex-direction: column; align-items: flex-start; }
    .site-footer__credit { text-align: left; }
    .float-dock__enquiry { padding: 0.7rem 0.8rem; }
}

@media (max-width: 390px) {
    body { font-size: 1rem; }
    .brand strong { font-size: 0.88rem; }
    .display { font-size: 2.7rem; }
}