/* Image hero section. */
.ph-section--image-hero { padding: 0 !important; }

.ph-hero {
	display: flex;
	align-items: center;
	justify-content: var(--sec-align, flex-start);
	min-height: var(--hero-h, 520px);
	padding-block: 60px;
}

.ph-hero__content { max-width: var(--hero-content-w, 55%); }

.ph-hero__eyebrow {
	margin: 0 0 10px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.85;
}

/* The hero heading inherits the section text colour rather than the global heading
   colour, or a dark hero renders a near-black headline on top of a photo. */
.ph-hero__heading {
	margin: 0 0 16px;
	font-size: var(--hero-heading, 52px);
	color: inherit !important;
}

.ph-hero__body {
	margin: 0 0 26px;
	max-width: 56ch;
	font-size: 1.08rem;
	opacity: 0.92;
}

.ph-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; }

.ph-hero__trust {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 22px 0 0;
	font-size: 0.82rem;
	opacity: 0.8;
}

@media (max-width: 749px) {
	.ph-hero { min-height: var(--hero-h-m, 420px); }
	.ph-hero__content { max-width: 100%; }
	.ph-hero__heading { font-size: var(--hero-heading-m, 34px); }
	.ph-hero__buttons .ph-btn { flex: 1; }
}
