.epic-showcase {
	padding: 5rem 0;
	background: var(--epic-bg);
	color: var(--epic-white);
	font-family: var(--epic-font);
	overflow: hidden;
}

.epic-showcase__stage {
	position: relative;
	min-height: 28rem;
	overflow: visible;
}

.epic-showcase__heading {
	position: relative;
	z-index: 2;
	color: #bf3d29;
	text-align: left;
	letter-spacing: -5px;
}

.epic-showcase__orbit {
	position: absolute;
	inset: 0;
}

.epic-showcase__photo {
	position: absolute;
	margin: 0;
	will-change: transform;
}

.epic-showcase__photo img {
	display: block;
	width: 100%;
}

.epic-showcase__photo--1 {
	top: 14%;
	left: -26%;
	width: 722px;
	height: auto;
}

.epic-showcase__photo--2 {
	top: -22%;
	right: 0%;
	width: 537px;
	height: auto;
}

.epic-showcase__photo--3 {
	bottom: 0%;
	right: 10%;
	width: 320px;
	height: auto;
}

.epic-showcase__photo--4 {
	bottom: -43%;
	right: 14%;
	width: 534px;
	height: auto;
}

.epic-showcase__photo--5 {
	bottom: -50%;
	left: -22%;
	width: 472px;
	height: auto;
}

@media (max-width: 1200px) {
	.epic-showcase__heading.h1 {
		font-size: clamp(40px, 8.125vw, 117px);
		letter-spacing: -0.043em;
	}
}

@media (max-width: 1100px) {
	/* Tablet: 1 left, 2 top-right, 3 bottom — hide heavy bottom orbit (4, 5) */
	.epic-showcase__photo--4,
	.epic-showcase__photo--5 {
		display: none;
	}

	.epic-showcase {
		padding-bottom: clamp(7rem, calc(220 / 1440 * 100vw), 11rem);
	}

	.epic-showcase__stage {
		min-height: clamp(22rem, calc(560 / 1440 * 100vw), 32rem);
	}

	.epic-showcase__heading {
		max-width: 78%;
	}

	.epic-showcase__photo--1 {
		top: 14%;
		left: -26%;
		right: auto;
		bottom: auto;
		width: 75vw;
		z-index: 1;
	}

	.epic-showcase__photo--2 {
		top: -18%;
		right: -6%;
		left: auto;
		bottom: auto;
		width: calc(537 / 1440 * 100vw);
		z-index: 1;
	}

	.epic-showcase__photo--3 {
		display: block;
		top: auto;
		bottom: -18%;
		right: 8%;
		left: auto;
		width: 41vw;
		z-index: 1;
	}
}

@media (max-width: 550px) {
	.epic-showcase {
		padding-bottom: 0;
	}

	.epic-showcase__stage {
		min-height: clamp(24rem, 92vw, 30rem);
	}

	.epic-showcase__heading {
		max-width: 88%;
	}

	/* Mobile: 1440-style scatter — same % anchors, fixed widths */
	.epic-showcase__photo--1 {
		top: 14%;
		left: auto;
		right: 71%;
		bottom: auto;
		width: 462px;
		height: auto;
	}

	.epic-showcase__photo--2 {
		display: block;
		top: -22%;
		right: 0%;
		left: auto;
		bottom: auto;
		width: 237px;
		height: auto;
	}

	.epic-showcase__photo--3 {
		top: auto;
		bottom: 0%;
		right: 10%;
		left: auto;
		width: 220px;
		height: auto;
	}
}

/* Room for photos 4/5 hanging below the orbit (desktop only) */
@media (min-width: 1101px) and (max-width: 1600px) {
	.epic-showcase {
		padding-bottom: 20rem;
	}
}

/* Large desktop only — does not affect 1440 and below */
@media (min-width: 1601px) {
	.epic-showcase {
		padding: clamp(6rem, 8vw, 9rem) 0 clamp(7rem, 10vw, 11rem);
	}

	.epic-showcase__stage {
		min-height: clamp(52rem, 88vh, 62rem);
	}

	.epic-showcase__heading {
		z-index: 10;
	}

	.epic-showcase__orbit {
		width: 100vw;
		left: 50%;
		right: auto;
		margin-left: -50vw;
	}

	.epic-showcase__photo--1 {
		top: -7%;
		left: 3vw;
		z-index: 2;
		width: min(56vw, 900px);
	}

	.epic-showcase__photo--2 {
		top: -2%;
		right: 4vw;
		left: auto;
		z-index: 9;
		width: min(42vw, 680px);
	}

	.epic-showcase__photo--3 {
		top: 50%;
		bottom: auto;
		right: 3vw;
		z-index: 3;
		width: min(26vw, 420px);
	}

	.epic-showcase__photo--4 {
		bottom: 4%;
		right: 19vw;
		z-index: 9;
		width: min(40vw, 650px);
	}

	.epic-showcase__photo--5 {
		bottom: 9%;
		left: -12vw;
		right: auto;
		z-index: 9;
		width: min(34vw, 560px);
	}
}
