.n-hero {
	position: relative;
}

.n-hero__container {
	width: 100%;
}

.n-hero__layout {
	display: grid;
	align-items: center;
	gap: var(--space-24);
}

.n-hero__content {
	order: 1;
}

.n-hero__media {
	order: 2;
}

.n-hero--homepage .n-hero__layout {
	gap: var(--space-24);
}

.n-hero--homepage .n-hero__content {
	max-width: 34rem;
}

.n-hero--collection .n-hero__layout,
.n-hero--editorial .n-hero__layout {
	gap: var(--space-24);
}

@media (min-width: 768px) {
	.n-hero__layout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	}

	.n-hero--homepage .n-hero__layout {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: var(--space-32);
	}

	.n-hero--homepage .n-hero__media {
		width: 100%;
		max-width: 36rem;
		justify-self: end;
	}

	.n-hero--collection .n-hero__layout,
	.n-hero--editorial .n-hero__layout {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
}