/* MAOF V23: tighter vertical rhythm without changing content or layout structure. */
.cream-section {
  padding-top: 78px;
  padding-bottom: 78px;
}

.installations-section {
  padding-top: 64px;
}
.installations-intro {
  margin-bottom: 44px;
}
.installations-intro > div:last-child {
  padding-top: 8px;
}

.operator-screens {
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.operator-screens + .how-process-grid {
  margin-top: 32px;
}
.how-process-grid {
  margin-top: 70px;
}
.how-controls {
  margin-top: 70px;
  padding-top: 50px;
}

@media (max-width: 900px) {
  .cream-section {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .installations-section {
    padding-top: 48px;
  }
  .installations-intro {
    margin-bottom: 36px;
  }
  .installations-intro > div:last-child {
    padding-top: 0;
  }
  .operator-screens {
    margin-top: 28px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .operator-screens + .how-process-grid,
  .how-process-grid {
    margin-top: 36px;
  }
  .how-controls {
    margin-top: 48px;
    padding-top: 36px;
  }
}

@media (max-width: 600px) {
  .cream-section {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .operator-screens {
    margin-top: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .operator-screens + .how-process-grid {
    margin-top: 32px;
  }
}