.hero-section__heading {
	font-size: clamp(28px, 5vw, 80px);
	line-height: 1;
}

.hero-section__line--1 {
	margin-left: calc(var(--hero-char) * 3);
}

.hero-section__line--2 {
	margin-left: 0;
}

.hero-section__line--3 {
	margin-left: calc(var(--hero-char) * 3);
}

.hero-section__subtitle {
	max-width: none;
	margin-top: clamp(14px, 1.8vw, 24px);
	font-size: clamp(15px, 1.4vw, 20px);
	font-weight: 400;
	color: var(--white);
}

.hero-section__btn {
	margin-top: clamp(24px, 2.6vw, 36px);
}

@media (min-width: 768px) {
	.hero-section__portfolio-link,
	.hero-section__portfolio-glass {
		top: 50%;
		left: 79%;
	}
}

@media (max-width: 767px) {
	.hero-section__heading {
		font-size: 6.4vw;
	}

	.hero-section__line--1,
	.hero-section__line--3 {
		margin-left: var(--hero-char);
	}

	.hero-section__portfolio-link {
		top: auto;
		left: auto;
	}

	.hero-section__subtitle {
		font-size: 16px;
	}
}

/* Мобильные: шар не должен выступать за правый край — иначе страница шире экрана */
@media (max-width: 767px) {
	.hero-section__sphere {
		right: 0;
	}
}