@media (min-width: 760px) {
  .desk-nav,
  .top .top-call {
    display: flex;
  }
  .burger,
  .drawer {
    display: none;
  }
  .strip-grid {
    grid-template-columns: repeat(4, 1fr);
    padding: 36px 0;
  }
  .svc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .about,
  .contact {
    grid-template-columns: 1.2fr 0.8fr;
    align-items: start;
  }
  .quotes {
    grid-template-columns: repeat(3, 1fr);
  }
  .overlay {
    place-items: center;
  }
  .sheet {
    border-radius: 22px;
  }
}

@media (max-width: 380px) {
  .wrap {
    width: calc(100% - 24px);
  }
  .top-inner {
    gap: 10px;
  }
  .brand-txt {
    font-size: 0.92rem;
  }
  .hero h1 {
    font-size: 2.15rem;
  }
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (min-width: 1080px) {
  .svc-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .steps {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .btn,
  .spin {
    transition: none;
    animation: none;
  }
}