/*
 * O nas: „Spotkajmy się na Kaszubach” (template-parts/about/meet.php). From
 * the preview docs/preview/onas.png: a band across the whole width (about
 * 403 px high at 1440) with a landscape photo, a light sky behind a short
 * line, the centred heading and the main button. A warm, light veil at the
 * top keeps the dark heading readable on any sky (the preview's sky is
 * warm and pale).
 */

.hf-about-meet
{
	position: relative;
	display: grid;
	min-height: clamp(17rem, 9rem + 18vw, 26rem);
	overflow: hidden;
	background: var(--hf-color-band-strong);
	place-items: center;
}

.hf-about-meet__media
{
	position: absolute;
	inset: 0;
}

.hf-about-meet__image
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* The top of a landscape photo: the heading on the sky, the button at
	   the far shore, as in the preview (at 22% the heading stood on the
	   trees at 1440). */
	object-position: 50% 0;
}

.hf-about-meet__media::after
{
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--hf-color-bg) 62%, transparent) 0%, color-mix(in srgb, var(--hf-color-bg) 38%, transparent) 55%, transparent 85%);
	content: "";
}

.hf-about-meet__inner
{
	position: relative;
	padding-block: var(--hf-space-section-block);
	text-align: center;
}

.hf-about-meet__title
{
	margin: 0;
	font-size: var(--hf-text-h2-m);
	text-wrap: balance;
}

.hf-about-meet__title.hf-title-rule-above::before
{
	margin-inline: auto;
}

.hf-about-meet__actions
{
	margin-top: var(--hf-space-l);
}