/* W3 · Infraschall-Wellen */
.suritec.suritec-ifs {
	background: var(--suritec-bg);
}

.suritec-ifs__sticky {
	display: grid;
	place-items: center;
}

.suritec-ifs__ring {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70vmin;
	height: 70vmin;
	border-radius: 50%;
	border: 1px solid var(--suritec-primary);
	transform: translate(-50%, -50%) scale(max(0, var(--p, 0) * 2.6 - var(--k, 0) * .45));
	opacity: clamp(0, var(--o0, 1) - var(--p, 0) * 1.2, 1);
	pointer-events: none;
}

.suritec-ifs__dot {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--suritec-primary);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 40px 8px color-mix(in srgb, var(--suritec-primary) 50%, transparent);
}

.suritec-ifs__phase1 {
	position: relative;
	text-align: center;
	max-width: 900px;
	padding: 0 24px;
	opacity: min(clamp(0, (var(--p, 0) - .05) * 6, 1), clamp(0, (.5 - var(--p, 0)) * 6, 1));
	transform: translateY(calc((.28 - var(--p, 0)) * 120px * var(--suritec-m)));
}

.suritec .suritec-ifs__eyebrow {
	margin-bottom: 20px;
}

.suritec .suritec-ifs__title {
	font-family: var(--suritec-font-head);
	font-size: clamp(38px, 6vw, 92px);
	line-height: .98;
	font-weight: 600;
	letter-spacing: -.045em;
	text-wrap: balance;
	color: var(--suritec-text);
}

.suritec-ifs__phase2 {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 0 24px;
	opacity: clamp(0, (var(--p, 0) - .55) * 6, 1);
	transform: translateY(calc((.8 - var(--p, 0)) * 120px * var(--suritec-m)));
}

.suritec-ifs__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: clamp(24px, 5vw, 72px);
	max-width: 1040px;
	width: 100%;
	text-align: center;
}

.suritec-ifs__value {
	font-size: clamp(52px, 6.4vw, 104px);
	font-weight: 600;
	letter-spacing: -.05em;
	line-height: 1;
	white-space: nowrap;
}

.suritec-ifs__unit {
	font-size: .4em;
	white-space: pre;
	color: color-mix(in srgb, var(--suritec-text) 60%, transparent);
}

.suritec-ifs__unit--gap {
	letter-spacing: -.02em;
	margin-left: .12em;
}

.suritec-ifs__label {
	margin-top: 12px;
	font-size: 17px;
	color: var(--suritec-text-72);
}

.suritec .suritec-ifs__foot {
	position: absolute;
	bottom: 8vh;
	left: 50%;
	transform: translateX(-50%);
	width: min(620px, 90vw);
	margin: 0;
	text-align: center;
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.5;
	color: var(--suritec-text-72);
	opacity: clamp(0, (var(--p, 0) - .62) * 6, 1);
}
