/* =============================================================================
   CLB REBUILD — INTERIOR PHOTO HEROES (Rocksteady Consulting)
   Additive polish for the editorial photo heroes on About / History / Contact.
   These templates reuse the interior kit's split hero exactly as single-services.php
   does (.page-hero--split + .page-hero__inner + .page-hero__media img), so the
   geometry, radius, shadow and responsive stacking are all inherited from
   clb-interior.css and already match the rest of the rebuilt site.

   Everything here is scoped to the NEW .page-hero--photo modifier so it can never
   affect other heroes, and is purely additive (no overrides of shared rules).
   Loaded after clb-interior.css. Tokens come from clb-rebuild.css.
   ============================================================================= */

/* Soft placeholder tint behind the hero photo, with the shared corner radius, so
   the frame reads intentionally while the image decodes on slower connections.
   No overflow clipping, so the image's own box-shadow is preserved. */
.page-hero--photo .page-hero__media {
	background: var(--clb-teal-20);
	border-radius: var(--clb-radius);
}

/* Real-fact stat strip under the hero lead: a hairline divider and a little extra
   breathing room turn it into a quiet caption to the hero, consistent with the
   kit's hairline rhythm. Only stat strips inside a photo hero are affected. */
.page-hero--photo .stat-strip {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--clb-line);
}