:root {
  --omnix-section-space: 130px;
}

/* The about page contains several long-form sections in direct succession.
 * A slightly tighter, page-specific rhythm keeps their boundaries equally
 * weighted and avoids an oversized pause around the team grid. */
.omnix-about-page {
  --omnix-section-space: 96px;
}

/*
 * Shared vertical rhythm for all primary content sections.
 * Compact conversion strips and the overlapping orange intro remain intentionally
 * smaller because they are supporting elements rather than full content sections.
 */
body > .section:not(.orange-bgr),
.omnix-service-accordion,
.ind-services.is-duplicated-overview,
.omnix-about-team,
.omnix-contact-section,
.omnix-inner-hero,
.about-workflow,
.about-principles,
.about-team-webflow-section.section,
.faq-content-section,
.service-intro,
.service-detail-section {
  padding-top: var(--omnix-section-space) !important;
  padding-bottom: var(--omnix-section-space) !important;
}

:is(#industrial-process, #industrial-process-aligned):not(.process-scroll-sequence) {
  padding-top: var(--omnix-section-space) !important;
  padding-bottom: var(--omnix-section-space) !important;
}

@media (max-width: 991px) {
  :root {
    --omnix-section-space: 100px;
  }

  .omnix-about-page {
    --omnix-section-space: 80px;
  }
}

@media (max-width: 767px) {
  :root {
    --omnix-section-space: 80px;
  }

  .omnix-about-page {
    --omnix-section-space: 64px;
  }

  /* The desktop reveal uses a capped secondary row. On phones the cards are
   * stacked, so the row must grow naturally to keep cards, CTAs and the next
   * section in normal document flow. */
  :is(#industrial-process, #industrial-process-aligned).process-scroll-sequence.is-card-4 .ind-process-grid-secondary,
  :is(#industrial-process, #industrial-process-aligned).process-scroll-sequence.is-card-5 .ind-process-grid-secondary,
  :is(#industrial-process, #industrial-process-aligned).process-scroll-sequence.is-card-6 .ind-process-grid-secondary {
    max-height: none;
  }
}