/*
 * Wydarzenia intro (template-parts/events/intro.php). No section mockup;
 * built from the preview docs/preview/wydarzenia_v4.png: nadtytuł, the page
 * heading on one line at 1440 and a two-line description, left-aligned. The
 * breadcrumbs above it in the preview are left out (user, 2026-10-27).
 * Narrower screens: the heading wraps (balanced); phones drop the typed
 * line break of the description.
 */

.hf-events-intro
{
	padding-block: var(--hf-space-section-block) var(--hf-space-l);
}

.hf-events-intro__eyebrow
{
	margin-bottom: var(--hf-space-s);
}

.hf-events-intro__title
{
	margin: 0 0 var(--hf-space-xs);
	font-size: var(--hf-text-page-title);
	text-wrap: balance;
}

.hf-events-intro__lead
{
	max-width: 34em;
	margin: 0;
	font-size: var(--hf-text-xl);
	line-height: 1.35;
	text-wrap: pretty;
}

/* Phones: the typed line break would leave the text ragged. */
@media (max-width: 40em)
{
	.hf-events-intro__lead br
	{
		display: none;
	}
}