/* Homepage hero — Figma 1:2 top. Sheet 1024 high; illustration 480×620 at x144/y215; text column 608 at x728/y166.
   Mobile — Figma 69:5774: text at y143, 14/21 copy, illustration 289×373 under the form, wave 69:5777 at y593. */
.hero {
	position: relative;
	overflow: hidden;
	padding-block: 135px 32px;
}
.hero__wave {
	position: absolute;
	left: -102px;
	top: 585px;
	width: 1744px;
	max-width: none;
	height: auto;
	pointer-events: none;
}
.hero__grid { position: relative; display: grid; gap: 33px; }

.hero__content { display: grid; gap: 24px; }
.hero__text { display: grid; gap: 16px; }
.hero__title { max-width: 608px; line-height: 1.125; }
.hero__lead,
.hero__note { font-size: 0.875rem; line-height: 1.5; }
.hero__lead { max-width: 504px; }
.hero__note { font-weight: 700; }

.hero__media { display: flex; justify-content: center; }
.hero__img { width: 100%; max-width: 289px; height: auto; }

@media (min-width: 768px) {
	.hero__lead,
	.hero__note { font-size: 1rem; }
	.hero__img { max-width: 360px; }
}

@media (min-width: 1024px) {
	.hero { padding-block: 166px 80px; min-height: 1000px; }
	.hero__wave { top: 593px; }
	.hero__grid {
		grid-template-columns: minmax(0, 520fr) minmax(0, 608fr);
		column-gap: clamp(48px, 7vw, 104px);
		align-items: start;
	}
	.hero__title { line-height: 1.05; }
	.hero__media { order: -1; justify-content: flex-start; padding: 49px 0 0 40px; }
	.hero__img { max-width: 480px; }
}