/**
 * Black November 2026 — banner art in the content column.
 */

.vz-hero.vz-hero--banner {
	display: block;
	min-height: 0;
	line-height: 0;
	background-color: #f3f5f7;
	padding-inline: var(--page-gutter);
}

.vz-hero--banner__link,
.vz-hero--banner__art {
	display: block;
	width: 100%;
	max-width: var(--content-max-width);
	margin-inline: auto;
}

.vz-hero--banner__img {
	display: block;
	width: 100%;
	height: auto;
}

.vz-hero--banner__art .vz-hero--banner__img {
	aspect-ratio: 1 / 1;
}

@media (min-width: 700px) {
	.vz-hero--banner__art .vz-hero--banner__img {
		/* Art sits left in the 2500px file; crop the empty right so it centers in the column. */
		aspect-ratio: 2036 / 712;
		object-fit: cover;
		object-position: left center;
	}
}

.vz-promos--2026-black-november {
	margin-top: 2px;
}

.vz-promos--square.vz-promos--2026-black-november .vz-promos__frame {
	grid-template-rows: auto auto;
	align-content: center;
}

.vz-promos--2026-black-november .vz-promos__brand {
	color: #fff;
}

.vz-promos--2026-black-november .vz-promos__num {
	color: #d7e6f2;
}

.vz-promos--2026-black-november .vz-promos__frame::after {
	z-index: 1;
}