/** singulary-ui/immobilien-hero — Bild-Kopf /immobilien mit Verlauf für Text- und Nav-Kontrast. */

.fyh-imhero {
	position: relative;
	display: flex;
	overflow: hidden;
	min-height: clamp( 260px, 38vh, 440px );
	border-radius: 0 0 var(--wp--custom--radius--edge, var(--wp--custom--radius--lg, 28px)) var(--wp--custom--radius--edge, var(--wp--custom--radius--lg, 28px));
	background: var(--wp--preset--color--ink);
}
.fyh-imhero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 65%; }
.fyh-imhero__scrim {
	position: absolute; inset: 0;
	background:
		linear-gradient( 180deg, rgba(10, 14, 22, .38) 0%, rgba(10, 14, 22, .08) 30%, transparent 45% ),
		linear-gradient( 0deg, rgba(10, 14, 22, .62) 0%, rgba(10, 14, 22, .2) 45%, transparent 70% );
}
.fyh-imhero__inner {
	position: relative;
	margin-top: auto;
	width: 100%;
	padding-top: 6.5rem;
	padding-bottom: clamp( 1.5rem, 3.5vw, 3rem );
	padding-left: var(--wp--custom--layout--gutter, clamp( 1.5rem, 5vw, 6rem ));
	padding-right: var(--wp--custom--layout--gutter, clamp( 1.5rem, 5vw, 6rem ));
	color: #fff;
}
.fyh-imhero__eyebrow { --sgui-rubric-margin: .6rem; --sgui-rubric-color: var(--wp--preset--color--on-dark-soft); }
.fyh-imhero__h1 { margin: 0; font-size: clamp( 1.9rem, 4vw, 2.9rem ); line-height: 1.06; font-weight: 600; letter-spacing: -.025em; color: #fff; text-shadow: var(--wp--custom--glow--title); }
.fyh-imhero__soft { color: var(--wp--preset--color--on-dark-soft); }
.fyh-imhero__sub { margin: .7rem 0 0; max-width: 40rem; font-size: .95rem; line-height: 1.55; color: rgba(255,255,255,.9); filter: var(--wp--custom--glow--soft); }