/* A small layering correction keeps the cobalt plane in the foreground. */
.home-hero {
  z-index: 2;
  isolation: isolate;
}

.home-hero::after {
  z-index: 1;
}

.home-intro {
  z-index: 2;
}

.home-hero__bar {
  z-index: 3;
}

.home-panels {
  position: relative;
  z-index: 1;
}

@media (min-width: 61rem) {
  .home-about {
    grid-column: 3;
    grid-row: 1;
  }

  .home-engage {
    grid-column: 3;
    grid-row: 2;
  }
}

@media (max-width: 60rem) {
  .home-engage {
    order: 4;
  }

  .home-about {
    order: 5;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-settle {
    animation: none;
  }
}