/* ProSa – hero med växlande ord (se prosa-ny-hero.js). Gäller bara heron med klassen pn-hero--rot. */

.prosa-ny .pn-hero--rot .pn-hero__shade {
	background:
		linear-gradient(90deg, rgba(10, 20, 14, 0.76) 0%, rgba(10, 20, 14, 0.58) 50%, rgba(10, 20, 14, 0.3) 100%),
		linear-gradient(0deg, rgba(10, 20, 14, 0.4) 0%, rgba(10, 20, 14, 0) 50%);
}
.prosa-ny .pn-hero--rot .pn-hero__bg img { object-position: center 58%; }

/* Desktop: förstorad bild förankrad till vänster så att tankarna hamnar till höger om texten. */
@media (min-width: 990px) {
	.prosa-ny .pn-hero--rot .pn-hero__bg img {
		left: 0;
		width: 126%;
		max-width: none;
		object-position: left 58%;
	}
}
/* Mobil: texten täcker hela bredden, så använd jämnare mörkläggning. */
@media (max-width: 989px) {
	.prosa-ny .pn-hero--rot .pn-hero__shade {
		background:
			linear-gradient(0deg, rgba(10, 20, 14, 0.62) 0%, rgba(10, 20, 14, 0.62) 100%);
	}
}

/* Mjuk skugga bakom beskrivningen, så att texten går att läsa även där den ligger mot de ljusare delarna av bilden. */
.prosa-ny .pn-hero--rot .pn-hero__d { text-shadow: 0 1px 12px rgba(10, 20, 14, 0.5); }

.prosa-ny .pn-hero__rot {
	margin: -6px 0 0;
	font-family: Manrope, Inter, system-ui, sans-serif;
	font-size: clamp(24px, 3.1vw, 40px);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: #fff;
}
.prosa-ny .pn-wrot {
	display: inline-grid;
	vertical-align: bottom;
	overflow: hidden;
	height: 1.25em;
	color: #9BCB4F;
}
.prosa-ny .pn-wrot .pn-w {
	grid-area: 1 / 1;
	display: block;
	opacity: 0;
	transform: translateY(80%);
	transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.5s ease;
	font-weight: inherit;
	font-style: normal;
}
.prosa-ny .pn-wrot .pn-w.is-on { opacity: 1; transform: none; }
.prosa-ny .pn-wrot .pn-w.is-off { opacity: 0; transform: translateY(-80%); }

@media (prefers-reduced-motion: reduce) {
	.prosa-ny .pn-wrot .pn-w { transition: none; }
}