/* NEXT RISE ARC v1.18.1 — breathing room / alternating service sections.
   This stylesheet is intentionally limited to section wrappers. Existing page
   structure, images, typography, CTA priority and WP editor selectors remain intact. */

:root {
  --nra-soft-orange: #fff5ec; /* light tint derived from #F97316 / white */
}

/* Homepage: avoid the cramped joins between distinct standalone sections.
   Do not change the hero, card-inner spacing, header or footer. */
.home #main > section.section,
.home #main > section.nra-values-visual.section,
.home #main > section.nra-process-visual {
  padding-block: clamp(92px, 7.9vw, 124px);
}
.home #main > section.process-block,
.home #main > section.pricing-block {
  padding-block: clamp(96px, 8vw, 128px);
}

/* Blog: older CSS gave the next section 0px bottom padding; restore a
   comfortable gap, including on mobile, without affecting article cards. */
.nra-blog-page > section.blog-section,
.nra-blog-page > section.blog-section + section.blog-section {
  padding-top: clamp(78px, 6.6vw, 106px);
  padding-bottom: clamp(52px, 4.6vw, 72px);
}

/* About and representative message: these previously ended almost at their
   content edge (4–12px). Leave an actual boundary before the next chapter. */
.nra-about-page > section.about-section,
.nra-about-page > section.about-section + section.about-section {
  padding-top: clamp(90px, 7.3vw, 112px);
  padding-bottom: clamp(50px, 4.6vw, 72px);
}
.nra-message-page > section.message-section,
.nra-message-page > section.message-section + section.message-section {
  padding-top: clamp(89px, 7.3vw, 112px);
  padding-bottom: clamp(47px, 4.5vw, 66px);
}

/* /service/: single full-width sections alternate white and a very light
   orange tint. The navy photo hero and the final navy CTA remain untouched. */
.nra-service-page > section.svc-section:nth-of-type(even) {
  background-color: #ffffff;
}
.nra-service-page > section.svc-section:nth-of-type(odd) {
  background-color: var(--nra-soft-orange);
}
.nra-service-page > section.svc-section,
.nra-service-page > section.svc-detail {
  padding-block: clamp(96px, 8vw, 128px);
}
.nra-service-page > section.svc-section + section.svc-section {
  border-top: 1px solid rgba(30, 41, 59, 0.07);
}
/* Keep text readable and cards distinct from the alternating section fills. */
.nra-service-page .svc-reason,
.nra-service-page .svc-finder-card,
.nra-service-page .svc-case-card {
  background-color: #ffffff;
}
.nra-service-page .svc-title,
.nra-service-page .svc-numbered-heading {
  margin-bottom: clamp(28px, 3vw, 40px);
}

@media (max-width: 980px) {
  .home #main > section.section,
  .home #main > section.nra-values-visual.section,
  .home #main > section.nra-process-visual,
  .home #main > section.process-block,
  .home #main > section.pricing-block {
    padding-block: 88px;
  }
  .nra-service-page > section.svc-section,
  .nra-service-page > section.svc-detail {
    padding-block: 86px;
  }
}
@media (max-width: 700px) {
  .home #main > section.section,
  .home #main > section.nra-values-visual.section,
  .home #main > section.nra-process-visual,
  .home #main > section.process-block,
  .home #main > section.pricing-block {
    padding-block: 76px;
  }
  .nra-blog-page > section.blog-section,
  .nra-blog-page > section.blog-section + section.blog-section {
    padding-top: 76px;
    padding-bottom: 52px;
  }
  .nra-about-page > section.about-section,
  .nra-about-page > section.about-section + section.about-section {
    padding-top: 80px;
    padding-bottom: 47px;
  }
  .nra-message-page > section.message-section,
  .nra-message-page > section.message-section + section.message-section {
    padding-top: 80px;
    padding-bottom: 46px;
  }
  .nra-service-page > section.svc-section,
  .nra-service-page > section.svc-detail {
    padding-block: 84px;
  }
  .nra-service-page .svc-title,
  .nra-service-page .svc-numbered-heading {
    margin-bottom: 30px;
  }
}