/* Verhindert auf mittleren Desktopbreiten die Überlappung der Hero-Buttons
   mit der rechts verankerten Engineering-Leiste. */
@media (min-width: 1101px) and (max-width: 1400px) {
  .hero-foot { width: min(700px, 56vw); }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .hero-foot { width: 48vw; padding-inline: 24px; }
  .hero-actions { max-width: 440px; }
}