/* Keep the floating industrial navigation clear of the hero introduction. */
.industrial-site .industrial-hero {
  min-height: max(920px, 100svh);
}

.industrial-site .industrial-hero-copy {
  top: 55%;
  transform: translateY(-50%);
}

@media (max-width: 980px) and (min-width: 681px) {
  .industrial-site .industrial-hero-copy {
    top: 53%;
  }
}

@media (max-width: 680px) {
  .industrial-site .industrial-hero {
    min-height: 0;
  }

  .industrial-site .industrial-hero-copy {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    max-width: none;
    padding: 120px 18px 175px;
    transform: none;
  }
}

@media (max-width: 480px) {
  .industrial-site .industrial-hero-copy {
    padding-top: 108px;
  }
}