.process-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-bottom: 18px;
}

.nav-group.keyboard-closed .submenu {
  display: none !important;
}

.service-row {
  transition: transform 0.18s ease-out, background 0.18s ease-out;
}

.service-row:hover {
  padding-left: 10px;
  transform: translateX(10px);
}

@media (max-width: 760px) {
  .hero {
    min-height: 960px;
  }

  .hero-grid {
    display: block;
    min-height: 0;
    padding-top: 55px;
  }

  .hero-photo {
    inset: 66% 0 0;
  }

  .hero-photo::after {
    background: linear-gradient(180deg, rgba(185, 213, 189, 0.96), rgba(185, 213, 189, 0.5) 26%, transparent 48%);
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .hero {
    min-height: 1120px;
  }

  .hero-grid {
    display: block;
    min-height: 0;
    padding-top: 70px;
  }

  .hero-photo {
    inset: 58% 0 0;
  }
}

@media (min-width: 981px) {
  .hero-copy {
    max-width: 600px;
  }

  .hero-copy p {
    max-width: 47ch;
  }
}