.event-page__banner {
	height: clamp(180px, 21.68vw, 328px);
	overflow: hidden;
}

.event-page__banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-page__form {
	padding-top: 120px;
}

.event-page__intro {
	padding: 120px 0;
}

.event-page:not(:has(.event-page__form)) .event-page__intro {
	width: 100%;
	max-width: none;
	padding: clamp(56px, 4.9vw, 74px) var(--gutter) clamp(64px, 5.95vw, 90px);
	text-align: center;
	background: var(--c-beige);
}

.event-page__title {
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	color: var(--c-copper);
}

.event-page .event-page__link {
	gap: 3px;
	margin-top: 34px;
}

.event-page__gallery {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 297px));
	gap: 0;
	width: min(100% - 2 * var(--gutter), var(--container-contact));
	margin: 56px auto 40px;
}

.event-page__deco {
	top: -18%;
	right: -32%;
	width: 57.8%;
}

.event-page__photo {
	position: relative;
	z-index: 1;
	aspect-ratio: 1041 / 1388;
	overflow: hidden;
}

.event-page__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 860px) {
	.event-page__form,
	.event-page__intro {
		padding-top: 64px;
	}

	.event-page__intro {
		padding-bottom: 64px;
	}

	.event-page__gallery {
		grid-template-columns: 1fr;
		margin: 64px auto 88px;
	}

	.event-page__deco {
		display: none;
	}
}
