/*
 * Shared vertical rhythm for public page sections.
 * Loaded after page styles so every template uses the same tighter spacing
 * without changing component/card padding or horizontal gutters.
 */
/* Generic WordPress pages and fallback page sections. */
.page-hero {
  padding-block: clamp(48px, 5.5vw, 80px);
}

.page-section,
.page-shell {
  padding-block: var(--a1a-section);
}

/* Homepage. */
body.home main > .hero {
  padding-block: 28px 64px;
}

body.home main > .section {
  padding-block: 64px;
}

body.home main > .arrival {
  padding-block: 52px;
}

body.home main > .cta {
  padding-block: 20px 72px;
}

/* About. */
.about-intro { padding-block: 56px 64px; }
.story { padding-block: 68px 72px; }
.values { padding-block: 72px; }
.experience { padding-block: 76px; }
.local { padding-block: 72px; }
.two-audiences { padding-block: 76px; }
.contact-band { padding-block: 20px 72px; }

/* Rentals directory. */
.properties-intro { padding-block: 30px 26px; }
.directory { padding-bottom: 72px; }

/* For Owners. */
.ov2-hero { padding-block: 56px 64px; }
.ov2-services { padding-block: 76px 82px; }
.ov2-insurance { padding-block: 70px; }
.ov2-evaluation { padding-block: 78px 84px; }

/* Reviews. */
.reviews-page-hero { padding-block: 56px 60px; }
.guest-stories { padding-block: 56px 72px; }
.reviews-cta { padding-block: 64px 72px; }

/* Contact. */
.contact-intro { padding-block: 56px 60px; }
.contact-next { padding-bottom: 68px; }

/* Static Property Preview. */
.property-intro { padding-block: 28px 20px; }
.gallery-wrap { padding-bottom: 18px; }
.main-content { padding-block: 44px 72px; }
.main-content .section { padding-bottom: 44px; }
.related { padding-block: 62px; }
.page-template-page-property-preview main > .cta { padding-block: 64px; }

@media (max-width: 760px) {
  :root {
    --a1a-section: 48px;
  }

  .page-hero,
  .page-section,
  .page-shell {
    padding-block: 48px;
  }

  body.home main > .hero { padding-block: 10px 48px; }
  body.home main > .section { padding-block: 46px; }
  body.home main > .arrival { padding-block: 44px; }
  body.home main > .cta { padding-block: 18px 56px; }

  .about-intro { padding-block: 32px 40px; }
  .story { padding-block: 44px 50px; }
  .values,
  .experience,
  .local,
  .two-audiences { padding-block: 52px; }
  .contact-band { padding-block: 16px 54px; }

  .properties-intro { padding-block: 20px 18px; }
  .directory { padding-bottom: 58px; }

  .ov2-hero { padding-block: 38px 46px; }
  .ov2-services { padding-block: 52px 58px; }
  .ov2-insurance { padding-block: 50px; }
  .ov2-evaluation { padding-block: 56px 62px; }

  .reviews-page-hero { padding-block: 38px 44px; }
  .guest-stories { padding-block: 52px; }
  .reviews-cta { padding-block: 50px; }

  .contact-intro { padding-block: 28px 40px; }
  .contact-next { padding-bottom: 52px; }

  .property-intro { padding-block: 18px 16px; }
  .gallery-wrap { padding-bottom: 14px; }
  .main-content { padding-block: 28px 58px; }
  .main-content .section {
    padding-bottom: 34px;
    margin-bottom: 34px;
  }
  .related { padding-block: 46px; }
  .page-template-page-property-preview main > .cta { padding-block: 46px 64px; }
}