/* Layout hero: immagine ampia sopra, introduzione sotto. */
.duetecno-yss__hero {
	padding: 0 0 clamp(3.5rem, 8vw, 8rem);
}

.duetecno-yss__hero-image-wrap {
	width: 100%;
	background: var(--yss-navy);
}

.duetecno-yss__hero-image-wrap .duetecno-yss__image {
	max-height: min(65vw, 720px);
	margin-inline: auto;
	object-fit: contain;
}

.duetecno-yss__hero-content {
	padding-top: clamp(3rem, 7vw, 6.5rem);
}

.duetecno-yss__hero-copy {
	max-width: 50rem;
}

@media (min-width: 768px) {
	.duetecno-yss__hero-copy {
		max-width: none;
	}

	.duetecno-yss__hero-copy h1 {
		white-space: nowrap;
	}
}