/* A compact shared rhythm, without changing content, grids or banner proportions. */
.section {
  padding-block: 52px;
}
.section-heading {
  margin-bottom: 26px;
}
.company {
  column-gap: 44px;
}
.about-statement {
  column-gap: 44px;
}
.approach {
  padding-block: 48px;
}
.approach-grid {
  gap: 48px;
}
.ambition-heading {
  gap: 32px;
  margin-bottom: 26px;
}
.method-card {
  padding: 24px 22px;
}
.method-card > svg,
.method-card > i,
.method-card > .section-icon {
  margin-bottom: 22px;
}
.unified-services {
  gap: 36px;
  padding-top: 20px;
}
.service-jumps {
  margin-bottom: 18px;
}
.unified-capability {
  padding: 22px 20px;
  min-height: 0;
}
.unified-capability h3 {
  margin-top: 16px;
}
.journey article {
  padding: 23px;
}
.journey > article > svg,
.journey > article > i,
.journey > article > .process-icon {
  margin-bottom: 20px;
}
.capabilities {
  padding: 28px 32px;
}
.capabilities h2 {
  margin-bottom: 22px;
}
.closing {
  margin-block: 40px;
  padding-block: 32px;
}
.contact-layout {
  margin-bottom: 44px;
  column-gap: 36px;
}
.brief-guide {
  padding-block: 22px;
}
.footer {
  padding-top: 38px;
}
.footer-main {
  padding-bottom: 32px;
}
.footer-bottom {
  padding-bottom: 0;
}
@media (max-width: 850px) {
  .section {
    padding-block: 42px;
  }
  .company,
  .about-statement {
    column-gap: 30px;
  }
  .approach-grid {
    gap: 28px;
  }
  .contact-layout {
    column-gap: 24px;
  }
  .unified-services {
    gap: 30px;
  }
}
@media (max-width: 650px) {
  .section {
    padding-block: 32px;
  }
  .section-heading,
  .ambition-heading {
    margin-bottom: 22px;
  }
  .company {
    gap: 24px;
  }
  .about-statement {
    gap: 20px;
  }
  .approach {
    padding-block: 32px;
  }
  .approach-grid {
    gap: 24px;
  }
  .method-card {
    padding: 20px 18px;
  }
  .method-card > svg,
  .method-card > i,
  .method-card > .section-icon {
    margin-bottom: 18px;
  }
  .unified-services {
    gap: 28px;
    padding-top: 16px;
  }
  .unified-capability {
    padding: 20px 18px;
  }
  .journey article {
    padding: 21px;
  }
  .capabilities {
    padding: 24px;
  }
  .closing {
    margin-block: 30px;
    padding: 26px 25px;
  }
  .contact-layout {
    gap: 4px;
    margin-bottom: 30px;
  }
  .brief-guide {
    padding-block: 22px;
  }
  .footer {
    padding-top: 30px;
  }
  .footer-main {
    row-gap: 24px;
    padding-bottom: 26px;
  }
  .footer-bottom {
    padding-bottom: 0;
  }
}