/* ----------------- TABLET ----------------- */

@media (max-width: 1024px) {

  .site-menu {

    gap: 1.5rem;

  }

  .hero {

    padding-top: 8rem;

  }

  .hero__title {

    font-size: clamp(2.8rem, 7vw, 4rem);

  }

}

/* ----------------- MOBILE ----------------- */

@media (max-width: 768px) {

  .site-header {

    padding-block: 1rem;

  }

  .site-header__wrapper {

    flex-direction: column;

    gap: 1.5rem;

  }

  .site-menu {

    gap: 1rem;

    flex-wrap: wrap;

    justify-content: center;

  }

  .site-menu a {

    font-size: 0.62rem;

    letter-spacing: 0.14em;

  }

  .hero {

    padding-top: 12rem;

    min-height: auto;

    padding-bottom: 6rem;

  }

  .hero__title {

    font-size: clamp(2.2rem, 10vw, 3rem);

    line-height: 1.1;

  }

  .hero__description {

    font-size: 0.92rem;

  }

}

@media (max-width: 768px) {

  .about-grid {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 1024px) {

  .solutions-grid {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 1024px) {

  .differentials-grid {

    grid-template-columns: 1fr;

    gap: 4rem;

  }

  .differentials-quote {

    padding-left: 0;

    border-left: none;

    border-top: 1px solid rgba(201,168,76,0.25);

    padding-top: 3rem;

  }

}

@media (max-width: 1024px) {

  .contact-grid {

    grid-template-columns: 1fr;

    gap: 4rem;

  }

}

@media (max-width: 768px) {

  .form-row {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 1024px) {

  .footer-grid {

    grid-template-columns: 1fr;

    gap: 3rem;

  }

}

@media (max-width: 1024px) {

  .main-navigation {

    display: none;

  }

  .mobile-toggle {

    display: block;

  }

}