/* Laptop (1024–1279px) keeps the desktop side-by-side composition. The home
   controller still owns one scene below 1280px; promote that existing scene
   to the left column rather than changing global/JS responsive breakpoints.
   Artwork and orbit keep the desktop 43vw : 37vw scale within their column. */
@media (min-width: 1024px) and (max-width: 1279px) {
	body.is-irandesigner-home [data-home-hero-slider] > .home-hero-responsive-layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 1.5rem;
		align-items: center;
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-responsive-layout > .home-hero-copy,
	body.is-irandesigner-home [data-home-hero-slider] .home-hero-responsive-layout > .home-hero-mobile-showcase {
		min-width: 0;
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-responsive-layout > .home-hero-mobile-showcase {
		height: clamp(26rem, 35vw, 28rem);
		margin-top: 0;
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-mobile-showcase .home-hero-art-card {
		width: min(43vw, 100%);
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-mobile-showcase .home-hero-tech-orbit {
		width: min(37vw, 86%);
		/* Lift the ring 6.5% of its own height, preserving the existing bottom
		   fade so it finishes above the pedestal like the large desktop scene. */
		transform: translate(-50%, -46.5%);
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-copy > .home-hero-cta-group {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	body.is-irandesigner-home [data-home-hero-slider] .home-hero-copy > .home-hero-cta-group > a {
		width: 100%;
		margin-inline: 0;
		padding-inline: 1rem;
	}
}