/*
 * Block-theme bridge. The design lives in ../../style.css, unchanged.
 * This file loads BEFORE style.css so the theme's own rules always win.
 */
.wp-block-template-part { display: contents; }

/* Footer copyright line: was three spans, now three paragraphs. */
.site-footer__meta > p { margin: 0; max-width: none; }

/* .section__intro p (style.css) also catches the eyebrow, which used to be a span. */
.section__intro p.eyebrow {
	margin: 0 0 var(--space-3);
	color: var(--color-accent);
	font-size: var(--text-eyebrow);
}

/*
 * Hero, statement and CTA photographs.
 * style.css pins these to the browser window (position: fixed) and clips them to
 * the section. In some browsers the pinned layer does not match the section, which
 * leaves a gap of bare background around the photo. Anchoring the layer to its
 * section instead makes it fill that section exactly, in every browser. The
 * doubled selectors beat the single-class rules in style.css.
 */
.section--hero-bg .hero-bg,
.statement .statement__media,
.cta-banner--media .cta-banner__media {
	position: absolute;
	inset: 0;
}

/* Generated: span/div in the classic theme, paragraph here. */
:where(p).btn-group,
:where(p).btn-group--center,
:where(p).contact-details__label,
:where(p).contact-details__value,
:where(p).entry__meta,
:where(p).eyebrow,
:where(p).hero__eyebrow,
:where(p).link-row,
:where(p).price__figure,
:where(p).price__label,
:where(p).price__note,
:where(p).site-actions,
:where(p).site-footer__label {
	max-width: none;
	margin: 0;
}