/**
 * =============================================================================
 * HOMEPAGE FEATURE VARIATION — SHARED STYLES (style.css)
 * =============================================================================
 *
 * Loaded on editor AND front end via homepage-feature.php (enqueue_block_assets).
 * Targets .pcg-media-text--featured-homepage (pcgVariation on core/media-text).
 *
 * GOALS:
 *   Typography in the content column (serif headline, sans body)
 *   Rounded corner treatment on the media image
 *   Earlier mobile stack breakpoint (1099px) than core default
 */
.pcg-media-text--featured-homepage {
  gap:var(--sm-gap) var(--lg-gap);
}
.wp-block-media-text.alignwide.pcg-media-text--featured-homepage .wp-block-media-text__content {
	max-width: 100%;
	z-index: 1;
}
.wp-block-media-text.pcg-media-text--featured-homepage .wp-block-media-text__content > * {
	font-family: var(--pcg-sans-serif);
	font-size:1.2em;
}
.pcg-media-text--featured-homepage.wp-block-media-text .wp-block-media-text__content h2 {
	font-family: var(--pcg-serif) !important;
	font-weight: 400;
	font-size: clamp(2.5rem, 1.8864rem + 2.7273vw, 3.75rem);
}
.pcg-media-text--featured-homepage .wp-block-media-text__media img {
	border-radius:4em 0 0;
}
.has-media-on-the-right.wp-block-media-text.pcg-media-text--featured-homepage .wp-block-media-text__media img {
	border-radius:0 4em 0 0;
}
.wp-block-media-text.pcg-media-text--featured-homepage .wp-block-media-text__content > *:not(h2, .pcg-button) {
  font-size:1em;
}
.pcg-media-text--featured-homepage.wp-block-media-text .wp-block-media-text__content a.pcg-button {
  margin-top:var(--sm-gap);
}
@media (max-width: 1099px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
      margin-top:var(--md-gap);
      grid-column: 1 / -1;
      grid-row: 2;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
      grid-column: 1 / -1;
      grid-row: 1;
    }
}