@media(max-width:760px){
  html{scroll-padding-top:88px}
  body{overflow-x:clip}
  .wrap{width:calc(100% - 40px)}
  header{padding-inline:20px;backdrop-filter:none}
  .menu{min-width:48px;min-height:44px;padding:10px}
  #navigation.open{max-height:calc(100dvh - 88px);overflow-y:auto;padding-bottom:20px}
  #navigation a{min-height:48px;display:flex;align-items:center}
  .button,.feature-button,.theme-controls button,.text-link,.hero-project-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .hero-service-actions{flex-wrap:wrap}
  .product-hero .cinema-bottom>p{font-size:16px;line-height:1.7}
  .hero-platforms{flex-wrap:wrap;line-height:1.7}
  .contact-details a{display:inline-block;min-height:44px;padding-block:10px}
  .dialog-close{width:44px;height:44px}
  .app-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
  .motion-atmosphere,.scroll-flare,.hero-halo,.hero-art-star{display:none}
  .hero-feature-phone,.hero-art-card,.hero-icon-tile,.hero-shutter,.hero-focus,.hero-signal,
  .eco-tile,.orbit-line,.ecosystem-spark,.service-vector,.development-phones,.development-phone,
  .cinema-background,.contact,.logo-mark::after{animation:none!important}
  .service-card,.craft-grid article,.design-preview{transform:none!important;backdrop-filter:none}
  .hero-feature-phone,.hero-art-card,.hero-icon-tile{box-shadow:0 8px 20px #0003;backdrop-filter:none}
  .hero-location,.hero-camera-ui,.image-stamp{backdrop-filter:none}
  .brand .logo-mark .company-logo{filter:brightness(1.15) drop-shadow(0 0 4px #8c4fff60)}
  .contact h2{font-size:clamp(36px,10.8vw,49px);letter-spacing:-1.5px}
  .studio h2,.beauty-feature h2{font-size:clamp(36px,10.5vw,48px)}
  .contact-details{gap:22px}
  footer.wrap{gap:20px;padding-bottom:max(30px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){header{padding-inline:14px}header .brand .company-name{font-size:16px}.wrap{width:calc(100% - 32px)}.product-hero .hero-service-actions{gap:10px}.hero-product-scene{left:-27px}}