.ab8-hero, .ab8-hero * {
		font-family: 'neue-haas-grotesk-text', 'Inter', system-ui, -apple-system, sans-serif !important;
		font-weight: 400 !important;
	}
	.ab8-hero {
		position: relative;
		display: block;
		padding: 64px 96px;
		overflow: hidden;
		z-index: 0; /* JA 2026-06-03: lavt stacking-nivå så burger-meny (z-index: 100+) alltid ligger over */
	}
	.ab8-hero--lys   { background: #F5F5F3; color: #1C1C1C; }
	.ab8-hero--morkt { background: #1C1C1C; color: #FFFFFF; }

	.ab8-hero__innhold {
		position: relative;
		z-index: 2;
		max-width: 400px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	/* Badge som tekst-eyebrow (ikke fylt boks) — Polestar-mønster (JA 2026-05-29) */
	.ab8-hero__badge {
		display: inline-block;
		font-size: var(--ab8-fs-liten, 13px);
		line-height: 15px;
		color: inherit;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		margin-bottom: -4px;
	}

	.ab8-hero__tittel {
		margin: 0;
		font-size: var(--ab8-fs-sdl, 25px);
		line-height: 27px;
		letter-spacing: -0.05em;
		color: inherit;
	}
	.ab8-hero__ingress {
		margin: 0;
		font-size: var(--ab8-fs-liten, 13px);
		line-height: 15px;
		letter-spacing: -0.02em;
		color: inherit;
		max-width: 520px;
	}

	.ab8-hero__cta-rad {
		display: flex;
		gap: 32px;
		flex-wrap: wrap;
		margin-top: 16px;
	}

	/* v2.3 CTA-spec */
	.ab8-hero__cta {
		display: inline-block;
		padding: 8px 20px;
		border-radius: 999px;
		font-size: var(--ab8-fs-liten, 13px);
		line-height: 15px;
		letter-spacing: -0.02em;
		text-decoration: none !important;
		transition: filter .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
	}
	.ab8-hero__cta--primary {
		background: #0096D6;
		color: #FFFFFF !important;
		border: 0;
	}
	.ab8-hero__cta--primary:hover { filter: brightness(.92); }
	.ab8-hero__cta--secondary {
		background: transparent;
		color: #0096D6 !important;
		border: 1px solid #0096D6;
	}
	.ab8-hero--morkt .ab8-hero__cta--secondary {
		color: #0096D6 !important;
		border-color: #0096D6;
	}
	.ab8-hero__cta--tertiary {
		padding: 10px 0;
		color: #0096D6 !important;
		background: transparent;
		border: 0;
		transition: color .15s ease;
	}
	.ab8-hero--morkt .ab8-hero__cta--tertiary {
		color: #FFFFFF !important;
	}
	.ab8-hero__cta-chev {
		display: inline-block;
		margin-left: 6px;
		font-weight: 400;
		font-size: 1.4em;
		line-height: 1;
		vertical-align: -0.06em;
	}
	@media (hover: hover) {
		.ab8-hero__cta--tertiary:hover { color: #0072A3 !important; text-decoration: none !important; }
		.ab8-hero--morkt .ab8-hero__cta--tertiary:hover { color: rgba(255,255,255,0.7) !important; }
	}

	/* Media positions */
	.ab8-hero__media {
		position: relative;
		z-index: 2;
		margin-top: 32px;
		display: block;
	}
	.ab8-hero__media .ab8-hero__bilde,
	.ab8-hero__media .ab8-hero__video {
		width: 100%;
		display: block;
		border-radius: 4px;
	}

	.ab8-hero--media-bak .ab8-hero__media-bak {
		position: absolute;
		inset: 0;
		z-index: 0;
	}
	.ab8-hero--media-bak .ab8-hero__bilde,
	.ab8-hero--media-bak .ab8-hero__video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.ab8-hero--media-bak .ab8-hero__overlegg {
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, rgba(0,0,0,.55), rgba(0,0,0,.15));
		z-index: 1;
	}
	.ab8-hero--media-bak.ab8-hero--lys .ab8-hero__overlegg {
		background: linear-gradient(to right, rgba(245,245,243,.85), rgba(245,245,243,.1));
	}
	.ab8-hero--media-bak.ab8-hero--morkt { color: #FFFFFF; }
	.ab8-hero--media-bak {
		min-height: 70vh;
		display: flex;
		align-items: flex-end;
		padding-bottom: 20vh;
	}

	/* Responsive */
	@media (max-width: 1024px) {
		.ab8-hero { padding: 48px 40px; }
	}
	@media (max-width: 600px) {
		.ab8-hero { padding: 32px 20px; }
		.ab8-hero--media-bak { min-height: 100vh; }
	}