/* Pryzmo V16: section-spacing refinement and explicit HD Homepage hero image.
   Desktop content rhythm = 64-72px; mobile = 48px.
   Exceptions: hero, small trust strip, illustrations and cards retain their own layout.
   Content, forms, copy, themes and imagery outside Homepage hero unchanged. */

/* HOMEPAGE — raise underspaced content bands, retain compact trust strip */
.page-home .how-section,
.page-home .resident-section,
.page-home .communities-section,
.page-home .proof-section {padding-top:64px;padding-bottom:64px;}

/* FEATURES — breathing room for distinct feature families */
.page-features .more-section,
.page-features .workflows,
.page-features .roles,
.page-features .cta {padding-top:64px;padding-bottom:64px;}

/* RESIDENTS — retain editorial layouts but unify section boundaries */
.page-residents .ease,
.page-residents .lifestyles,
.page-residents .assurance,
.page-residents .invite {padding-top:68px;padding-bottom:68px;}

/* COMMUNITIES — avoid alternating 71–88px gaps */
.page-communities .challenge,
.page-communities .compare,
.page-communities .governance,
.page-communities .roles,
.page-communities .continuity,
.page-communities .community-types,
.page-communities .journey,
.page-communities .cta {padding-top:68px;padding-bottom:68px;}

/* ABOUT US — former 94–112px gaps read too spread out next to Homepage */
.page-about .about-page .about-why,
.page-about .about-page .about-principles,
.page-about .about-page .about-people,
.page-about .about-page .about-belief,
.page-about .about-page .about-approach,
.page-about .about-page .about-local,
.page-about .about-page .about-invite {padding-top:76px;padding-bottom:76px;}

/* HOMEPAGE HERO — the actual crisp image is an explicit, individually scalable SVG.
   The sharp architectural picture replaces the earlier, soft baked-in phone JPG.
   The older JPG is retained only in the already-approved lower CTA background. */
.page-home .hero-scene {
  background-image:url('assets/hero-community-buildings.webp');
  background-size:cover;
  background-position:center 49%;
  background-repeat:no-repeat;
}
.page-home .hero-phone-visual {
  position:absolute;
  display:block;
  top:50%;left:38%;height:101%;width:auto;
  transform:translate(-50%,-50%);
  object-fit:contain;
  max-width:none;
  filter:drop-shadow(0 8px 10px rgba(15,42,72,.16));
}
@media(max-width:930px) {
  .page-home .hero-phone-visual{height:96%;left:40%;}
}
@media(max-width:700px) {
  .page-home .how-section,
  .page-home .resident-section,
  .page-home .communities-section,
  .page-home .proof-section,
  .page-features .more-section,
  .page-features .workflows,
  .page-features .roles,
  .page-features .cta,
  .page-residents .ease,
  .page-residents .lifestyles,
  .page-residents .assurance,
  .page-residents .invite,
  .page-communities .challenge,
  .page-communities .compare,
  .page-communities .governance,
  .page-communities .roles,
  .page-communities .continuity,
  .page-communities .community-types,
  .page-communities .journey,
  .page-communities .cta,
  .page-about .about-page .about-why,
  .page-about .about-page .about-principles,
  .page-about .about-page .about-people,
  .page-about .about-page .about-belief,
  .page-about .about-page .about-approach,
  .page-about .about-page .about-local,
  .page-about .about-page .about-invite
  {padding-top:48px;padding-bottom:48px;}
  .page-home .hero-phone-visual{top:50%;left:50%;height:97%;}
}