@media (max-width: 767px) { /* NAV — hide desktop links, show logo properly */ .svc-nav__links { display: none !important; } .svc-nav__inner { padding-left: 20px !important; padding-right: 20px !important; min-height: 64px; } /* PROJECT GRID — single column */ .amd-projects .w-layout-grid, .amd-projects [class*="grid"] { grid-template-columns: 1fr !important; } /* CLIENT LOGOS — scroll horizontally or wrap */ .amd-clients img, .amd-clients svg { max-width: 100%; height: auto; } .amd-clients [class*="inner"], .amd-clients [class*="wrap"] { flex-wrap: wrap !important; gap: 24px !important; justify-content: center !important; } /* RECOGNITION CARDS — single column */ .amd-recognition .w-layout-grid, .amd-recognition [class*="grid"] { grid-template-columns: 1fr !important; } /* TYPOGRAPHY — scale down H1 */ h1, .h1 { font-size: clamp(36px, 10vw, 56px) !important; line-height: 1.05 !important; } h2, .h2 { font-size: clamp(24px, 7vw, 40px) !important; } /* PROJECT CARDS — always show label on mobile (not hover-only) */ [class*="project"][class*="overlay"], [class*="work"][class*="overlay"] { opacity: 1 !important; } /* CTA BUTTON — full width on mobile */ .amd-cta a, .amd-cta .btn { width: 100% !important; text-align: center !important; } /* GENERAL — prevent horizontal overflow */ body, section, .w-container { max-width: 100vw; overflow-x: hidden; } } @media (min-width: 768px) and (max-width: 991px) { /* TABLET — 2-col project grid */ .amd-projects .w-layout-grid, .amd-projects [class*="grid"] { grid-template-columns: 1fr 1fr !important; } } } }