/* =========================================================
   SHARED LAYOUT
========================================================= */

:root {
  --pia-section-space: 130px;
  --pia-section-space-mobile: 86px;
  --pia-content-wide: 1180px;
  --pia-reading-width: 760px;
}


/* SECTION RHYTHM */

.pia-story,
.pia-mission,
.pia-values,
.pia-global,
.pia-partners,
.pia-stories-feed,
.pia-related-posts,
.pia-involvement-options,
.pia-contact-section,
.pia-projects-intro,
.pia-project-block,
.pia-projects-grid,
.pia-project-impact,
.pia-projects-page .pia-final-cta,
.pia-activities-intro,
.pia-activity-block,
.pia-final-cta,
.pia-program-detail,
.pia-learning-philosophy,
.pia-programs-final-cta {
  padding-top: var(--pia-section-space);
  padding-bottom: var(--pia-section-space);
}


/* SHARED HEADINGS */

.pia-section-intro h2,
.pia-values-intro h2,
.pia-story-grid h2,
.pia-global h2,
.pia-contact-grid h2,
.pia-learning-philosophy h2 {
  text-wrap: balance;
}

.pia-page-copy h1,
.pia-programs-page-hero h1,
.pia-single-hero h1,
.pia-404-copy h1 {
  text-wrap: balance;
}


/* SHARED COPY WIDTH */

.pia-page-lead,
.pia-section-intro p,
.pia-story-grid p,
.pia-values-intro p,
.pia-program-detail-lead,
.pia-contact-grid > div:first-child > p:last-child {
  max-width: 650px;
}


/* SHARED IMAGE TREATMENT */

.pia-page-image,
.pia-activity-image,
.pia-project-image,
.pia-program-detail-media,
.pia-single-cover-image {
  border-radius: 28px;
}


/* TABLET */

@media (max-width: 1000px) {

  :root {
    --pia-section-space: 104px;
  }

}


/* MOBILE */

@media (max-width: 650px) {

  :root {
    --pia-section-space: var(--pia-section-space-mobile);
  }

}