.splash {
	display: grid;
	grid-template-areas: "stage";
	aspect-ratio: 4 / 3;
}
.splash > * {
	grid-area: stage;
	margin: 0;
}
.splash > *:first-child {
  	max-width: 100%;
  	max-height: 100%;
}
.splash > *:first-child img {
  	object-fit: cover;
  	width: 100%;
  	height: 100%;
}
.splash > *:first-child img:first-child {
  	display: none;
  }
@media screen and (max-width: 30em) and (orientation: portrait) {
  .splash > *:first-child img:first-child {
  	display: block;
  }
  .splash > *:first-child img:nth-child(2) {
  	display: none;
  }
}
.splash > *:last-child {
	width: auto;
	max-height: 60%;
	margin-block-start: 7%;
}
@media screen and (max-width: 63.938em) and (orientation: portrait) {
  .splash,
  .splash > *:first-child {
  	aspect-ratio: auto;
  	width: 100%;
	height: calc(100dvh - 25dvh - var(--padding-stage) - var(--offset-navigation));
  }
}
@media screen and (max-width: 27.5em) and (orientation: portrait) {
  .splash,
  .splash > *:first-child {
  	aspect-ratio: auto;
  	width: 100%;
	height: calc(100dvh - 10dvh - var(--padding-stage) - var(--offset-navigation));
  }
  .splash > *:last-child {
	max-height: 50%;
	margin-block-start: 15%;
  }
}
.splash img {
	margin: auto;
}