/**
 * PP Hero.
 *
 * The block reuses existing global classes from build/main.css:
 *   - section.title-section > .title-container > h1.title            (title bar)
 *   - section.bg-image > .background (.bg-picture) > .content-title > h2.section-title  (hero image + on-image stat line)
 *   - .outer > .inner > .content                                     (intro paragraph, below the image)
 *   - section.buttons > .inner.button-group.not-front > a.button.w-b (CTAs; _sections.scss:181-215)
 *   - .video-button > .vid-ico                                       (optional Play Full Video button)
 *
 * The one bespoke rule below is a deliberate enhancement of the title bar for this block only.
 * The base title-section (used by landing_page / Building Here) centers the H1 via
 * `align-items:center` on .title-container, which only reads as centered for SHORT single-line
 * titles — it sets no `text-align`, so a long wrapping title left-aligns, and it has no width
 * cap. For pp-hero (whose H1 is a long location heading), we center the wrapped text and
 * contain it to 75% width. Scoped to .pp-hero-title so other title bars are unaffected.
 */
.title-section.pp-hero-title .title-container {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.title-section.pp-hero-title .title-container h1.title {
	width: 100%;
	text-align: center;
}