@media (max-width:900px) {
  .nav-links {
    gap:14px;
    font-size:.8rem
  }
  .hero {
    gap:25px;
    min-height:580px
  }
  .hero h1 {
    letter-spacing:-2px
  }
  .about-grid,.services-grid,.portfolio-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .chip-top {
    left:-10%
  }
  .chip-bottom {
    right:-10%
  }
}
@media (max-width:700px) {
  .section-shell {
    width:min(var(--content),calc(100% - 32px))
  }
  .navbar {
    min-height:70px
  }
  .menu-toggle {
    display:block;
    z-index:2
  }
  .nav-links {
    display:none;
    position:absolute;
    top:69px;
    left:0;
    right:0;
    padding:18px 22px 24px;
    background:rgba(8,13,27,.98);
    border-bottom:1px solid var(--border);
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .nav-links.is-open {
    display:flex
  }
  .nav-links a {
    padding:12px 4px
  }
  .nav-links .nav-cta {
    text-align:center;
    margin-top:8px
  }
  .hero {
    grid-template-columns:1fr;
    padding-block:62px 48px;
    gap:30px
  }
  .hero-copy {
    order:1
  }
  .hero-visual {
    order:2;
    min-height:360px
  }
  .hero h1 {
    font-size:clamp(2.7rem,12vw,4rem)
  }
  .hero-frame {
    width:min(270px,70%)
  }
  .chip-top {
    left:0
  }
  .chip-bottom {
    right:0
  }
  .section-block {
    padding-block:58px
  }
  .section-heading-row {
    align-items:start;
    flex-direction:column
  }
  .about-grid,.services-grid {
    grid-template-columns:1fr
  }
  .portfolio-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .contact-links {
    grid-template-columns:1fr
  }
  .store-mark {
    font-size:4rem
  }
  .store-panel {
    align-items:flex-start
  }
  .footer-bottom {
    flex-direction:column
  }
  .ad-slot {
    font-size:.68rem
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important
  }
}