/* Block: Hero. Figma: Home 1:23-1:26 */

.section--hero { --pt: clamp(56px, 12.24vw, 235px); }

.hero__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 44.95vw) minmax(0, 1fr);
	align-items: center;
	gap: 24px;
}

.hero__title { grid-column: 1; }

.hero__text {
	grid-column: 2;
	max-width: 863px;
	margin-inline: auto;
	color: var(--c-ink-3);
	text-align: center;
}

.hero__aside {
	grid-column: 3;
	text-align: right;
}

.hero__aside span { display: block; }
.hero__aside-text { color: var(--c-ink-3); }

.hero__media {
	margin-top: clamp(28px, 3.39vw, 65px);
	aspect-ratio: 1888 / 990;
}

@media (max-width: 1024px) {
	.hero__head {
		grid-template-columns: 1fr 1fr;
		align-items: end;
		gap: 28px 24px;
	}

	.hero__title { grid-column: 1 / -1; }

	.hero__text {
		grid-column: 1;
		margin: 0;
		text-align: left;
	}

	.hero__aside { grid-column: 2; }
}

@media (max-width: 600px) {
	.hero__head { grid-template-columns: 1fr; }

	.hero__text,
	.hero__aside {
		grid-column: 1;
		text-align: left;
	}

	.hero__media { aspect-ratio: 4 / 3; }
}