.csc-page-visual.csc-page-visual--event-poster {
	grid-template-columns: minmax(0, 1fr) minmax(14rem, .43fr);
	min-height: clamp(18rem, 27vw, 24rem);
}

.csc-page-visual--event-poster > .csc-page-visual__images > .csc-page-visual__primary {
	inset: 0;
}

.csc-page-visual--event-poster > .csc-page-visual__caption {
	align-content: center;
	align-items: center;
	border-radius: 0;
	display: flex;
	justify-content: center;
	margin: 0;
	min-width: 0;
	padding: clamp(1rem, 2.2vw, 2rem);
	position: static;
	width: auto;
}

.csc-page-visual--event-poster .csc-event-poster {
	background: var(--csc-white, #fff);
	border: 5px solid var(--csc-white, #fff);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgb(59 33 13 / 20%);
	box-sizing: border-box;
	margin: 0;
	max-width: 100%;
}

.csc-page-visual--event-poster .csc-event-poster img {
	display: block;
	height: auto;
	max-height: 20rem;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.csc-page-visual--event-poster .csc-event-poster > a {
	display: block;
}

.csc-page-visual--event-poster .csc-event-poster:focus-within {
	outline: 3px solid var(--csc-experience-ink, #17324a);
	outline-offset: 4px;
}

.csc-page-visual--event-poster:has(> .csc-page-visual__images:not(:has(> *))) {
	grid-template-columns: minmax(0, 1fr);
}

.csc-page-visual--event-poster > .csc-page-visual__images:not(:has(> *)) {
	display: none;
}

@media (max-width: 48rem) {
	.csc-page-visual.csc-page-visual--event-poster {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.csc-page-visual--event-poster > .csc-page-visual__images {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}
}