.splash {
	display: grid;
	grid-template-columns: 1fr 12rem 8fr;
	grid-template-rows: 1fr 12rem 1fr;

	.banner {
		grid-column: 1 / span 9;
		grid-row: 1 / span 3;

		& > img {
			width: 100%;
			max-height: 310px;
			object-fit: cover;
		}
	}

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

		& > img {
			width: 10rem;
			height: 10rem;
		}
	}
}
