/* ==========================================================
   Responsive – breakpoints and motion preferences
   ========================================================== */
@media (max-width:880px){
  .menu-toggle{display:grid;place-items:center;gap:4px;width:2.75rem;height:2.75rem;padding:0;background:transparent;border:1px solid var(--line);border-radius:var(--r-icon);cursor:pointer;color:var(--ink)}
  .menu-toggle span:not(.sr-only){display:block;width:1.1rem;height:1px;background:currentColor;transition:transform .2s var(--ease),opacity .2s var(--ease)}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(2){transform:translateY(5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(3){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-of-type(4){transform:translateY(-5px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;top:calc(100% + 1px);left:var(--s5);right:var(--s5);z-index:1;flex-direction:column;align-items:stretch;gap:0;padding:var(--s3);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-surface);box-shadow:0 16px 32px rgba(43,32,48,.12)}
  .site-nav.is-open{display:flex}
  .site-nav a:not(.btn){display:block;padding:.75rem var(--s3);font-size:var(--t-0);color:var(--ink)}
  .hero{padding:var(--s7) 0 var(--s8)}
  .hero .wrap,.split,.care{grid-template-columns:1fr}
  .split{gap:var(--s6)} .split>.head{position:static}
  .steps{grid-template-columns:1fr 1fr;gap:var(--s6) var(--s5)} .steps::before{display:none}
  section{padding:var(--s8) 0}
  .skin{max-width:420px;margin:0 auto}
  .close{padding:var(--s7) var(--s5)}
  details p{padding-right:0}
  .laser .wrap,.crew .wrap{grid-template-columns:1fr;gap:var(--s6)}
  .device{min-height:0}
  .device-float{max-width:300px}
  .portrait{max-width:360px}
  .mapframe{aspect-ratio:1/1}
  .contact-card{align-items:flex-start;flex-direction:column}
}
@media (max-width:480px){
  .steps{grid-template-columns:1fr}
  .brand img{height:1.7rem}
  .header-actions{gap:.35rem}
  .header-actions .btn{padding:.6rem .6rem;font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .device-media{opacity:1!important;transform:none!important}
}