/**
 * Classic campaign pages.
 *
 * Preserves the old image-led format while owning its centering and responsive
 * behavior inside the current theme shell.
 */

body.bz-classic-landing {
	background: #07070c;
}

.bz-classic-landing-page {
	min-height: 60vh;
	padding: clamp(28px, 5vw, 72px) clamp(14px, 3vw, 32px) clamp(72px, 9vw, 132px);
}

.bz-classic-landing__content {
	width: min(1290px, 100%);
	margin-inline: auto;
	color: #f5f1e8;
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
}

.bz-classic-landing__content > :first-child {
	margin-top: 0;
}

.bz-classic-landing__content > :last-child {
	margin-bottom: 0;
}

.bz-classic-landing__content img,
.bz-classic-landing__content video,
.bz-classic-landing__content iframe {
	display: block;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}

.bz-classic-landing__content > img,
.bz-classic-landing__content > a,
.bz-classic-landing__content > p:has(img),
.bz-classic-landing__content > figure {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
}

.bz-classic-landing__content > p:not(:has(img)),
.bz-classic-landing__content > h2,
.bz-classic-landing__content > h3,
.bz-classic-landing__content > h4,
.bz-classic-landing__content > h5,
.bz-classic-landing__content > h6,
.bz-classic-landing__content > ul,
.bz-classic-landing__content > ol,
.bz-classic-landing__content > blockquote {
	width: min(800px, 100%);
	margin-inline: auto;
}

.bz-classic-landing__content a {
	color: #f7c23b;
	text-underline-offset: .2em;
}

.bz-classic-landing__content a:focus-visible {
	outline: 2px solid #f7c23b;
	outline-offset: 4px;
}

@media (max-width: 720px) {
	.bz-classic-landing-page {
		padding-inline: 10px;
	}

	.bz-classic-landing__content {
		font-size: 15px;
	}
}