/* S&C Hero */
.sc-hero {
	display: flex;
	align-items: center;
	min-height: clamp(520px, 50vw, 720px);
	overflow: hidden;
	isolation: isolate;
	padding-block: clamp(40px, 6vw, 80px);
}

.sc-hero__bg { position: absolute; inset: 0; z-index: -1; }
.sc-hero__bg picture, .sc-hero__bg img { width: 100%; height: 100%; }
.sc-hero__bg img { object-fit: cover; object-position: center center; }
.sc-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(247, 212, 230, .55) 0%, rgba(247, 212, 230, .25) 45%, rgba(247, 212, 230, 0) 70%);
}

.sc-hero__inner { position: relative; }
.sc-hero__content { max-width: 600px; }

.sc-hero__icon { --sc-icon-size: 48px; width: var(--sc-icon-size); height: auto; margin-bottom: 14px; }

.sc-hero__title {
	margin: 0 0 22px;
	font-size: clamp(36px, 4.6vw, 66px);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.015em;
}

.sc-hero__text { max-width: 540px; margin: 0 0 clamp(28px, 4vw, 52px); }

.sc-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.sc-hero__buttons .sc-btn { min-height: 52px; }
.sc-hero__btn1 { min-width: min(100%, 274px); }
.sc-hero__btn2 { min-width: min(100%, 244px); }

@media (max-width: 767px) {
	.sc-hero { align-items: flex-end; min-height: 150vw; padding-block: 24px 28px; }
	.sc-hero__overlay {
		background: linear-gradient(180deg, rgba(247, 212, 230, 0) 30%, rgba(247, 212, 230, .85) 62%, rgba(247, 212, 230, .95) 100%);
	}
	.sc-hero__icon { --sc-icon-size: 32px; }
	.sc-hero__title { margin-bottom: 16px; }
	.sc-hero__text { margin-bottom: 20px; }
	.sc-hero__buttons { flex-direction: column; gap: 8px; }
	.sc-hero__buttons .sc-btn { width: 100%; min-height: 44px; }
}
