.splash {
	display: grid;
	grid-template-columns: 1fr 12rem 8fr 1fr;
	grid-template-rows: minmax(0, 1fr);

	.banner {
		grid-column: 1 / -1;
		grid-row: 1;

		img {
			display: block;
			width: 100%;
			height: calc(100% - 18px);
			object-fit: cover;
		}
	}

	.logo {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
		background-color: white;
		display: grid;
		place-content: center;
		border-radius: 0.5rem;
		padding: 1rem;

		img {
			width: 10rem;
			height: 10rem;
			object-fit: contain;
		}
	}

	.date {
		grid-column: 3;
		grid-row: 1;
		align-self: end;
		justify-self: center;
		margin: 0;

		.end-date::before { content: "– "; }
		@container (max-width: 50em) { .end-date { display: none; } }
	}

	.address {
		grid-column: 3;
		grid-row: 1;
		align-self: end;
		justify-self: end;
		margin: 0;

		.city::after { content: ","; }

		@container (max-width: 50em) {
			.country { display: none; }
			.city::after { content: none; }
		}
	}
}