@media (max-width: 620px) { .catalog-tools { align-items: stretch; flex-direction: column; gap: 20px; }.search-field { max-width: none; }.product-actions { align-items: flex-start; flex-direction: column; gap: 9px; }.product-detail { gap: 40px; grid-template-columns: 1fr; padding-bottom: 80px; padding-top: 45px; }.detail-product-visual { height: 85vw; }.detail-product-copy h1 { font-size: 52px; }.cart-drawer { max-width: none; } }
@media (max-width: 900px) { .hero { gap: 30px; grid-template-columns: 1fr; padding-top: 30px; }.hero-art { height: 450px; max-width: 650px; width: 100%; }.category-grid, .product-grid, .project-grid { grid-template-columns: repeat(2, 1fr); }.category-card:last-child, .product-card:last-child, .project-card:last-child { grid-column: span 2; }.engineering-section { gap: 50px; grid-template-columns: 1fr; }.engineering-copy { max-width: 560px; }.service-row { grid-template-columns: 40px 1fr 24px; }.service-row p { grid-column: 2 / 3; grid-row: 2; } }
@media (max-width: 620px) { .site-header { padding: 18px 20px; }.menu-toggle { display: block; }.site-nav { align-items: stretch; background: var(--paper); border-bottom: 1px solid var(--line); display: none; flex-direction: column; gap: 0; left: 0; padding: 10px 20px 20px; position: absolute; right: 0; top: 67px; }.site-nav.is-open { display: flex; }.site-nav a { padding: 12px 0; }.site-nav .nav-cta { margin-top: 8px; text-align: center; }.section-grid { padding-left: 20px; padding-right: 20px; }.hero { min-height: auto; padding-bottom: 65px; }.hero-art { height: 350px; }.circuit-board { height: 190px; left: 8%; top: 28%; width: 285px; }.board-chip { height: 45px; left: 112px; top: 73px; width: 60px; }.trace-a { top: 58px; width: 120px; }.trace-b { left: 172px; top: 124px; width: 90px; }.trace-c { top: 153px; width: 80px; }.art-flower { right: 3%; transform: scale(.72); transform-origin: center; }.orbit-one { left: -10%; top: 14%; }.orbit-two { left: -25%; top: -10%; }.note-top { right: 12px; top: 12px; }.note-bottom { bottom: 15px; left: 14px; }.hero-proof { margin-top: 50px; }.intro-strip { align-items: flex-start; flex-direction: column; gap: 18px; }.home-section { padding-bottom: 80px; padding-top: 80px; }.category-grid, .product-grid, .project-grid { grid-template-columns: 1fr; margin-top: 42px; }.category-card:last-child, .product-card:last-child, .project-card:last-child { grid-column: auto; }.category-card { min-height: 290px; }.split-heading { align-items: flex-start; flex-direction: column; gap: 25px; }.product-visual, .project-visual { height: 210px; }.engineering-section { padding-bottom: 80px; padding-top: 80px; }.service-row { gap: 13px; grid-template-columns: 30px 1fr 20px; }.service-row h3 { font-size: 18px; }.cta-band { margin-bottom: 80px; padding-bottom: 55px; padding-top: 55px; }.footer-top { gap: 25px; grid-template-columns: 1fr; }.footer-links { justify-self: start; }.footer-bottom { flex-direction: column; gap: 8px; margin-top: 40px; } }