@media (min-width: 768px) {
  .header__container {
    padding-inline: var(--space-6);
  }

  .services__container,
  .projects__container,
  .testimonials__container {
    padding-inline: var(--space-6);
  }

  .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer__container {
    padding-inline: var(--space-6);
  }
}

@media (min-width: 992px) {
  .header__container {
    min-height: 4rem;
    padding-inline: var(--space-7);
  }

  .contact__container {
    gap: var(--space-8);
    padding: var(--space-8) var(--space-7);
  }

  .services__container,
  .projects__container,
  .testimonials__container {
    padding: var(--space-8) var(--space-7);
  }

  .services__grid {
    gap: var(--space-5);
  }

  .projects__grid {
    gap: var(--space-4);
  }

  .contact__form {
    padding: var(--space-6);
  }

  .footer__container {
    padding: var(--space-7);
  }
}

@media (min-width: 1200px) {
  :root {
    --font-size-eyebrow: var(--font-size-sm);
    --font-size-hero-title: var(--font-size-3xl);
    --font-size-hero-text: var(--font-size-md);
    --font-size-hero-button: var(--font-size-md);
    --font-size-section-title: calc(var(--font-size-xl) + var(--font-size-sm));
    --font-size-section-text: var(--font-size-md);
    --font-size-about-card: var(--font-size-md);
    --font-size-project-card: var(--font-size-lg);
  }

  .about__container {
    padding: var(--space-8) var(--space-7);
  }

  .contact__container {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-8) var(--space-7);
  }

  .contact__button {
    width: max-content;
    min-width: 15rem;
  }

  .contact__form {
    padding: var(--space-7);
  }

  .contact__form-title,
  .contact__field--full,
  .contact__submit {
    grid-column: 1 / -1;
  }

  .about__content {
    position: relative;
    display: block;
    min-height: 34.75rem;
    padding-left: calc(38% + var(--space-8));
  }

  .about__header {
    display: grid;
    gap: var(--space-2);
  }

  .about__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 38%;
    height: 100%;
    margin-top: 0;
    aspect-ratio: auto;
    border-radius: var(--radius-sm);
  }

  .about__description {
    margin-top: var(--space-5);
  }

  .about__list {
    grid-area: list;
    gap: var(--space-4);
    margin-top: var(--space-3);
  }

  .about__item {
    min-height: 4rem;
    padding: var(--space-3);
  }

  .header__toggle {
    display: none;
  }

  .header__container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    min-height: 4.5rem;
    padding: var(--space-3) var(--space-5);
  }

  .header__brand {
    width: 14rem;
  }

  .header__menu {
    position: static;
    display: flex;
    justify-content: center;
    gap: var(--space-4);
    max-height: none;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .header__link {
    padding: 0;
  }

  .header__button {
    display: inline-flex;
  }

  .hero__container {
    grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
    align-items: center;
    justify-content: space-between;
    min-height: calc(100vh - 4rem);
    padding: var(--space-8) var(--space-7) calc(var(--space-8) + var(--space-5));
  }

  .hero__figure {
    width: min(100%, 36rem);
    margin: 0;
  }

  .hero__image {
    aspect-ratio: 0.82;
    object-position: center center;
    border-radius: calc(var(--radius-lg) * 1.5);
  }

  .hero__actions {
    display: flex;
    gap: var(--space-4);
  }

  .hero__button {
    min-width: 13rem;
    min-height: 3.5rem;
  }

  .hero__benefits {
    grid-template-columns: repeat(3, max-content);
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

  .hero__badge--top {
    top: calc(var(--space-4) * -1);
    left: calc(var(--space-7) * -1);
    right: auto;
  }

  .hero__badge--bottom {
    left: calc(var(--space-5) * -1);
    bottom: var(--space-6);
  }

  .services__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .services__container {
    text-align: center;
  }

  .services__eyebrow {
    justify-content: center;
  }

  .services__intro {
    margin-inline: auto;
  }

  .services__filter {
    display: inline-grid;
    width: auto;
    min-width: 22rem;
  }

  .services__card {
    display: block;
    min-height: 0;
  }

  .services__image {
    height: auto;
    min-height: 0;
    aspect-ratio: 1.85;
  }

  .services__content {
    padding: var(--space-4);
  }

  .projects__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .projects__container {
    text-align: center;
  }

  .projects__eyebrow {
    justify-content: center;
  }

  .projects__intro {
    margin-inline: auto;
  }

  .projects__card {
    aspect-ratio: 1.68;
  }

  .testimonials__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .footer__container {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.75fr) minmax(0, 0.85fr) minmax(0, 1.15fr);
    column-gap: var(--space-8);
  }

  .footer__brand {
    grid-column: auto;
  }

  .footer__group {
    grid-column: auto;
  }

  .footer__group--contact {
    grid-column: auto;
  }

  .footer__bottom {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}