/* Compact spacing pass */
.hero {
  min-height: 620px;
  padding-block: 56px;
}
.hero-actions { margin-top: 30px; }
.services {
  padding-top: 92px;
  padding-bottom: 92px;
}
.section-heading { margin-bottom: 42px; }
.service-grid article {
  min-height: 280px;
  padding: 30px;
}
.service-grid h3 { margin-top: 32px; }
.work-card { min-height: 540px; }
.work-visual { height: 270px; }
.process { padding: 92px 0; }
.section-heading.light { padding-bottom: 34px; }
.steps > div { padding-top: 26px; }
.steps h3 { margin-top: 42px; }
.contact { padding-block: 92px; }

@media (max-width: 850px) {
  .hero { padding-block: 42px; }
  .services,
  .works,
  .process,
  .contact {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .section-heading { margin-bottom: 34px; }
  .work-card { min-height: 500px; }
}

@media (max-width: 520px) {
  .hero { padding-block: 34px 50px; }
  .hero-copy > p { margin-bottom: 0; }
  .services,
  .works,
  .process,
  .contact {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .process .wrap { padding-top: 0; padding-bottom: 0; }
  .section-heading { margin-bottom: 28px; }
  .service-grid article {
    min-height: auto;
    padding: 24px;
  }
  .service-grid h3 { margin-top: 26px; }
  .work-card { min-height: 470px; }
  .work-visual { height: 225px; }
  .steps > div,
  .steps > div:first-child { padding: 22px 0; }
  .steps h3 { margin-top: 18px; }
}