@media (max-width: 1200px) {
	.compare-copy__headline {
		left: 17%;
		width: min(64vw, 720px);
	}

	.compare-copy__body {
		left: 17.2%;
		top: 55%;
	}

	.compare-product-stage {
		right: 9%;
	}

	.compare-card {
		flex-basis: calc((100% - 1rem) / 2);
	}
}

@media (max-width: 900px) {
	.compare-screen {
		grid-template-rows: auto auto auto;
		padding: 1.25rem;
	}

	.compare-topbar {
		grid-template-columns: 1fr;
		justify-items: start;
	}

	.compare-topbar__group--right,
	.compare-brand {
		justify-self: start;
	}

	.compare-menu {
		left: 1.25rem;
		top: 8.8rem;
	}

	.compare-copy__headline,
	.compare-copy__body,
	.compare-chip,
	.compare-media,
	.compare-product-stage,
	.compare-cta,
	.compare-orbit {
		position: static;
	}

	.compare-copy__headline,
	.compare-copy__body {
		width: auto;
	}

	.compare-copy__headline {
		margin-top: 1.2rem;
	}

	.compare-copy__headline h1 {
		font-size: clamp(3.4rem, 15vw, 5.4rem);
	}

	.compare-copy__body {
		margin-top: 1rem;
		max-width: 30rem;
	}

	.compare-screen {
		align-items: start;
		display: grid;
		gap: 1rem;
	}

	.compare-media--hand,
	.compare-media--portrait,
	.compare-product-stage__frame {
		width: 100%;
	}

	.compare-media--hand,
	.compare-media--portrait {
		height: 220px;
	}

	.compare-product-stage {
		width: 100%;
	}

	.compare-product-stage__frame {
		height: 260px;
	}

	.compare-cta {
		position: static;
		width: 100%;
	}

	.compare-carousel__viewport {
		max-width: 100%;
	}

	.compare-card {
		flex-basis: 86%;
	}
}