/* NavalHEAD Hero delle pagine principali */


.nh-page-hero {
	--nh-cut-left: 96%;    
	position: relative;
	isolation: isolate;
	height: clamp(22rem, 36vw, 40rem);
	overflow: hidden;
	background: #DFE6F0;
	color: #fff;
    margin-bottom: 120px;
}

/* =========================================================================
 * 
 * PROVVISORIO RIUNIONE
 * 
 * ========================================================================= */

.home .nh-page-hero {
	height: 100vh;
    margin-bottom: 0px;
}
.home .nh-page-hero h1 {
display: none
}

.home .nh-page-hero {
	animation: nh-home-kenburns 24s ease-in-out infinite alternate;
}

@keyframes nh-home-kenburns {
	from {
		transform: scale(1) translate3d(0, 0, 0);
	}
	to {
		transform: scale(1.15) translate3d(-1%, -2%, 0);
	}
}

/* =========================================================================
 * Hero con spunta
 * 
 * .nh-page-hero {
 * 	--nh-cut-left: 96%;    
 * 	--nh-cut-right: 90%;  
 * 	--nh-cut-tip-x: 40%; 
 * 	position: relative;
 * 	isolation: isolate;
 * 	height: clamp(22rem, 36vw, 40rem);
 * 	overflow: hidden;
 * 	background: #DFE6F0;
 * 	color: #fff;
 * 	clip-path: polygon(
 * 		0 0,
 * 		100% 0,
 * 		100% var(--nh-cut-right),
 * 		var(--nh-cut-tip-x) 100%,
 * 		0 var(--nh-cut-left)
 * 	);
 * 
 * }
 * ========================================================================= */




.nh-page-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 35%;
}

.nh-page-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(to top, color-mix(in srgb, var(--nh-blue) 25%, transparent) 0%, transparent 50%),
		linear-gradient(to right, color-mix(in srgb, var(--nh-blue) 25%, transparent) 0%, transparent 45%),
		linear-gradient(to bottom, color-mix(in srgb, var(--nh-blue) 25%, transparent) 0%, transparent 35%);
	pointer-events: none;
}

.page-id-35 .nh-page-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 25%;
}

.page-id-35 .nh-page-hero {
	height: clamp(25rem, 40vw, 45rem);
}


.nh-page-hero__text {
	position: absolute;
	z-index: 2;
	left: clamp(1.0rem, 4vw, 4.0rem);
	bottom: calc(100% - var(--nh-cut-left) + clamp(0.8rem, 1.8vw, 1.8rem));
	max-width: 42rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.nh-page-hero__title {
	margin: 0;
	font-size: clamp(2.2rem, 4vw, 4.0rem);
	font-weight: 700;
	line-height: 1.05;
	color: inherit;
	text-shadow: 0 1px 24px var(--nh-blue) / 0.35);
}

.nh-page-hero__subtitle {
	margin: clamp(0.75rem, 1.2vw, 1.25rem) 0 0;
	font-size: clamp(1.0625rem, 1.6vw, 1.5rem);
	line-height: 1.35;
	color: inherit;
	text-wrap: balance;
	text-shadow: 0 1px 16px rgb(var(--nh-blue) / 0.4);
}

@media (max-width: 767px) {
	.nh-page-hero {
		height: clamp(20rem, 110vw, 28rem);
		--nh-cut-left: 92%;
		--nh-cut-right: 93%;
	}
    .page-id-35 .nh-page-hero {
		height: 20rem;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.nh-page-hero__title,
	.nh-page-hero__subtitle {
		animation: nh-page-hero-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.nh-page-hero__subtitle {
		animation-delay: 0.12s;
	}

	@keyframes nh-page-hero-in {
		from { opacity: 0; translate: 0 0.75rem; }
	}
}