/* NTL Hero – låst profilstil. Redigerbart: tekst, bilde, malvalg. */
.ntl-hero {
	--ntl-belg: #F04E37;
	--ntl-blatime: #B0AAD4;
	--ntl-sort: #000;
	--ntl-pergament: #F2EAE0;
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	min-height: 60vh;
}
.ntl-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1425px;
	margin: 0 auto;
	padding: 5rem 90px 5.5rem;
	box-sizing: border-box;
}
.ntl-hero__text {
	position: relative;
	z-index: 2;
	max-width: 92%;
}
.ntl-hero .ntl-hero__kicker {
	margin: 0 0 0.6rem;
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
}
#ajax-content-wrap .ntl-hero .ntl-hero__title,
.ntl-hero .ntl-hero__title {
	margin: 0;
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: clamp(2.6rem, 5vw, 5rem);
	line-height: 1;
	letter-spacing: -0.01em;
	max-width: 18ch;
}
.ntl-hero .ntl-hero__lead {
	margin: 1.4rem 0 0;
	font-family: var(--ntl-serif);
	font-size: clamp(1.05rem, 1.8vw, 1.4rem);
	line-height: 1.55;
	max-width: 46ch;
}
.ntl-hero .ntl-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	padding: 1.1rem 2.4rem;
	font-family: var(--ntl-sans);
	border: none;
	border-radius: 999px;
	font-weight: 800;
	font-size: 1.125rem;
	line-height: 1;
	text-decoration: none;
	transition: filter 0.15s ease, background 0.15s ease;
}
.ntl-hero .ntl-hero__btn:hover,
.ntl-hero .ntl-hero__btn:focus {
	text-decoration: none;
	filter: brightness(1.35);
}
/* --- Bakgrunn og tekstfarger per mal --- */
.ntl-hero--belg { background: var(--ntl-belg); }
.ntl-hero--blatime { background: var(--ntl-blatime); }
.ntl-hero--sort { background: var(--ntl-sort); }
.ntl-hero--belg .ntl-hero__kicker,
.ntl-hero--belg .ntl-hero__lead { color: #000; }
.ntl-hero--belg .ntl-hero__title { color: #fff; }
.ntl-hero--belg .ntl-hero__btn { background: #000; color: #fff; }
.ntl-hero--blatime .ntl-hero__kicker,
.ntl-hero--blatime .ntl-hero__lead,
.ntl-hero--blatime .ntl-hero__title { color: #000; }
.ntl-hero--blatime .ntl-hero__btn { background: #000; color: #fff; }
.ntl-hero--sort .ntl-hero__kicker { color: var(--ntl-belg); }
.ntl-hero--sort .ntl-hero__title { color: #fff; }
.ntl-hero--sort .ntl-hero__lead { color: var(--ntl-pergament); }
.ntl-hero--sort .ntl-hero__btn { background: var(--ntl-belg); color: #000; }
/* --- Grafikkvariantene: dekor beskåret inn fra høyre kant --- */
.ntl-hero--grafikk .ntl-hero__media {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	line-height: 0;
}
.ntl-hero--grafikk .ntl-hero__graphic {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}
.ntl-hero--belg .ntl-hero__media {
	right: -9%;
	bottom: -11%;
	width: 54%;
}
.ntl-hero--blatime .ntl-hero__media {
	right: -13%;
	bottom: -14%;
	width: 52%;
}
.ntl-hero--sort .ntl-hero__media {
	right: -21%;
	bottom: 0;
	height: 82%;
	aspect-ratio: 203.53 / 195.48;
}

.ntl-hero--sort .ntl-hero__graphic {
	height: 100%;
	width: 100%;
}
/* --- Bildevarianten: tekst til venstre, bilde i avrundet firkant --- */
.ntl-hero--bilde .ntl-hero__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3.5rem;
	align-items: center;
}
.ntl-hero--bilde .ntl-hero__text { max-width: none; }
.ntl-hero--bilde .ntl-hero__media {
	position: relative;
	line-height: 0;
	width: 100%;
	justify-self: stretch;
}
.ntl-hero--bilde .ntl-hero__img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 5px;
}
#ajax-content-wrap .ntl-hero--bilde .ntl-hero__img,
.ntl-hero--bilde .ntl-hero__img {
	width: 100%;
	height: auto;
}

#ajax-content-wrap .ntl-hero--bilde .ntl-hero__title,
.ntl-hero--bilde .ntl-hero__title {
	font-size: clamp(2.2rem, 3.4vw, 4.4rem);
	max-width: 16ch;
}

.ntl-hero--bilde .ntl-hero__lead {
	max-width: 38ch;
}

/* --- Litt høyere hero på store skjermer --- */
@media (min-width: 1400px) {
	.ntl-hero { min-height: 70vh; }
	.ntl-hero__inner { padding: 7rem 90px 7.5rem; }
}

/* --- Sort mal: tekst skal ikke gaa inn under tangentene (14.09.2026) --- */
@media (min-width: 1000px) {
	.ntl-hero--sort .ntl-hero__text { max-width: 74%; }
}

/* --- Responsivt --- */
@media (max-width: 999px) {
	.ntl-hero { min-height: 0; }
	.ntl-hero__inner { padding: 3rem 24px 3.5rem; }
	.ntl-hero__text { max-width: 100%; }
	#ajax-content-wrap .ntl-hero .ntl-hero__title,
.ntl-hero .ntl-hero__title { max-width: 22ch; }
	.ntl-hero--grafikk .ntl-hero__media {
		position: static;
		height: auto;
		aspect-ratio: auto;
		width: 79%;
		max-width: 418px;
		margin: 2.5rem auto -6rem;
	}
	.ntl-hero--belg .ntl-hero__media {
		width: 94%;
		max-width: 520px;
	}

	.ntl-hero--grafikk .ntl-hero__graphic {
		width: 100%;
		height: auto;
	}
	.ntl-hero--bilde .ntl-hero__inner {
		grid-template-columns: 1fr;
		gap: 2.2rem;
	}
	.ntl-hero--bilde .ntl-hero__img {
		aspect-ratio: 4 / 3;
		border-radius: 24px;
	}
}