/* ========================================================================== 
   REALPRO Studios — Home Spacing V13 (visible final override)
   This stylesheet is intentionally loaded after the consolidated bundle.
   It creates clearly perceptible premium vertical breathing on the Home page
   while preserving the approved Hero typography and allowing all content to
   grow naturally on phones, tablets, short laptops, desktops, 4K and 8K.
   ========================================================================== */

html body.rp-page-index.rp-home-spacing-v13 {
  --rp-home-v13-top: clamp(148px, 14svh, 196px);
  --rp-home-v13-bottom: clamp(172px, 16svh, 226px);
  --rp-home-v13-feature-top: clamp(136px, 13svh, 182px);
  --rp-home-v13-feature-bottom: clamp(158px, 15svh, 210px);
  --rp-home-v13-heading-gap: clamp(58px, 5.5vw, 92px);
  --rp-home-v13-copy-gap: clamp(30px, 2.8vw, 46px);
  --rp-home-v13-action-gap: clamp(44px, 4vw, 68px);
}

/* The approved first Hero remains untouched. Every chapter below it receives
   a substantial, clearly visible top and bottom breathing area. */
html body.rp-page-index.rp-home-spacing-v13 main#main > :is(
  .services.rp-services-showcase,
  .approach,
  .testimonials
) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: max(900px, 100svh) !important;
  padding-top: var(--rp-home-v13-top) !important;
  padding-bottom: var(--rp-home-v13-bottom) !important;
  overflow: visible !important;
}

html body.rp-page-index.rp-home-spacing-v13 main#main > .reel {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: max(760px, 94svh) !important;
  padding-top: var(--rp-home-v13-feature-top) !important;
  padding-bottom: var(--rp-home-v13-feature-bottom) !important;
  overflow: hidden !important;
}

html body.rp-page-index.rp-home-spacing-v13 main#main > .final-cta {
  box-sizing: border-box !important;
  height: auto !important;
  max-height: none !important;
  min-height: max(700px, 84svh) !important;
  padding-top: var(--rp-home-v13-feature-top) !important;
  padding-bottom: var(--rp-home-v13-feature-bottom) !important;
  overflow: hidden !important;
}

/* Full Services: clear breathing below title/legend and below the carousel. */
html body.rp-page-index.rp-home-spacing-v13 .rp-services-heading {
  margin-bottom: var(--rp-home-v13-heading-gap) !important;
  row-gap: var(--rp-home-v13-copy-gap) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .rp-services-heading h2 {
  margin-bottom: 0 !important;
}

html body.rp-page-index.rp-home-spacing-v13 .rp-services-heading > p {
  margin-top: 0 !important;
  margin-bottom: clamp(8px, 1vw, 18px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .rp-service-viewport {
  padding-top: clamp(20px, 2.2svh, 34px) !important;
  padding-bottom: clamp(40px, 4.5svh, 68px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .rp-carousel-controls {
  margin-top: clamp(38px, 4vw, 64px) !important;
  padding-bottom: clamp(16px, 1.8vw, 30px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .rp-services-all {
  margin-top: clamp(22px, 2.4vw, 38px) !important;
}

/* Cinematic Reel: more distance below kicker, title and supporting copy. */
html body.rp-page-index.rp-home-spacing-v13 .reel-content .kicker,
html body.rp-page-index.rp-home-spacing-v13 .approach-copy .kicker,
html body.rp-page-index.rp-home-spacing-v13 .testimonials .kicker,
html body.rp-page-index.rp-home-spacing-v13 .final-cta-content .kicker {
  margin-bottom: clamp(28px, 2.8vw, 44px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .reel-content h2,
html body.rp-page-index.rp-home-spacing-v13 .approach-copy h2,
html body.rp-page-index.rp-home-spacing-v13 .testimonials h2,
html body.rp-page-index.rp-home-spacing-v13 .final-cta-content h2 {
  margin-top: 0 !important;
  margin-bottom: clamp(34px, 3.4vw, 54px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .reel-content > p:not(.kicker),
html body.rp-page-index.rp-home-spacing-v13 .approach-copy > p:not(.kicker),
html body.rp-page-index.rp-home-spacing-v13 .final-cta-content > p:not(.kicker) {
  margin-top: 0 !important;
  margin-bottom: var(--rp-home-v13-action-gap) !important;
}

/* Approach: explicit breathing between introduction, steps and final link. */
html body.rp-page-index.rp-home-spacing-v13 .approach-grid {
  align-items: center !important;
}

html body.rp-page-index.rp-home-spacing-v13 .approach-copy {
  padding-block: clamp(10px, 1.4vw, 24px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .approach .steps {
  margin-top: clamp(62px, 6vw, 96px) !important;
  margin-bottom: clamp(54px, 5vw, 82px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .approach .text-link {
  display: inline-flex !important;
  margin-top: 0 !important;
  margin-bottom: clamp(10px, 1vw, 20px) !important;
}

/* Testimonials: space after heading, below cards and before the section ends. */
html body.rp-page-index.rp-home-spacing-v13 .testimonials-grid {
  align-items: center !important;
  row-gap: clamp(54px, 5vw, 84px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .testimonial-cards {
  margin-top: clamp(12px, 1.4vw, 24px) !important;
  margin-bottom: clamp(38px, 3.8vw, 62px) !important;
}

html body.rp-page-index.rp-home-spacing-v13 .testimonial-dots {
  margin-top: 0 !important;
  margin-bottom: clamp(12px, 1.4vw, 24px) !important;
}

/* Final CTA: maintain a generous visual cushion under the button. */
html body.rp-page-index.rp-home-spacing-v13 .final-cta-content .btn {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 2vw, 34px) !important;
}

/* Short notebooks: still visibly spacious. The former compact override was too
   aggressive and made the update appear unchanged. */
@media (min-width: 761px) and (max-height: 900px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: clamp(104px, 14vh, 126px);
    --rp-home-v13-bottom: clamp(124px, 17vh, 150px);
    --rp-home-v13-feature-top: clamp(96px, 13vh, 118px);
    --rp-home-v13-feature-bottom: clamp(114px, 15vh, 138px);
    --rp-home-v13-heading-gap: clamp(48px, 6vh, 64px);
    --rp-home-v13-action-gap: clamp(38px, 5vh, 54px);
  }

  html body.rp-page-index.rp-home-spacing-v13 main#main > :is(
    .services.rp-services-showcase,
    .approach,
    .testimonials,
    .reel,
    .final-cta
  ) {
    min-height: auto !important;
  }
}

/* Tablets: large editorial breathing, stacked content and no forced clipping. */
@media (max-width: 1100px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: clamp(104px, 14vw, 136px);
    --rp-home-v13-bottom: clamp(124px, 17vw, 158px);
    --rp-home-v13-feature-top: clamp(100px, 14vw, 132px);
    --rp-home-v13-feature-bottom: clamp(118px, 16vw, 152px);
    --rp-home-v13-heading-gap: clamp(44px, 7vw, 66px);
    --rp-home-v13-copy-gap: clamp(28px, 4vw, 40px);
    --rp-home-v13-action-gap: clamp(40px, 6vw, 58px);
  }

  html body.rp-page-index.rp-home-spacing-v13 main#main > :is(
    .services.rp-services-showcase,
    .approach,
    .testimonials
  ) {
    min-height: auto !important;
  }
}

/* Smartphones: the increase remains obvious while every item flows naturally. */
@media (max-width: 760px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: clamp(92px, 25vw, 116px);
    --rp-home-v13-bottom: clamp(112px, 30vw, 138px);
    --rp-home-v13-feature-top: clamp(92px, 25vw, 116px);
    --rp-home-v13-feature-bottom: clamp(108px, 29vw, 134px);
    --rp-home-v13-heading-gap: clamp(38px, 11vw, 52px);
    --rp-home-v13-copy-gap: clamp(26px, 8vw, 38px);
    --rp-home-v13-action-gap: clamp(36px, 10vw, 48px);
  }

  html body.rp-page-index.rp-home-spacing-v13 main#main > :is(
    .services.rp-services-showcase,
    .approach,
    .testimonials,
    .reel,
    .final-cta
  ) {
    min-height: auto !important;
  }

  html body.rp-page-index.rp-home-spacing-v13 main#main > .reel {
    min-height: 86svh !important;
  }

  html body.rp-page-index.rp-home-spacing-v13 main#main > .final-cta {
    min-height: 76svh !important;
  }

  html body.rp-page-index.rp-home-spacing-v13 .rp-services-heading,
  html body.rp-page-index.rp-home-spacing-v13 .testimonials-grid {
    row-gap: var(--rp-home-v13-copy-gap) !important;
  }

  html body.rp-page-index.rp-home-spacing-v13 .approach .steps {
    margin-top: clamp(50px, 14vw, 66px) !important;
    margin-bottom: clamp(46px, 13vw, 60px) !important;
  }
}

@media (max-width: 380px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: 86px;
    --rp-home-v13-bottom: 104px;
    --rp-home-v13-feature-top: 86px;
    --rp-home-v13-feature-bottom: 102px;
  }
}

/* 4K and 8K: restrained expansion for premium scale without empty deserts. */
@media (min-width: 2560px) and (min-height: 1300px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: 210px;
    --rp-home-v13-bottom: 250px;
    --rp-home-v13-feature-top: 196px;
    --rp-home-v13-feature-bottom: 232px;
    --rp-home-v13-heading-gap: 104px;
    --rp-home-v13-action-gap: 76px;
  }
}

@media (min-width: 3840px) and (min-height: 1800px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: 250px;
    --rp-home-v13-bottom: 296px;
    --rp-home-v13-feature-top: 232px;
    --rp-home-v13-feature-bottom: 276px;
    --rp-home-v13-heading-gap: 124px;
    --rp-home-v13-action-gap: 90px;
  }
}

@media (min-width: 6000px) and (min-height: 2800px) {
  html body.rp-page-index.rp-home-spacing-v13 {
    --rp-home-v13-top: 292px;
    --rp-home-v13-bottom: 344px;
    --rp-home-v13-feature-top: 270px;
    --rp-home-v13-feature-bottom: 320px;
    --rp-home-v13-heading-gap: 144px;
  }
}