/**
 * Morpheus8 Landing Page - Page Specific Styles
 */

/* Hero overlay for text contrast */
.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

/* 4-column grid for how it works */
@media (min-width: 768px) {
  .how-it-works__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}