/* English-specific layout adjustments. Base styling is shared with /css/yad-nl.css. */

@media (min-width: 761px) {
  .hero h1 {
    max-width: 1260px;
    font-size: clamp(3rem, 5.15vw, 5.3rem);
  }
}

/* Longer English copy needs a little more room in the process cards. */
@media (min-width: 1101px) {
  .process-route__step--1,
  .process-route__step--2,
  .process-route__step--5 {
    width: min(290px, 24vw);
  }

  .process-route__step--3 {
    width: min(350px, 30vw);
  }
}