/*
 * The closing call to action (template-parts/closer.php): video behind a dark panel.
 */

.closer {
	position: relative;
	overflow: hidden;
	padding: clamp(80px, 10vw, 140px) var(--gutter);
	background: var(--dark);
	color: var(--paper);
	text-align: center;
}
.closer-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.closer::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 72% 60% at center, rgb(61 49 40) 0%, rgba(15, 10, 6, .72) 35%, rgba(15, 10, 6, .45) 70%, rgba(15, 10, 6, .2) 100%);
	pointer-events: none;
}
.closer-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.closer .eyebrow { display: block; margin-bottom: 22px; }
.closer h2 { font-size: var(--fs-h1); line-height: 1.05; margin-bottom: 20px; }
.closer p { font-size: var(--fs-body); line-height: 1.7; max-width: 48ch; margin: 0 auto 32px; }
.closer .btn-row { justify-content: center; }