/*
Theme Name: Natalia Eco Experience
Theme URI: https://nataliaecoexperience.com/
Author: Manufacturas Partner SL
Description: Schlankes, individuelles Block-Theme für Natalia Eco Experience. Design & Development: Manufacturas Partner SL.
Version: 0.9.18
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: natalia-eco-experience
Tags: block-patterns, full-site-editing, translation-ready, wide-blocks
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }
a { text-underline-offset: .18em; }
img { max-width: 100%; height: auto; }


/*
 * v0.2.2 – Echte Bildsprache, Natalia-Bereich, Territorium und robuster Sticky Header.
 * Aufbauend auf v0.2.0 „Territorio & Elegancia“.
 */

::selection {
	background: var(--wp--preset--color--sage);
	color: var(--wp--preset--color--text);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

main {
	overflow: clip;
}

:where(.wp-site-blocks) {
	min-height: 100vh;
}

:where(.wp-block-post-content) > :first-child {
	margin-block-start: 0;
}

.nee-section {
	padding-inline: clamp(1.25rem, 4vw, 4rem);
}

.nee-section__inner {
	width: min(100%, 1360px);
	margin-inline: auto;
}

.nee-eyebrow {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(.72rem, .68rem + .12vw, .82rem);
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.nee-display {
	letter-spacing: -.035em;
}

.nee-lead {
	max-width: 46rem;
	color: var(--wp--preset--color--muted);
}

.nee-rule {
	border: 0;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 18%, transparent);
}

/* Hero */
.nee-hero {
	position: relative;
	isolation: isolate;
	min-height: min(82vh, 900px);
	background-color: var(--wp--preset--color--primary);
	background-image: url("assets/images/natalia-las-medulas-hero-v0.2.1.webp");
	background-position: 58% center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--wp--preset--color--surface);
}

.nee-hero > .wp-block-cover__background {
	background:
		linear-gradient(90deg, rgba(20, 39, 32, .88) 0%, rgba(20, 39, 32, .72) 34%, rgba(20, 39, 32, .34) 56%, rgba(20, 39, 32, .08) 76%, rgba(20, 39, 32, .02) 100%) !important;
	opacity: 1 !important;
}

.nee-hero::after {
	content: "";
	position: absolute;
	inset: auto 4vw 3.5rem auto;
	width: min(22vw, 330px);
	aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--surface) 28%, transparent);
	border-radius: 50%;
	z-index: 0;
	opacity: .52;
	pointer-events: none;
}

.nee-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
	width: min(100%, 1600px);
	margin-inline: auto;
}

.nee-hero__content {
	max-width: 860px;
}

.nee-hero__title {
	max-width: 10.8ch;
	margin-block: .4rem 1.35rem;
	font-size: clamp(3.7rem, 6.6vw, 7.4rem) !important;
	line-height: .93 !important;
	letter-spacing: -.05em;
}

.nee-hero__claim {
	max-width: 38rem;
	margin-top: 0;
	font-family: var(--wp--preset--font-family--body);
	font-style: normal;
	font-size: clamp(1.12rem, .98rem + .5vw, 1.5rem) !important;
	line-height: 1.55;
}

.nee-hero .nee-eyebrow,
.nee-hero .nee-hero__title,
.nee-hero .nee-hero__claim {
	color: var(--wp--preset--color--surface) !important;
}

.nee-hero .nee-eyebrow {
	opacity: .9;
}

.nee-hero .nee-hero__claim {
	color: var(--wp--preset--color--background) !important;
}

.nee-hero .wp-block-button__link,
.nee-hero .wp-element-button {
	background: var(--wp--preset--color--surface) !important;
	border-color: var(--wp--preset--color--surface) !important;
	color: var(--wp--preset--color--primary) !important;
}

/* Intro */
.nee-intro {
	background: var(--wp--preset--color--background);
}

.nee-intro__quote {
	max-width: 18ch;
	margin: 0;
	font-size: clamp(2.8rem, 5vw, 5.7rem) !important;
	line-height: 1 !important;
}

.nee-intro__copy {
	max-width: 37rem;
	margin-left: auto;
}

/* Experience cards */
.nee-experience-grid {
	gap: 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 18%, transparent);
}

.nee-experience-card {
	min-height: 17rem;
	padding: clamp(1.5rem, 2.4vw, 2.5rem);
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
	transition: background-color 180ms ease, transform 180ms ease;
}

.nee-experience-card:hover {
	background: var(--wp--preset--color--surface);
	transform: translateY(-2px);
}

.nee-experience-card__number {
	margin: 0 0 4rem;
	color: var(--wp--preset--color--accent);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.nee-experience-card h3 {
	margin-top: 0;
	font-size: clamp(1.8rem, 1.45rem + .9vw, 2.55rem);
}

.nee-experience-card p:last-child {
	color: var(--wp--preset--color--muted);
}

/* Regions */
.nee-regions {
	background: var(--wp--preset--color--surface);
}

.nee-region-grid {
	gap: clamp(1rem, 2vw, 1.75rem) !important;
}

.nee-region-card {
	min-height: clamp(23rem, 42vw, 34rem);
	padding: clamp(1.4rem, 2.2vw, 2.25rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--primary) 5%, transparent), color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent)),
		var(--wp--preset--color--background);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 10%, transparent);
	border-radius: 6px;
	overflow: hidden;
}

.nee-region-card__number {
	color: var(--wp--preset--color--accent);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.nee-region-card h3 {
	max-width: 9ch;
	margin: 0;
	font-size: clamp(2.1rem, 2vw + 1.2rem, 3.65rem);
	line-height: .98;
}

/* Natalia */
.nee-natalia {
	background: var(--wp--preset--color--background);
}

.nee-photo-placeholder {
	position: relative;
	min-height: clamp(32rem, 58vw, 46rem);
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--wp--preset--color--sage) 60%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface));
	border-radius: 6px;
	overflow: hidden;
}

.nee-photo-placeholder::after {
	content: "FOTO NATALIA";
	position: absolute;
	left: 1.4rem;
	bottom: 1.2rem;
	color: var(--wp--preset--color--primary);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.nee-natalia__copy {
	max-width: 35rem;
	margin-inline: auto;
}

/* Journal */
.nee-journal .wp-block-post-template {
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.nee-journal .wp-block-post {
	padding-bottom: 1.35rem;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
}

.nee-journal .wp-block-post-featured-image img {
	border-radius: 6px;
}

.nee-journal .wp-block-post-title {
	font-size: clamp(1.55rem, 1.25rem + .8vw, 2.2rem);
	line-height: 1.05;
}

.nee-journal .wp-block-post-excerpt {
	color: var(--wp--preset--color--muted);
}

/* CTA */
.nee-contact-cta {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--surface);
}

.nee-contact-cta h2 {
	max-width: 14ch;
	margin-inline: auto;
	font-size: clamp(3rem, 5vw, 6rem) !important;
	line-height: .95 !important;
}

.nee-contact-cta p {
	max-width: 42rem;
	margin-inline: auto;
}

/* Buttons */
.wp-element-button,
.wp-block-button__link {
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 24px color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}

/* Footer */
.nee-site-footer {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--surface) 22%, transparent);
}

@media (max-width: 900px) {
	.nee-experience-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nee-experience-grid > .wp-block-column {
		flex-basis: auto !important;
	}
	.nee-region-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nee-region-grid > .wp-block-column {
		flex-basis: auto !important;
	}
}

@media (max-width: 620px) {
	.nee-section {
		padding-inline: 1rem;
	}
	.nee-hero {
		min-height: 74vh;
	}
	.nee-hero__title {
		font-size: clamp(3.4rem, 17vw, 5.2rem) !important;
	}
	.nee-experience-grid,
	.nee-region-grid {
		grid-template-columns: 1fr;
	}
	.nee-experience-card {
		min-height: 14rem;
		border-right: 0;
	}
	.nee-experience-card__number {
		margin-bottom: 2.5rem;
	}
}


/* v0.2.1 – responsive hero image focus */
@media (max-width: 900px) {
	.nee-hero {
		background-position: 64% center;
	}

	.nee-hero > .wp-block-cover__background {
		background: linear-gradient(90deg, rgba(20, 39, 32, .88) 0%, rgba(20, 39, 32, .68) 48%, rgba(20, 39, 32, .22) 78%, rgba(20, 39, 32, .06) 100%) !important;
	}
}

@media (max-width: 620px) {
	.nee-hero {
		min-height: 78vh;
		background-position: 69% center;
	}

	.nee-hero > .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(20, 39, 32, .72) 0%, rgba(20, 39, 32, .58) 42%, rgba(20, 39, 32, .34) 72%, rgba(20, 39, 32, .18) 100%) !important;
	}
}


/* =========================================================
 * v0.2.2 – Echte Bildsprache
 * ======================================================= */

/* Erlebniswelten mit echtem Bildmaterial */
.nee-experiences {
	background: var(--wp--preset--color--background);
}

.nee-experience-grid {
	gap: clamp(1rem, 1.7vw, 1.5rem) !important;
	border-top: 0;
	margin-block-start: clamp(1rem, 1.7vw, 1.5rem);
}

.nee-experience-grid:first-of-type {
	margin-block-start: 0;
}

.nee-experience-card {
	min-height: 0;
	padding: 0;
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 11%, transparent);
	border-radius: 6px;
	overflow: hidden;
	transition: transform 180ms ease, border-color 180ms ease;
}

.nee-experience-card:hover {
	background: var(--wp--preset--color--surface);
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 42%, transparent);
	transform: translateY(-3px);
}

.nee-experience-card__media {
	margin: 0 !important;
	overflow: hidden;
	aspect-ratio: 3 / 2;
	background: color-mix(in srgb, var(--wp--preset--color--sage) 25%, var(--wp--preset--color--surface));
}

.nee-experience-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 420ms cubic-bezier(.2,.65,.3,1);
}

.nee-experience-card:hover .nee-experience-card__media img {
	transform: scale(1.025);
}

.nee-experience-card__body {
	padding: clamp(1.35rem, 2vw, 2rem);
}

.nee-experience-card__number {
	margin: 0 0 clamp(2.4rem, 4vw, 4.5rem);
}

.nee-experience-card__body h3 {
	margin-top: 0;
}

.nee-experience-card__body p:last-child {
	color: var(--wp--preset--color--muted);
}

/* Territorium: zwei Editorial-Bilder plus kompakter Regionenindex */
.nee-regions__intro {
	margin-bottom: clamp(2rem, 4vw, 4.25rem);
	gap: clamp(2rem, 5vw, 6rem) !important;
}

.nee-region-visuals {
	gap: clamp(1rem, 2vw, 1.75rem) !important;
	align-items: stretch !important;
	margin-bottom: clamp(2rem, 4vw, 4rem);
}

.nee-region-visual {
	height: 100%;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 6px;
}

.nee-region-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nee-region-visual--wide {
	min-height: clamp(26rem, 46vw, 39rem);
}

.nee-region-visual--portrait {
	min-height: clamp(26rem, 46vw, 39rem);
}

.nee-region-visual--wide img {
	object-position: center 48%;
}

.nee-region-visual--portrait img {
	object-position: center center;
}

.nee-region-grid {
	gap: 0 !important;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 15%, transparent);
}

.nee-region-card {
	min-height: clamp(12rem, 18vw, 16rem);
	padding: clamp(1.25rem, 2vw, 1.8rem);
	background: transparent;
	border: 0;
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	border-radius: 0;
}

.nee-region-grid > .wp-block-column:last-child .nee-region-card {
	border-right: 0;
}

.nee-region-card h3 {
	max-width: 11ch;
	font-size: clamp(1.75rem, 1.1rem + 1.55vw, 3rem);
}

/* Natalia bekommt ein echtes Portrait statt Platzhalter */
.nee-natalia__photo {
	margin: 0 !important;
	overflow: hidden;
	border-radius: 6px;
	aspect-ratio: 4 / 5;
	background: var(--wp--preset--color--surface);
}

.nee-natalia__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.nee-natalia__copy .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

/* v0.2.2 responsive */
@media (max-width: 900px) {
	.nee-region-visuals {
		display: grid !important;
		grid-template-columns: minmax(0, 1.45fr) minmax(0, .85fr);
	}

	.nee-region-visuals > .wp-block-column {
		flex-basis: auto !important;
	}

	.nee-region-card {
		border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	}

	.nee-region-grid > .wp-block-column:nth-child(2n) .nee-region-card {
		border-right: 0;
	}
}

@media (max-width: 620px) {
	.nee-experience-grid {
		gap: 1rem !important;
		margin-block-start: 1rem;
	}

	.nee-experience-card {
		min-height: 0;
		border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 11%, transparent);
	}

	.nee-experience-card__number {
		margin-bottom: 2rem;
	}

	.nee-region-visuals {
		grid-template-columns: 1fr;
	}

	.nee-region-visual--wide,
	.nee-region-visual--portrait {
		min-height: 24rem;
	}

	.nee-region-visual--portrait {
		display: none;
	}

	.nee-region-card,
	.nee-region-grid > .wp-block-column:nth-child(2n) .nee-region-card {
		border-right: 0;
		min-height: 10rem;
	}

	.nee-natalia__photo {
		aspect-ratio: 4 / 5;
	}
}

/* =========================================================
 * v0.3.0 – Erlebnisse-Seite
 * ======================================================= */
.nee-subhero {
	padding: clamp(3rem, 6vw, 6.5rem) clamp(1.25rem, 4vw, 4rem);
	background: var(--wp--preset--color--background);
}

.nee-subhero__inner {
	width: min(100%, 1360px);
	margin-inline: auto;
}

.nee-subhero__columns {
	gap: clamp(2.5rem, 6vw, 7rem) !important;
}

.nee-subhero__title {
	max-width: 12.5ch;
	margin-block: .35rem 1.4rem;
	font-size: clamp(3.35rem, 5vw, 5.8rem) !important;
	line-height: .98 !important;
	letter-spacing: -.035em;
}

.nee-subhero__lead {
	max-width: 38rem;
	color: var(--wp--preset--color--muted);
	line-height: 1.55;
}

.nee-subhero__image {
	margin: 0 !important;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border-radius: 6px;
}

.nee-subhero__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.nee-experience-note {
	padding-block: clamp(3rem, 6vw, 6rem);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}

.nee-experience-note h2,
.nee-experience-note p {
	color: var(--wp--preset--color--surface) !important;
}

.nee-experience-note h2 {
	max-width: 10ch;
	margin: 0;
	font-size: clamp(2.6rem, 4.2vw, 4.6rem) !important;
	line-height: .98;
}

.nee-experience-note p {
	max-width: 48rem;
	margin-left: auto;
}

.nee-experience-detail {
	padding-block: clamp(4rem, 7vw, 8rem);
	background: var(--wp--preset--color--surface);
	scroll-margin-top: 7rem;
}

.nee-experience-detail--alt {
	background: var(--wp--preset--color--background);
}

.nee-experience-detail__columns {
	gap: clamp(2.5rem, 6vw, 7rem) !important;
}

.nee-experience-detail--alt .nee-experience-detail__media-col {
	order: 2;
}

.nee-experience-detail--alt .nee-experience-detail__copy-col {
	order: 1;
}

.nee-experience-detail__image {
	margin: 0 !important;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: 6px;
}

.nee-experience-detail__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nee-experience-detail__number {
	margin: 0 0 2.3rem;
	color: var(--wp--preset--color--accent);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.nee-experience-detail h2 {
	max-width: 10ch;
	margin-block: 0 1.25rem;
	font-size: clamp(2.7rem, 4vw, 5rem) !important;
	line-height: .96;
}

.nee-experience-detail .has-large-font-size {
	max-width: 35rem;
	line-height: 1.55;
}

.nee-experience-detail__focus-label {
	margin: 2.25rem 0 .5rem;
	color: var(--wp--preset--color--accent);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.nee-experience-detail__focus {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: .98rem;
	line-height: 1.65;
}

.nee-experience-page-cta {
	padding-block: clamp(4.5rem, 8vw, 8rem);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--surface);
}

.nee-experience-page-cta h2 {
	max-width: 13ch;
	margin-inline: auto;
	font-size: clamp(3rem, 5vw, 5.8rem) !important;
	line-height: .96;
}

.nee-experience-page-cta p {
	max-width: 45rem;
	margin-inline: auto;
}

@media (max-width: 780px) {
	.nee-subhero__columns,
	.nee-experience-detail__columns {
		display: grid !important;
		grid-template-columns: 1fr;
	}

	.nee-subhero__columns > .wp-block-column,
	.nee-experience-detail__columns > .wp-block-column {
		flex-basis: auto !important;
	}

	.nee-subhero__title {
		max-width: 100%;
		font-size: clamp(3rem, 11.5vw, 4.65rem) !important;
		line-height: 1 !important;
	}

	.nee-subhero__image {
		aspect-ratio: 4 / 4.4;
	}

	.nee-experience-note .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 1.25rem !important;
	}

	.nee-experience-note .wp-block-column {
		flex-basis: auto !important;
	}

	.nee-experience-note p {
		margin-left: 0;
	}

	.nee-experience-detail--alt .nee-experience-detail__media-col,
	.nee-experience-detail--alt .nee-experience-detail__copy-col {
		order: initial;
	}

	.nee-experience-detail__image {
		aspect-ratio: 4 / 3;
	}
}


/* =========================================================
 * v0.3.1 – Sprachfeinschliff Erlebnisse & Footer
 * ======================================================= */
.nee-subhero__title {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

/* Spanish needs a little more line length and a slightly calmer display size.
 * This keeps “Experiencias” intact instead of breaking the word itself. */
html[lang^="es"] .nee-subhero__title {
	max-width: 12.5ch;
	font-size: clamp(3.25rem, 4.8vw, 5.55rem) !important;
	line-height: .99 !important;
}

@media (max-width: 780px) {
	html[lang^="es"] .nee-subhero__title {
		max-width: 100%;
		font-size: clamp(2.9rem, 10.8vw, 4.45rem) !important;
		line-height: 1.01 !important;
	}
}


/* =========================================================
   v0.4.0 – Die Region / El territorio
   ========================================================= */

.nee-territory-page-hero {
	position: relative;
	min-height: clamp(34rem, 72vh, 48rem);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}

.nee-territory-page-hero__media,
.nee-territory-page-hero__shade {
	position: absolute;
	inset: 0;
	margin: 0;
}

.nee-territory-page-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 52%;
}

.nee-territory-page-hero__shade {
	background:
		linear-gradient(90deg, rgba(21, 33, 28, .82) 0%, rgba(21, 33, 28, .58) 34%, rgba(21, 33, 28, .18) 68%, rgba(21, 33, 28, .08) 100%),
		linear-gradient(0deg, rgba(21, 33, 28, .38) 0%, rgba(21, 33, 28, 0) 45%);
}

.nee-territory-page-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: clamp(5rem, 10vw, 8rem);
	padding-bottom: clamp(4rem, 7vw, 6rem);
}

.nee-territory-page-hero__copy {
	max-width: min(48rem, 62vw);
}

.nee-territory-page-hero .nee-eyebrow {
	margin-bottom: 1.15rem;
	color: var(--wp--preset--color--background);
}

.nee-territory-page-hero__title {
	max-width: 15ch;
	margin: 0;
	color: var(--wp--preset--color--surface);
	font-size: clamp(3.35rem, 4.9vw, 5.45rem);
	line-height: .99;
	letter-spacing: -.035em;
}

.nee-territory-page-hero__lead {
	max-width: 42rem;
	margin: clamp(1.6rem, 3vw, 2.5rem) 0 0;
	color: var(--wp--preset--color--background);
	font-size: clamp(1.08rem, 1rem + .35vw, 1.35rem);
	line-height: 1.58;
	text-wrap: pretty;
}

.nee-territory-index {
	padding-top: clamp(2rem, 4vw, 3.5rem);
	padding-bottom: clamp(2rem, 4vw, 3.5rem);
	background: var(--wp--preset--color--surface);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
}

.nee-territory-index__nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 15%, transparent);
}

.nee-territory-index__link {
	display: flex;
	flex-direction: column;
	gap: .55rem;
	min-height: 8rem;
	padding: 1.35rem 1.5rem;
	color: var(--wp--preset--color--text);
	text-decoration: none;
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	transition: background-color 180ms ease, color 180ms ease;
}

.nee-territory-index__link:last-child {
	border-right: 0;
}

.nee-territory-index__link span {
	color: var(--wp--preset--color--accent);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.nee-territory-index__link strong {
	margin-top: auto;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.25rem, 1.05rem + .55vw, 1.75rem);
	font-weight: 500;
	line-height: 1.15;
}

.nee-territory-index__link:hover,
.nee-territory-index__link:focus-visible {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--primary);
}

.nee-territory-chapter {
	padding-top: clamp(4.5rem, 8vw, 8rem);
	padding-bottom: clamp(4.5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
	scroll-margin-top: 8rem;
}

.nee-territory-chapter--alt {
	background: var(--wp--preset--color--surface);
}

.nee-territory-chapter__columns {
	gap: clamp(2.5rem, 6vw, 6.5rem);
}

.nee-territory-chapter--alt .nee-territory-chapter__columns {
	flex-direction: row-reverse;
}

.nee-territory-chapter__media-col {
	flex-basis: 57% !important;
}

.nee-territory-chapter__copy-col {
	flex-basis: 43% !important;
}

.nee-territory-chapter__media {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
}

.nee-territory-chapter__media img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 700ms cubic-bezier(.2,.7,.2,1);
}

.nee-territory-chapter:hover .nee-territory-chapter__media img {
	transform: scale(1.015);
}

.nee-territory-chapter__number {
	margin: 0 0 1.1rem;
	color: var(--wp--preset--color--accent);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .14em;
}

.nee-territory-chapter__kicker {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--sage);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .11em;
	line-height: 1.45;
}

.nee-territory-chapter h2 {
	margin: 0 0 1.4rem;
	font-size: clamp(2.6rem, 4.3vw, 5rem);
	line-height: .98;
	letter-spacing: -.045em;
}

.nee-territory-chapter__text {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.08rem, .98rem + .28vw, 1.32rem);
	line-height: 1.65;
}

.nee-territory-chapter__note {
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: 1.25rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 18%, transparent);
}

.nee-territory-chapter__note > span {
	display: block;
	margin-bottom: .7rem;
	color: var(--wp--preset--color--accent);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .13em;
}

.nee-territory-chapter__note p {
	margin: 0;
	line-height: 1.6;
}

.nee-territory-bridge {
	padding-top: clamp(4.5rem, 8vw, 7rem);
	padding-bottom: clamp(4.5rem, 8vw, 7rem);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}

.nee-territory-bridge__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
	gap: clamp(2rem, 7vw, 8rem);
	align-items: end;
}

.nee-territory-bridge h2 {
	max-width: 11ch;
	margin: 0;
	color: var(--wp--preset--color--surface);
	font-size: clamp(2.8rem, 5vw, 5.6rem);
	line-height: .98;
	letter-spacing: -.045em;
}

.nee-territory-bridge p {
	max-width: 37rem;
	margin: 0;
	color: var(--wp--preset--color--background);
	font-size: clamp(1.1rem, 1rem + .35vw, 1.35rem);
	line-height: 1.65;
}

.nee-territory-cta {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-territory-cta h2 {
	max-width: 12ch;
	margin-inline: auto;
	font-size: clamp(3rem, 5.5vw, 6rem);
	line-height: .98;
	letter-spacing: -.045em;
}

.nee-territory-cta__text {
	max-width: 48rem;
	margin: 0 auto 2rem;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.08rem, 1rem + .3vw, 1.3rem);
	line-height: 1.65;
}

.nee-region-card--link {
	display: block;
	height: 100%;
	color: var(--wp--preset--color--text);
	text-decoration: none;
	transition: background-color 180ms ease, transform 180ms ease;
}

.nee-region-card--link:hover,
.nee-region-card--link:focus-visible {
	background: var(--wp--preset--color--surface);
	transform: translateY(-2px);
}

.nee-region-card--link strong {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.15rem, 1rem + .45vw, 1.6rem);
	font-weight: 500;
	line-height: 1.15;
}

@media (max-width: 980px) {
	.nee-territory-page-hero__copy,
	.nee-territory-bridge__inner {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.nee-territory-page-hero__lead {
		margin-left: 0;
	}

	.nee-territory-index__nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nee-territory-index__link:nth-child(2) {
		border-right: 0;
	}

	.nee-territory-index__link:nth-child(-n+2) {
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	}

	.nee-territory-chapter__columns,
	.nee-territory-chapter--alt .nee-territory-chapter__columns {
		flex-direction: column;
	}

	.nee-territory-chapter__media-col,
	.nee-territory-chapter__copy-col {
		flex-basis: 100% !important;
	}

	.nee-territory-chapter__media {
		margin-bottom: 1rem;
	}
}

@media (max-width: 600px) {
	.nee-territory-page-hero {
		min-height: 34rem;
	}

	.nee-territory-page-hero__inner {
		padding-top: 5rem;
		padding-bottom: 3.2rem;
	}

	.nee-territory-page-hero__copy {
		max-width: 100%;
	}

	.nee-territory-page-hero__title {
		max-width: 100%;
		font-size: clamp(3rem, 11.5vw, 4.55rem);
		line-height: 1;
	}

	.nee-territory-page-hero__lead {
		max-width: 32rem;
	}

	.nee-territory-page-hero__shade {
		background:
			linear-gradient(90deg, rgba(21, 33, 28, .82) 0%, rgba(21, 33, 28, .42) 78%, rgba(21, 33, 28, .18) 100%),
			linear-gradient(0deg, rgba(21, 33, 28, .55) 0%, rgba(21, 33, 28, .02) 58%);
	}

	.nee-territory-index__nav {
		grid-template-columns: 1fr;
	}

	.nee-territory-index__link,
	.nee-territory-index__link:nth-child(2) {
		min-height: auto;
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	}

	.nee-territory-index__link:last-child {
		border-bottom: 0;
	}

	.nee-territory-chapter {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}

	.nee-territory-chapter h2 {
		font-size: clamp(2.65rem, 13vw, 4.25rem);
	}

	.nee-territory-bridge h2 {
		font-size: clamp(2.75rem, 12vw, 4.5rem);
	}
}


/* =========================================================
   v0.4.4 – Hero-Typografie
   ========================================================= */

.nee-title-line {
	display: block;
}

@media (min-width: 781px) {
	.nee-subhero__title .nee-title-line,
	.nee-territory-page-hero__title .nee-title-line {
		white-space: nowrap;
	}
}

/* Spanish display typography needs slightly more air around descenders
   and accented letterforms to keep the two lines visually even. */
html[lang^="es"] .nee-territory-page-hero__title {
	line-height: 1.02;
	letter-spacing: -.03em;
}


/* =========================================================
   v0.5.0 – Über Natalia / Sobre Natalia
   ========================================================= */

.nee-about-hero {
	padding-top: clamp(4rem, 7vw, 7rem);
	padding-bottom: clamp(4rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-about-hero__columns {
	gap: clamp(3rem, 7vw, 7rem);
}

.nee-about-hero__copy {
	flex-basis: 47% !important;
}

.nee-about-hero__media-col {
	flex-basis: 53% !important;
}

.nee-about-hero__title {
	max-width: 12ch;
	margin: .5rem 0 1.6rem;
	font-size: clamp(3.5rem, 5.2vw, 6rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.nee-about-hero__lead {
	max-width: 38rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.15rem, 1rem + .4vw, 1.45rem);
	line-height: 1.65;
}

.nee-about-hero__media {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
}

.nee-about-hero__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 64% center;
}

.nee-about-roots {
	padding-top: clamp(4.5rem, 8vw, 8rem);
	padding-bottom: clamp(4.5rem, 8vw, 8rem);
	background: var(--wp--preset--color--surface);
}

.nee-about-roots__columns {
	gap: clamp(3rem, 8vw, 8rem);
	align-items: start;
}

.nee-about-roots__heading {
	flex-basis: 43% !important;
}

.nee-about-roots__text {
	flex-basis: 57% !important;
}

.nee-about-roots h2,
.nee-about-experience h2,
.nee-about-today h2,
.nee-about-cta h2 {
	margin-top: .5rem;
	font-size: clamp(2.8rem, 4.5vw, 5.1rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.nee-about-roots__text p,
.nee-about-experience__copy p,
.nee-about-today__intro > p:last-child {
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.05rem, .98rem + .25vw, 1.25rem);
	line-height: 1.72;
}

.nee-about-quote {
	max-width: 62rem;
	margin: clamp(4rem, 8vw, 7rem) auto 0;
	padding: 0;
	border: 0;
}

.nee-about-quote p {
	margin: 0;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.4rem, 4.3vw, 4.8rem);
	font-style: normal;
	line-height: 1.05;
	letter-spacing: -.035em;
	text-align: center;
}

.nee-about-experience {
	padding-top: clamp(4.5rem, 8vw, 8rem);
	padding-bottom: clamp(4.5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-about-experience__columns {
	gap: clamp(3rem, 7vw, 7rem);
}

.nee-about-experience__media-col {
	flex-basis: 55% !important;
}

.nee-about-experience__copy {
	flex-basis: 45% !important;
}

.nee-about-experience__media {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
}

.nee-about-experience__media img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.nee-about-today {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}

.nee-about-today .nee-eyebrow {
	color: var(--wp--preset--color--background);
}

.nee-about-today h2 {
	max-width: 14ch;
	color: var(--wp--preset--color--surface);
}

.nee-about-today__intro {
	max-width: 60rem;
	margin-bottom: clamp(3rem, 6vw, 5rem);
}

.nee-about-today__intro > p:last-child {
	max-width: 45rem;
	color: var(--wp--preset--color--background);
}

.nee-about-promises {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(252, 250, 245, .28);
}

.nee-about-promise {
	min-height: 17rem;
	padding: 1.6rem 2rem 1.8rem 0;
	border-right: 1px solid rgba(252, 250, 245, .22);
}

.nee-about-promise + .nee-about-promise {
	padding-left: 2rem;
}

.nee-about-promise:last-child {
	border-right: 0;
}

.nee-about-promise > span {
	display: block;
	margin-bottom: 3.5rem;
	color: var(--wp--preset--color--accent);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.nee-about-promise h3 {
	margin: 0 0 .9rem;
	color: var(--wp--preset--color--surface);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.8rem, 2.6vw, 2.7rem);
	font-weight: 500;
	line-height: 1;
}

.nee-about-promise p {
	margin: 0;
	color: var(--wp--preset--color--background);
	line-height: 1.62;
}

.nee-about-cta {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-about-cta h2 {
	max-width: 12ch;
	margin-inline: auto;
}

.nee-about-cta__text {
	max-width: 46rem;
	margin: 0 auto 2rem;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.05rem, 1rem + .25vw, 1.25rem);
	line-height: 1.65;
}

@media (max-width: 900px) {
	.nee-about-hero__columns,
	.nee-about-experience__columns,
	.nee-about-roots__columns {
		flex-direction: column;
	}

	.nee-about-hero__copy,
	.nee-about-hero__media-col,
	.nee-about-experience__media-col,
	.nee-about-experience__copy,
	.nee-about-roots__heading,
	.nee-about-roots__text {
		flex-basis: 100% !important;
	}

	.nee-about-hero__media img {
		aspect-ratio: 4 / 3;
		object-position: 64% 42%;
	}

	.nee-about-promises {
		grid-template-columns: 1fr;
	}

	.nee-about-promise,
	.nee-about-promise + .nee-about-promise {
		min-height: auto;
		padding: 1.6rem 0 2rem;
		border-right: 0;
		border-bottom: 1px solid rgba(252, 250, 245, .22);
	}

	.nee-about-promise:last-child {
		border-bottom: 0;
	}

	.nee-about-promise > span {
		margin-bottom: 1.5rem;
	}
}

@media (max-width: 600px) {
	.nee-about-hero {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	.nee-about-hero__title {
		max-width: 100%;
		font-size: clamp(3rem, 11vw, 4.45rem);
		line-height: 1;
	}

	.nee-about-roots h2,
	.nee-about-experience h2,
	.nee-about-today h2,
	.nee-about-cta h2 {
		font-size: clamp(2.6rem, 11vw, 4rem);
	}

	.nee-about-quote p {
		font-size: clamp(2.15rem, 9.5vw, 3.55rem);
	}
}


/* =========================================================
   v0.6.0 – Individuell / A medida
   ========================================================= */

.nee-individual-hero {
	padding-top: clamp(4rem, 7vw, 7rem);
	padding-bottom: clamp(4.5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-individual-hero__columns {
	gap: clamp(3rem, 7vw, 7rem);
}

.nee-individual-hero__copy {
	flex-basis: 44% !important;
}

.nee-individual-hero__visual {
	flex-basis: 56% !important;
}

.nee-individual-hero__title {
	max-width: 10ch;
	margin: .5rem 0 1.6rem;
	font-size: clamp(3.55rem, 5.3vw, 6rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.nee-individual-hero__lead {
	max-width: 37rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.12rem, 1rem + .35vw, 1.4rem);
	line-height: 1.65;
}

.nee-individual-collage {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(0, .85fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: .8rem;
	height: clamp(31rem, 49vw, 43rem);
}

.nee-individual-collage__item {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
	background: var(--wp--preset--color--surface);
}

.nee-individual-collage__item--large {
	grid-row: 1 / 3;
}

.nee-individual-collage__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nee-individual-collage__item--large img {
	object-position: 58% center;
}

.nee-individual-process {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}

.nee-individual-process .nee-eyebrow {
	color: var(--wp--preset--color--background);
}

.nee-individual-process__intro {
	max-width: 65rem;
	margin-bottom: clamp(3rem, 6vw, 5rem);
}

.nee-individual-process__intro h2 {
	max-width: 15ch;
	margin: .5rem 0 0;
	color: var(--wp--preset--color--surface);
	font-size: clamp(2.9rem, 4.5vw, 5.1rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.nee-individual-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(252, 250, 245, .28);
}

.nee-individual-step {
	min-height: 18rem;
	padding: 1.6rem 2.1rem 1.8rem 0;
	border-right: 1px solid rgba(252, 250, 245, .22);
}

.nee-individual-step + .nee-individual-step {
	padding-left: 2.1rem;
}

.nee-individual-step:last-child {
	border-right: 0;
}

.nee-individual-step > span {
	display: block;
	margin-bottom: 3.3rem;
	color: var(--wp--preset--color--accent);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.nee-individual-step h3 {
	margin: 0 0 .95rem;
	color: var(--wp--preset--color--surface);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.8rem, 2.6vw, 2.7rem);
	font-weight: 500;
	line-height: 1;
}

.nee-individual-step p {
	margin: 0;
	color: var(--wp--preset--color--background);
	line-height: 1.63;
}

.nee-individual-interests {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--surface);
}

.nee-individual-interests__intro {
	gap: clamp(2rem, 4vw, 4rem);
	align-items: end;
	margin-bottom: clamp(2.75rem, 5vw, 4.5rem);
}

.nee-individual-interests__intro > .wp-block-column:first-child {
	flex-basis: 66% !important;
}

.nee-individual-interests__intro > .wp-block-column:last-child {
	flex-basis: 34% !important;
}

.nee-individual-interests__intro h2 {
	max-width: 18.5ch;
	margin: .5rem 0 0;
	font-size: clamp(2.7rem, 3.8vw, 4.55rem);
	line-height: .99;
	letter-spacing: -.035em;
}

.nee-individual-interests__intro .wp-block-column:last-child p {
	max-width: 34rem;
	margin: 0 0 .45rem auto;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.03rem, .98rem + .18vw, 1.18rem);
	line-height: 1.65;
}

.nee-individual-interest-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.2rem, 2vw, 1.6rem);
}

.nee-individual-interest-card {
	display: grid;
	grid-template-rows: auto 1fr;
	background: var(--wp--preset--color--background);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
	overflow: hidden;
	min-height: 100%;
	box-shadow: 0 20px 45px rgba(22, 29, 25, .04);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.nee-individual-interest-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 28px 60px rgba(22, 29, 25, .08);
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
}

.nee-individual-interest-card__media {
	margin: 0;
	aspect-ratio: 5 / 4;
	overflow: hidden;
	background: color-mix(in srgb, var(--wp--preset--color--surface) 70%, white);
}

.nee-individual-interest-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.nee-individual-interest-card:hover .nee-individual-interest-card__media img {
	transform: scale(1.035);
}

.nee-individual-interest-card__body {
	display: flex;
	align-items: center;
	padding: .95rem clamp(1.05rem, .9rem + .45vw, 1.35rem) 1rem;
	min-height: 4.8rem;
}

.nee-individual-interest-card__body h3 {
	margin: 0;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.35rem, 1rem + 1.05vw, 1.95rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.02em;
}

.nee-individual-freedom {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--background);
}

.nee-individual-freedom__columns {
	gap: clamp(3rem, 7vw, 7rem);
}

.nee-individual-freedom__media-col {
	flex-basis: 55% !important;
}

.nee-individual-freedom__copy {
	flex-basis: 45% !important;
}

.nee-individual-freedom__media {
	margin: 0;
	overflow: hidden;
	border-radius: 4px;
}

.nee-individual-freedom__media img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.nee-individual-freedom__copy h2 {
	margin: .5rem 0 1.4rem;
	font-size: clamp(2.8rem, 4.3vw, 4.9rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.nee-individual-freedom__copy p {
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.04rem, .98rem + .2vw, 1.2rem);
	line-height: 1.7;
}

.nee-individual-note {
	display: grid;
	grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr);
	gap: clamp(2rem, 6vw, 6rem);
	margin-top: clamp(4rem, 7vw, 6rem);
	padding-top: 1.7rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 20%, transparent);
}

.nee-individual-note strong {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.65rem, 2.5vw, 2.5rem);
	font-weight: 500;
	line-height: 1.05;
}

.nee-individual-note p {
	max-width: 43rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: 1.05rem;
	line-height: 1.7;
}

.nee-individual-cta {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--surface);
}

.nee-individual-cta .nee-eyebrow {
	color: var(--wp--preset--color--surface);
}

.nee-individual-cta h2 {
	max-width: 13ch;
	margin: .5rem auto 1.4rem;
	color: var(--wp--preset--color--surface);
	font-size: clamp(3rem, 5vw, 5.6rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.nee-individual-cta__text {
	max-width: 46rem;
	margin: 0 auto 2rem;
	color: var(--wp--preset--color--surface);
	font-size: clamp(1.05rem, 1rem + .25vw, 1.25rem);
	line-height: 1.65;
}

.nee-individual-cta .wp-block-button__link {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
}

@media (max-width: 900px) {
	.nee-individual-hero__columns,
	.nee-individual-freedom__columns,
	.nee-individual-interests__intro {
		flex-direction: column;
	}

	.nee-individual-hero__copy,
	.nee-individual-hero__visual,
	.nee-individual-freedom__media-col,
	.nee-individual-freedom__copy,
	.nee-individual-interests__intro > .wp-block-column:first-child,
	.nee-individual-interests__intro > .wp-block-column:last-child {
		flex-basis: 100% !important;
	}

	.nee-individual-interests__intro .wp-block-column:last-child p {
		max-width: 42rem;
		margin-left: 0;
	}

	.nee-individual-collage {
		height: clamp(29rem, 85vw, 42rem);
	}

	.nee-individual-steps {
		grid-template-columns: 1fr;
	}

	.nee-individual-step,
	.nee-individual-step + .nee-individual-step {
		min-height: auto;
		padding: 1.6rem 0 2rem;
		border-right: 0;
		border-bottom: 1px solid rgba(252, 250, 245, .22);
	}

	.nee-individual-step:last-child {
		border-bottom: 0;
	}

	.nee-individual-step > span {
		margin-bottom: 1.4rem;
	}

	.nee-individual-interest-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nee-individual-note {
		grid-template-columns: 1fr;
		gap: 1.3rem;
	}
}

@media (max-width: 600px) {
	.nee-individual-hero {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	.nee-individual-hero__title {
		max-width: 100%;
		font-size: clamp(3rem, 11vw, 4.4rem);
		line-height: 1;
	}

	.nee-individual-collage {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1.2fr .8fr;
		height: 29rem;
	}

	.nee-individual-collage__item--large {
		grid-column: 1 / 3;
		grid-row: 1;
	}

	.nee-individual-process__intro h2,
	.nee-individual-interests__intro h2,
	.nee-individual-freedom__copy h2,
	.nee-individual-cta h2 {
		font-size: clamp(2.65rem, 11vw, 4rem);
	}

	.nee-individual-interest-grid {
		grid-template-columns: 1fr;
	}

	.nee-individual-interest-card__body {
		min-height: 4.6rem;
		padding: .9rem 1rem;
	}
}


/* =========================================================
   v0.6.4 – Individuell-Hero Feinschliff
   ========================================================= */

.nee-individual-hero__title {
	max-width: 14.5ch;
	font-size: clamp(3.1rem, 4.45vw, 5.25rem);
	line-height: .96;
}

@media (min-width: 981px) {
	.nee-individual-hero__title .nee-title-line {
		white-space: nowrap;
	}
}

@media (max-width: 600px) {
	.nee-individual-hero__title {
		max-width: 100%;
		font-size: clamp(2.85rem, 10.2vw, 4rem);
		line-height: .98;
	}
}


/* =========================================================
   v0.8.22 – Individuell: stabile redaktionelle Zweispalten-Geometrie
   Hero, Zutaten-Intro und Bild/Text-Bereich verwenden auf Desktop
   ein echtes Grid statt Prozent-Flexbreiten plus Gap.
   ========================================================= */

@media (min-width: 901px) {
	.nee-individual-hero__columns {
		display: grid;
		grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}

	.nee-individual-hero__copy,
	.nee-individual-hero__visual {
		min-width: 0;
		flex-basis: auto !important;
	}

	.nee-individual-interests__intro {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: end;
	}

	.nee-individual-interests__intro > .wp-block-column {
		min-width: 0;
		flex-basis: auto !important;
	}

	.nee-individual-freedom__columns {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}

	.nee-individual-freedom__media-col,
	.nee-individual-freedom__copy {
		min-width: 0;
		flex-basis: auto !important;
	}
}

@media (max-width: 900px) {
	.nee-individual-hero__columns,
	.nee-individual-interests__intro,
	.nee-individual-freedom__columns {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}
}

/* =========================================================
   v0.7.0 – Tagebuch / Diario + Kontakt / Contacto
   ========================================================= */

.nee-diary-page,
.nee-contact-page {
	padding-top: clamp(4.5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 9vw, 9rem);
	background: var(--wp--preset--color--background);
}

.nee-diary-page__intro {
	max-width: 62rem;
	margin-bottom: clamp(4rem, 8vw, 7rem);
}

.nee-diary-page__intro h1 {
	max-width: 12ch;
	margin: .45rem 0 1.5rem;
	font-size: clamp(3.4rem, 5.1vw, 5.8rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.nee-diary-page__intro > p:last-child {
	max-width: 45rem;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.1rem, 1rem + .3vw, 1.35rem);
	line-height: 1.68;
}

.nee-diary-empty {
	display: grid;
	grid-template-columns: minmax(6rem, .45fr) minmax(0, 1.55fr);
	gap: clamp(2rem, 6vw, 6rem);
	align-items: start;
	padding-top: 2rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 18%, transparent);
}

.nee-diary-empty__line {
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 1.1rem;
	background: var(--wp--preset--color--accent);
}

.nee-diary-empty h2 {
	margin: 0 0 1rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.3rem, 3.6vw, 4.1rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.035em;
}

.nee-diary-empty p {
	max-width: 43rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: 1.1rem;
	line-height: 1.7;
}

.nee-diary-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.4rem, 2.5vw, 2.2rem);
}

.nee-diary-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}

.nee-diary-card__media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: color-mix(in srgb, var(--wp--preset--color--sage) 18%, var(--wp--preset--color--surface));
}

.nee-diary-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.nee-diary-card:hover .nee-diary-card__media img { transform: scale(1.025); }

.nee-diary-card__placeholder { display:block; width:100%; height:100%; }

.nee-diary-card__body { padding: 1.4rem 1.5rem 1.6rem; }
.nee-diary-card time { color: var(--wp--preset--color--accent); font-size:.76rem; font-weight:700; letter-spacing:.08em; }
.nee-diary-card h2 { margin:.7rem 0 .8rem; font-family:var(--wp--preset--font-family--heading); font-size:clamp(1.6rem,2.1vw,2.2rem); font-weight:400; line-height:1.06; }
.nee-diary-card h2 a { color:var(--wp--preset--color--primary); text-decoration:none; }
.nee-diary-card__body p { color:var(--wp--preset--color--muted); line-height:1.6; }
.nee-diary-card__link { color:var(--wp--preset--color--primary); font-weight:600; }

.nee-contact-page__hero {
	max-width: 62rem;
	margin-bottom: clamp(4rem, 8vw, 7rem);
}

.nee-contact-page__title {
	max-width: 13ch;
	margin: .5rem 0 1.5rem;
	font-size: clamp(3.45rem, 5vw, 5.7rem);
	line-height: .98;
	letter-spacing: -.04em;
}

@media (min-width: 981px) {
	.nee-contact-page__title .nee-title-line { white-space: nowrap; }
}

.nee-contact-page__lead {
	max-width: 44rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.1rem, 1rem + .3vw, 1.35rem);
	line-height: 1.68;
}

.nee-contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .55fr);
	gap: clamp(3rem, 7vw, 7rem);
	align-items: start;
}

.nee-contact-form-panel {
	padding: clamp(2rem, 4vw, 3.5rem);
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}

.nee-contact-form-panel h2 {
	max-width: 12ch;
	margin: .5rem 0 2rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.25rem, 3.5vw, 3.8rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.035em;
}

/* v0.8.20 – Kontaktformular: Titel auf Desktop in einer Zeile halten. */
@media (min-width: 901px) {
	.nee-contact-form-panel h2 {
		max-width: none;
		font-size: clamp(2.15rem, 2.55vw, 3.15rem);
		white-space: nowrap;
	}
}

.nee-contact-form-placeholder {
	padding: 1.4rem 0;
	color: var(--wp--preset--color--muted);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
}

.nee-contact-aside { border-top:1px solid color-mix(in srgb, var(--wp--preset--color--text) 18%, transparent); }
.nee-contact-aside__item { padding:1.5rem 0 2rem; border-bottom:1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent); }
.nee-contact-aside__item span { color:var(--wp--preset--color--accent); font-size:.74rem; font-weight:700; letter-spacing:.12em; }
.nee-contact-aside__item h3 { margin:.75rem 0 .8rem; font-family:var(--wp--preset--font-family--heading); font-size:clamp(1.55rem,2.2vw,2.2rem); font-weight:400; line-height:1.05; }
.nee-contact-aside__item p, .nee-contact-aside__privacy p { margin:0; color:var(--wp--preset--color--muted); line-height:1.65; }
.nee-contact-aside__privacy { padding-top:1.5rem; font-size:.92rem; }
.nee-contact-aside__privacy a { display:inline-block; margin-top:.7rem; color:var(--wp--preset--color--primary); }

/* Fluent Forms integration – intentionally generic so both DE/ES forms inherit the brand */
.nee-contact-form-content .ff-el-group { margin-bottom: 1.25rem; }
.nee-contact-form-content .ff-el-input--label label { color:var(--wp--preset--color--primary); font-size:.9rem; font-weight:600; }
.nee-contact-form-content .ff-el-form-control {
	min-height: 3.2rem;
	padding: .75rem .9rem;
	background: var(--wp--preset--color--background);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 22%, transparent);
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--text);
	font: inherit;
}
.nee-contact-form-content textarea.ff-el-form-control { min-height: 9rem; }
.nee-contact-form-content .ff-el-form-control:focus { border-color:var(--wp--preset--color--primary); box-shadow:0 0 0 1px var(--wp--preset--color--primary); outline:0; }
.nee-contact-form-content .ff-btn-submit { padding:.85rem 1.35rem; border:0; border-radius:999px; background:var(--wp--preset--color--primary); color:var(--wp--preset--color--surface); font:inherit; font-weight:700; cursor:pointer; }
.nee-contact-form-content .ff-message-success { padding:1rem 1.2rem; border:1px solid var(--wp--preset--color--sage); background:color-mix(in srgb, var(--wp--preset--color--sage) 12%, white); }

.nee-journal { padding-top:var(--wp--preset--spacing--3-xl); padding-bottom:var(--wp--preset--spacing--3-xl); }
.nee-home-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.6rem; margin-top:2rem; }
.nee-home-journal-card img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.nee-home-journal-card time { display:block; margin-top:1rem; color:var(--wp--preset--color--accent); font-size:.75rem; }
.nee-home-journal-card h3 { margin:.55rem 0 0; font-family:var(--wp--preset--font-family--heading); font-size:1.8rem; font-weight:400; }
.nee-home-journal-card h3 a { color:var(--wp--preset--color--primary); text-decoration:none; }
.nee-home-journal-empty { margin-top:2rem; padding-top:1.5rem; border-top:1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent); }
.nee-home-journal-empty p { color:var(--wp--preset--color--muted); }
.nee-home-journal-empty a { color:var(--wp--preset--color--primary); font-weight:600; }

@media (max-width: 900px) {
	.nee-diary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nee-contact-layout { grid-template-columns:1fr; }
	.nee-home-journal-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 600px) {
	.nee-diary-page, .nee-contact-page { padding-top:3rem; padding-bottom:4.5rem; }
	.nee-diary-page__intro h1, .nee-contact-page__title { max-width:100%; font-size:clamp(2.9rem,10.8vw,4.15rem); line-height:1; }
	.nee-diary-empty { grid-template-columns:1fr; gap:1rem; }
	.nee-diary-empty__line { width:4rem; }
	.nee-diary-grid, .nee-home-journal-grid { grid-template-columns:1fr; }
	.nee-contact-form-panel { padding:1.5rem; }
}

/* =========================================================
   v0.7.1 – Startseite Regionenblock & interne Verlinkung
   ========================================================= */

.nee-experience-card__link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.nee-experience-card__link:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--wp--preset--color--accent) 70%, white);
	outline-offset: -2px;
}

.nee-region-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem) !important;
	border-top: 0;
}

.nee-region-grid > .wp-block-column {
	margin: 0 !important;
	display: flex;
}

.nee-region-card {
	display: flex;
	width: 100%;
	min-height: 100%;
	padding: 0;
	background: var(--wp--preset--color--background);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 20px 45px rgba(22, 29, 25, .04);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.nee-region-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 28px 60px rgba(22, 29, 25, .08);
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
}

.nee-region-grid > .wp-block-column:last-child .nee-region-card {
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
}

.nee-region-card--link {
	display: grid;
	grid-template-rows: auto 1fr;
	width: 100%;
	height: 100%;
	color: var(--wp--preset--color--text);
	text-decoration: none;
	background: var(--wp--preset--color--background);
	transition: background-color 180ms ease;
}

.nee-region-card--link:hover,
.nee-region-card--link:focus-visible {
	background: var(--wp--preset--color--background);
	transform: none;
}

.nee-region-card--link:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--wp--preset--color--accent) 70%, white);
	outline-offset: -2px;
}

.nee-region-card__media {
	margin: 0;
	aspect-ratio: 5 / 4;
	overflow: hidden;
	background: color-mix(in srgb, var(--wp--preset--color--surface) 70%, white);
}

.nee-region-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.nee-region-card:hover .nee-region-card__media img {
	transform: scale(1.035);
}

.nee-region-card__body {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	padding: 1rem clamp(1rem, .92rem + .35vw, 1.25rem) 1.15rem;
}

.nee-region-card__number {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.nee-region-card h3 {
	max-width: none;
	margin: 0;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.3rem, 1.1rem + .55vw, 1.8rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.02em;
}

.nee-region-card__body p:last-child {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(.98rem, .94rem + .16vw, 1.06rem);
	line-height: 1.58;
}

@media (max-width: 1100px) {
	.nee-region-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.nee-region-grid {
		grid-template-columns: 1fr;
	}

	.nee-region-card,
	.nee-region-grid > .wp-block-column:nth-child(2n) .nee-region-card,
	.nee-region-grid > .wp-block-column:last-child .nee-region-card {
		border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 14%, transparent);
		min-height: 0;
	}
}

/* =========================================================
   v0.8.1 – El Bierzo + Valdeorras / drei Verbindungen
   ========================================================= */

.nee-regions-v080 .nee-regions__intro {
	margin-bottom: clamp(2.2rem, 5vw, 4rem);
}

.nee-regions-v080 .nee-regions__intro .wp-block-column:last-child p {
	max-width: 42rem;
	font-size: clamp(1.02rem, .96rem + .22vw, 1.2rem);
	line-height: 1.7;
}

.nee-connections-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: clamp(2rem, 5vw, 4rem);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
}

.nee-connection-mini {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: 1rem;
	row-gap: .25rem;
	align-items: baseline;
	padding: 1.25rem clamp(1rem, 2vw, 1.65rem);
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}

.nee-connection-mini:last-child {
	border-right: 0;
}

.nee-connection-mini > span {
	grid-row: 1 / 3;
	color: var(--wp--preset--color--accent);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.nee-connection-mini strong {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.35rem, 1.12rem + .5vw, 1.8rem);
	font-weight: 500;
	line-height: 1.1;
}

.nee-connection-mini small {
	color: var(--wp--preset--color--muted);
	font-size: .82rem;
	line-height: 1.4;
}

.nee-region-grid.nee-region-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.25rem, 3vw, 2.25rem) !important;
}

.nee-region-card--major .nee-region-card__media {
	aspect-ratio: 16 / 10;
}

.nee-region-card--major .nee-region-card__body {
	padding: clamp(1.35rem, 2vw, 1.8rem);
}

.nee-region-card--major h3 {
	font-size: clamp(2rem, 2.8vw, 3.15rem);
}

.nee-region-card--major .nee-region-card__body p:last-of-type {
	max-width: 38rem;
}

.nee-region-card__cta {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-top: auto;
	padding-top: .8rem;
	color: var(--wp--preset--color--primary);
	font-size: .88rem;
	font-weight: 700;
	letter-spacing: .02em;
}

.nee-region-card__cta span {
	color: var(--wp--preset--color--accent);
	transition: transform 180ms ease;
}

.nee-region-card:hover .nee-region-card__cta span {
	transform: translateX(.25rem);
}

.nee-territory-connections {
	padding-top: clamp(4.5rem, 8vw, 7rem);
	padding-bottom: clamp(4.5rem, 8vw, 7rem);
	background: var(--wp--preset--color--background);
}

.nee-territory-connections__intro {
	display: grid;
	grid-template-columns: minmax(0, .42fr) minmax(0, 1.58fr);
	gap: clamp(2rem, 6vw, 7rem);
	align-items: end;
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.nee-territory-connections__intro .nee-eyebrow {
	margin: 0;
}

.nee-territory-connections__intro h2 {
	max-width: 15ch;
	margin: 0;
	font-size: clamp(2.7rem, 4.8vw, 5rem);
	line-height: .99;
	letter-spacing: -.04em;
}

.nee-territory-connections__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
}

.nee-territory-connection {
	min-height: 21rem;
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}

.nee-territory-connection:last-child {
	border-right: 0;
}

.nee-territory-connection__num {
	display: block;
	margin-bottom: 3rem;
	color: var(--wp--preset--color--accent);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .13em;
}

.nee-territory-connection__label {
	margin: 0 0 .7rem;
	color: var(--wp--preset--color--sage);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.4;
}

.nee-territory-connection h3 {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 2.5vw, 3rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.035em;
}

.nee-territory-connection > p:last-child {
	margin: 0;
	color: var(--wp--preset--color--muted);
	line-height: 1.65;
}

.nee-territory-index__nav.nee-territory-index__nav--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nee-territory-index__nav--two .nee-territory-index__link {
	min-height: 7rem;
}

.nee-territory-chapter-v080 {
	padding-top: clamp(5rem, 9vw, 8.5rem);
	padding-bottom: clamp(5rem, 9vw, 8.5rem);
}

.nee-territory-highlights {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	margin-top: clamp(3.5rem, 7vw, 6rem);
}

.nee-territory-highlight {
	scroll-margin-top: 8rem;
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	overflow: hidden;
}

.nee-territory-chapter--alt .nee-territory-highlight {
	background: var(--wp--preset--color--background);
}

.nee-territory-highlight figure {
	margin: 0;
	aspect-ratio: 5 / 4;
	overflow: hidden;
}

.nee-territory-highlight img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 500ms cubic-bezier(.2,.7,.2,1);
}

.nee-territory-highlight:hover img {
	transform: scale(1.025);
}

.nee-territory-highlight > div {
	padding: 1.2rem 1.15rem 1.35rem;
}

.nee-territory-highlight h3 {
	margin: 0 0 .65rem;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.35rem, 1.2rem + .42vw, 1.8rem);
	font-weight: 400;
	line-height: 1.08;
}

.nee-territory-highlight p {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: .95rem;
	line-height: 1.58;
}

@media (max-width: 980px) {
	.nee-connections-strip,
	.nee-territory-connections__grid {
		grid-template-columns: 1fr;
	}

	.nee-connection-mini,
	.nee-territory-connection {
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
	}

	.nee-connection-mini:last-child,
	.nee-territory-connection:last-child {
		border-bottom: 0;
	}

	.nee-territory-connection {
		min-height: 0;
	}

	.nee-territory-connection__num {
		margin-bottom: 1.5rem;
	}

	.nee-territory-connections__intro {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.nee-territory-highlights {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.nee-region-grid.nee-region-grid--two,
	.nee-territory-highlights {
		grid-template-columns: 1fr;
	}

	.nee-region-card--major h3 {
		font-size: clamp(2rem, 10vw, 2.8rem);
	}

	.nee-territory-index__nav.nee-territory-index__nav--two {
		grid-template-columns: 1fr;
	}

	.nee-territory-connections__intro h2 {
		font-size: clamp(2.6rem, 11.5vw, 4rem);
	}
}


/* =========================================================
   v0.8.1 – Ruhigere Startseite
   ========================================================= */
.nee-regions-v081 .nee-regions__intro {
    margin-bottom: clamp(1.75rem, 4vw, 3rem);
}

.nee-regions-v081 .nee-regions__intro h2 {
    max-width: 16ch;
    margin-bottom: 0;
}

.nee-regions-v081 .nee-regions__intro .wp-block-column:last-child p {
    max-width: 36rem;
    margin-bottom: .15rem;
    font-size: clamp(1rem, .96rem + .14vw, 1.12rem);
    line-height: 1.65;
}

.nee-region-grid--home-simple .nee-region-card--major .nee-region-card__media {
    aspect-ratio: 16 / 9;
}

.nee-region-grid--home-simple .nee-region-card--major .nee-region-card__body {
    padding: clamp(1.15rem, 1.8vw, 1.5rem);
}

.nee-region-grid--home-simple .nee-region-card--major h3 {
    font-size: clamp(1.8rem, 2.35vw, 2.65rem);
}

.nee-region-grid--home-simple .nee-region-card__body p {
    max-width: 30rem;
}

/* v0.8.1 – homepage deliberately reduced: teasers do not repeat subpage photography/content. */
.nee-home-experience-teaser,
.nee-home-natalia-teaser {
	background: var(--wp--preset--color--surface, #fcfaf5);
}

.nee-home-region-teaser {
	background: var(--wp--preset--color--background, #f4f0e7);
	border-top: 1px solid rgba(41, 68, 56, .14);
	border-bottom: 1px solid rgba(41, 68, 56, .14);
}

.nee-home-experience-teaser__grid,
.nee-home-region-teaser__grid,
.nee-home-natalia-teaser__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: clamp(2rem, 7vw, 7rem);
	align-items: end;
}

.nee-home-natalia-teaser__grid {
	grid-template-columns: minmax(8rem, .34fr) minmax(0, 1.66fr);
	align-items: start;
}

.nee-home-experience-teaser__copy,
.nee-home-region-teaser__copy,
.nee-home-natalia-teaser__grid > div {
	max-width: 42rem;
}

.nee-home-experience-teaser .wp-block-buttons,
.nee-home-natalia-teaser .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--l);
}

.nee-home-region-teaser__links {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.5rem;
	margin: 1.5rem 0 1.25rem;
}

.nee-home-region-teaser__links a,
.nee-home-region-teaser__main-link {
	color: var(--wp--preset--color--primary, #294438);
	text-decoration: none;
	font-weight: 650;
}

.nee-home-region-teaser__links a {
	padding-bottom: .18rem;
	border-bottom: 1px solid currentColor;
}

.nee-home-region-teaser__main-link {
	display: inline-flex;
	gap: .45rem;
	align-items: center;
}

.nee-about-experience__columns--text-only {
	justify-content: flex-end;
}

.nee-about-experience__columns--text-only .nee-about-experience__copy {
	flex-basis: min(100%, 52rem) !important;
	max-width: 52rem;
}

@media (max-width: 781px) {
	.nee-home-experience-teaser__grid,
	.nee-home-region-teaser__grid,
	.nee-home-natalia-teaser__grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* =========================================================
   v0.8.1 – Startseite als visueller Trailer
   Startseite macht Lust; Unterseiten vertiefen mit eigenen Bildern/Texten.
   ========================================================= */
.nee-home-experience-teaser--visual {
	background: var(--wp--preset--color--surface, #fcfaf5);
}

.nee-home-experience-teaser__header,
.nee-home-region-teaser__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: clamp(2rem, 7vw, 7rem);
	align-items: end;
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.nee-home-experience-teaser__header > p,
.nee-home-region-teaser__intro > div:last-child {
	max-width: 40rem;
}

.nee-home-moments {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(.8rem, 1.4vw, 1.25rem);
}

.nee-home-moment {
	position: relative;
	min-height: clamp(22rem, 36vw, 34rem);
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	isolation: isolate;
}

.nee-home-moment__media,
.nee-home-moment__media img,
.nee-home-region-shot img {
	width: 100%;
	height: 100%;
	margin: 0;
	display: block;
}

.nee-home-moment__media {
	position: absolute;
	inset: 0;
	z-index: -3;
}

.nee-home-moment__media img,
.nee-home-region-shot img {
	object-fit: cover;
	transition: transform .55s ease;
}

.nee-home-moment__shade {
	position: absolute;
	inset: 0;
	z-index: -2;
	background: linear-gradient(180deg, rgba(23,34,29,.04) 24%, rgba(23,34,29,.78) 100%);
}

.nee-home-moment__copy {
	position: absolute;
	left: clamp(1.2rem, 2vw, 1.8rem);
	right: clamp(1.2rem, 2vw, 1.8rem);
	bottom: clamp(1.25rem, 2.2vw, 2rem);
}

.nee-home-moment__copy h3 {
	margin: 0 0 .35rem;
	font-family: var(--wp--preset--font-family--heading, Georgia, serif);
	font-size: clamp(1.65rem, 2.5vw, 2.6rem);
	font-weight: 500;
	line-height: 1.05;
	color: #fff;
}

.nee-home-moment__copy p {
	margin: 0;
	font-size: clamp(.78rem, .72rem + .18vw, .92rem);
	font-weight: 650;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: rgba(255,255,255,.86);
}

.nee-home-moment:hover .nee-home-moment__media img,
.nee-home-moment:focus-visible .nee-home-moment__media img,
.nee-home-region-shot:hover img,
.nee-home-region-shot:focus-visible img {
	transform: scale(1.035);
}

.nee-home-experience-teaser__button {
	margin-top: clamp(1.75rem, 3vw, 2.75rem);
}

.nee-home-region-teaser--visual {
	background: var(--wp--preset--color--background, #f4f0e7);
	border-top: 1px solid rgba(41,68,56,.14);
	border-bottom: 1px solid rgba(41,68,56,.14);
}

.nee-home-region-pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(.8rem, 1.5vw, 1.35rem);
}

.nee-home-region-shot {
	position: relative;
	display: block;
	min-height: clamp(24rem, 40vw, 38rem);
	overflow: hidden;
	text-decoration: none;
	background: #20372e;
}

.nee-home-region-shot::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(23,34,29,.02) 45%, rgba(23,34,29,.58) 100%);
	pointer-events: none;
}

.nee-home-region-shot span {
	position: absolute;
	z-index: 1;
	left: clamp(1.25rem, 2.2vw, 2rem);
	bottom: clamp(1.25rem, 2.2vw, 2rem);
	font-family: var(--wp--preset--font-family--heading, Georgia, serif);
	font-size: clamp(2rem, 3.4vw, 3.8rem);
	line-height: 1;
	color: #fff;
}

@media (max-width: 900px) {
	.nee-home-moments {
		grid-template-columns: 1fr 1fr;
	}
	.nee-home-moment:first-child {
		grid-column: 1 / -1;
		min-height: 30rem;
	}
}

@media (max-width: 781px) {
	.nee-home-experience-teaser__header,
	.nee-home-region-teaser__intro,
	.nee-home-region-pair {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	.nee-home-moments {
		grid-template-columns: 1fr;
	}
	.nee-home-moment,
	.nee-home-moment:first-child,
	.nee-home-region-shot {
		min-height: min(72vw, 30rem);
		grid-column: auto;
	}
}


/* =========================================================
   v0.8.4 – Einheitliche Abschnittsüberschriften auf der Startseite
   Hero bleibt eigenständig; alle folgenden H2 teilen eine ruhigere Größe.
   ========================================================= */
.nee-intro__quote,
.nee-home-experience-teaser__header h2,
.nee-home-region-teaser__intro h2,
.nee-home-natalia-teaser h2,
.nee-contact-cta h2 {
	font-size: clamp(2.2rem, 3.65vw, 4.1rem) !important;
	line-height: 1.02 !important;
}

@media (max-width: 781px) {
	.nee-intro__quote,
	.nee-home-experience-teaser__header h2,
	.nee-home-region-teaser__intro h2,
	.nee-home-natalia-teaser h2,
	.nee-contact-cta h2 {
		font-size: clamp(2.15rem, 9.2vw, 3.35rem) !important;
		line-height: 1.02 !important;
	}
}


/* =========================================================
   v0.8.5 – Zwei lange Startseitenüberschriften auf zwei Zeilen beruhigt
   Schriftgröße bleibt identisch mit den übrigen Abschnittsüberschriften.
   ========================================================= */
.nee-home-natalia-teaser__grid > div {
	max-width: none;
}

.nee-home-natalia-teaser__grid > div > p {
	max-width: 42rem;
}

.nee-contact-cta h2 {
	max-width: 22ch;
}

@media (max-width: 781px) {
	.nee-contact-cta h2 {
		max-width: 18ch;
	}
}

/* =========================================================
   v0.8.10 – Startseiten-Abschluss linksbündig
   ========================================================= */
.nee-contact-cta h2,
.nee-contact-cta p {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.nee-contact-cta .wp-block-buttons {
	justify-content: flex-start;
}

/* =========================================================
   v0.8.11 – Abschluss-CTA an Natalia-Abschnitt ausgerichtet
   Der letzte Startseitenbereich nutzt auf Desktop dieselbe
   Zweispalten-Geometrie wie der Natalia-Abschnitt darüber.
   ========================================================= */
@media (min-width: 782px) {
	.nee-contact-cta .nee-section__inner {
		display: grid;
		grid-template-columns: minmax(8rem, .34fr) minmax(0, 1.66fr);
		column-gap: clamp(2rem, 7vw, 7rem);
		align-items: start;
	}

	.nee-contact-cta .nee-section__inner > h2,
	.nee-contact-cta .nee-section__inner > p,
	.nee-contact-cta .nee-section__inner > .wp-block-buttons {
		grid-column: 2;
	}

	.nee-contact-cta h2 {
		max-width: 22ch;
	}

	.nee-contact-cta p {
		max-width: 42rem;
	}
}


/* =========================================================
   v0.8.12 – Blog-Bezeichnung DE/ES vereinheitlicht
   Keine visuellen CSS-Änderungen in dieser Version.
   ========================================================= */

/* =========================================================
   v0.8.13 – Unterseiten-Abschlüsse & Footer
   Zentrierte Abschluss-CTAs der Inhaltsseiten werden an die
   linke Inhaltsachse zurückgeführt. Footer mit klarer heller
   Typografie und dynamischer Rechtsnavigation.
   ========================================================= */

/* Unterseiten: Abschlussbereiche linksbündig wie der übrige Seiteninhalt. */
.nee-about-cta h2,
.nee-about-cta__text,
.nee-territory-cta h2,
.nee-territory-cta__text,
.nee-individual-cta h2,
.nee-individual-cta__text,
.nee-experience-page-cta h2,
.nee-experience-page-cta p {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.nee-about-cta .wp-block-buttons,
.nee-territory-cta .wp-block-buttons,
.nee-individual-cta .wp-block-buttons,
.nee-experience-page-cta .wp-block-buttons {
	justify-content: flex-start;
}

.nee-about-cta .nee-eyebrow,
.nee-territory-cta .nee-eyebrow,
.nee-individual-cta .nee-eyebrow,
.nee-experience-page-cta .nee-eyebrow {
	text-align: left;
}

/* Footer: expliziter Kontrast statt Vererbung der dunklen globalen Linkfarbe. */
.nee-site-footer {
	color: var(--wp--preset--color--surface);
}

.nee-site-footer p,
.nee-site-footer a,
.nee-site-footer .wp-block-shortcode {
	color: var(--wp--preset--color--surface);
}

.nee-site-footer a {
	text-decoration: none;
	text-underline-offset: .22em;
	transition: opacity 160ms ease, text-decoration-color 160ms ease;
}

.nee-site-footer a:hover,
.nee-site-footer a:focus-visible {
	opacity: .76;
	text-decoration: underline;
}

.nee-site-footer__intro,
.nee-site-footer__credit {
	margin: 0;
}

.nee-site-footer__top {
	width: 100%;
}

.nee-site-footer__top > .wp-block-shortcode {
	width: 100%;
	max-width: none !important;
	margin-inline: 0 !important;
}

.nee-site-footer__intro {
	max-width: 50rem;
}

.nee-site-footer__rule {
	margin-top: clamp(2rem, 4vw, 3.5rem);
	margin-bottom: clamp(1.35rem, 2.5vw, 2rem);
	opacity: .34;
}

.nee-site-footer__bottom {
	gap: 1rem 2rem;
	align-items: center;
}

.nee-site-footer__credit {
	color: color-mix(in srgb, var(--wp--preset--color--surface) 72%, transparent) !important;
}

.nee-footer-legal__list {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem 1.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nee-footer-legal__list a {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

@media (max-width: 781px) {
	.nee-site-footer__top {
		gap: 1.25rem;
	}

	.nee-site-footer__meta {
		text-align: left !important;
	}

	.nee-site-footer__bottom {
		display: grid !important;
		grid-template-columns: 1fr;
		justify-items: start;
	}
}

/* =========================================================
   v0.8.14 – Abschlussbereiche nach „Die Region“ vereinheitlicht
   Erlebnisse sowie die letzten beiden Startseitenabschnitte
   übernehmen dieselbe Inhaltsachse und typografische Hierarchie.
   ========================================================= */

/* Gemeinsame Geometrie: Eyebrow → Display-H2 → Text → Button. */
.nee-outro {
	padding-top: clamp(5rem, 8vw, 8rem);
	padding-bottom: clamp(5rem, 8vw, 8rem);
}

/* Alte Grid-/Constrained-Regeln dürfen die linke Inhaltsachse nicht mehr verschieben. */
.nee-outro .nee-section__inner {
	display: block;
	width: min(100%, 1360px);
	margin-inline: auto;
}

.nee-outro .nee-eyebrow {
	margin: 0 0 1rem;
	text-align: left;
}

.nee-outro h2 {
	max-width: 12ch;
	margin: .5rem 0 1.6rem;
	font-size: clamp(3rem, 5.5vw, 6rem) !important;
	line-height: .98 !important;
	letter-spacing: -.045em;
	text-align: left;
}

.nee-outro .nee-outro__text {
	max-width: 48rem;
	margin: 0 0 2rem;
	font-size: clamp(1.08rem, 1rem + .3vw, 1.3rem);
	line-height: 1.65;
	text-align: left;
}

.nee-outro .nee-outro__actions,
.nee-outro .wp-block-buttons {
	justify-content: flex-start;
	margin-top: 0 !important;
}

/* Helle Abschlussbereiche wie „Die Region“. */
.nee-territory-cta.nee-outro .nee-outro__text,
.nee-home-natalia-teaser.nee-outro .nee-outro__text {
	color: var(--wp--preset--color--muted);
}

/* Terrakotta-Abschlüsse: gleiche Struktur, inverse Typografie. */
.nee-outro--inverse,
.nee-outro--inverse h2,
.nee-outro--inverse .nee-eyebrow,
.nee-outro--inverse .nee-outro__text {
	color: var(--wp--preset--color--surface) !important;
}

/* Die alte Startseiten-Zweispalten-Geometrie ist ab v0.8.14 bewusst aufgehoben. */
.nee-home-natalia-teaser__grid {
	display: block;
}

@media (max-width: 781px) {
	.nee-outro {
		padding-top: clamp(4rem, 14vw, 5.5rem);
		padding-bottom: clamp(4rem, 14vw, 5.5rem);
	}

	.nee-outro h2 {
		max-width: 100%;
		font-size: clamp(2.6rem, 11vw, 4rem) !important;
		line-height: 1 !important;
	}

	.nee-outro .nee-outro__text {
		max-width: 100%;
	}
}

/* =========================================================
   v0.8.15 – Abschluss-CTAs als ruhige Zweispalten-Komponente
   Desktop: Überüberschrift + Überschrift links, Text + Button rechts.
   Mobil: wieder einspaltig in natürlicher Lesereihenfolge.
   ========================================================= */
@media (min-width: 782px) {
	.nee-outro .nee-section__inner {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		column-gap: clamp(2.5rem, 7vw, 7rem);
		align-items: start;
	}

	.nee-outro__heading,
	.nee-outro__body {
		min-width: 0;
	}

	.nee-outro__heading {
		grid-column: 1;
	}

	.nee-outro__body {
		grid-column: 2;
		padding-top: clamp(2.25rem, 2.5vw, 3rem);
	}

	.nee-outro h2 {
		max-width: 12ch;
		margin-bottom: 0;
	}

	.nee-outro .nee-outro__text {
		max-width: 40rem;
		margin: 0 0 2rem;
	}

	.nee-outro .nee-outro__actions,
	.nee-outro .nee-outro__body > .wp-block-buttons {
		justify-content: flex-start;
	}
}

@media (max-width: 781px) {
	.nee-outro .nee-section__inner {
		display: block;
	}

	.nee-outro__body {
		padding-top: 1.5rem;
	}

	.nee-outro h2 {
		margin-bottom: 0;
	}
}


/* =========================================================
   v0.8.25 – Individuell: Typografie & Bild „Kein Katalog“
   Größerer Zutaten-Fließtext, kompaktere einzeilige Prozess-
   Überschriften auf Desktop und neues Landschaftsbild.
   ========================================================= */

.nee-individual-interests__intro .wp-block-column:last-child p {
	font-size: clamp(1.18rem, 1.05rem + .42vw, 1.45rem);
	line-height: 1.62;
}

@media (min-width: 901px) {
	html[lang^="de"] .nee-individual-step h3 {
		font-size: clamp(1.5rem, 1.7vw, 2.05rem);
		white-space: nowrap;
	}
}

/* =========================================================
   v0.8.25 – Individuell: unterer Bild/Text-Bereich wie Hero
   Text links, Bild rechts; gleiche Desktop-Geometrie und
   deutlich harmonischere Typografie.
   ========================================================= */

.nee-individual-freedom__copy h2 {
	max-width: 14.5ch;
	margin: .5rem 0 1.6rem;
	font-size: clamp(3.1rem, 4.45vw, 5.25rem);
	line-height: .96;
	letter-spacing: -.04em;
}

.nee-individual-freedom__copy p {
	max-width: 37rem;
	margin: 0 0 1.15rem;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.12rem, 1rem + .35vw, 1.4rem);
	line-height: 1.65;
}

.nee-individual-freedom__copy p:last-child {
	margin-bottom: 0;
}

@media (min-width: 901px) {
	.nee-individual-freedom__columns {
		grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}
}

@media (max-width: 600px) {
	.nee-individual-freedom__copy h2 {
		max-width: 100%;
		font-size: clamp(2.85rem, 10.2vw, 4rem);
		line-height: .98;
	}
}

/* =========================================================
   v0.8.26 – Region: einzeilige Verbindungs-Titel
   ========================================================= */
@media (min-width: 981px) {
	.nee-territory-connection h3 {
		font-size: clamp(1.55rem, 1.85vw, 2.25rem);
		letter-spacing: -.04em;
		white-space: nowrap;
	}
}


/* =========================================================
   v0.8.27 – Region: Kapitel wie Individuell + Carucedo-Credit
   El Bierzo und Valdeorras folgen derselben klaren Desktop-
   Geometrie: Text links, Bild rechts.
   ========================================================= */

@media (min-width: 981px) {
	.nee-territory-chapter__columns,
	.nee-territory-chapter--alt .nee-territory-chapter__columns {
		display: grid;
		grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}

	.nee-territory-chapter__copy-col,
	.nee-territory-chapter__media-col {
		min-width: 0;
		flex-basis: auto !important;
	}
}

.nee-territory-chapter h2 {
	max-width: 14.5ch;
	margin: .5rem 0 1.6rem;
	font-size: clamp(3.1rem, 4.45vw, 5.25rem);
	line-height: .96;
	letter-spacing: -.04em;
}

.nee-territory-chapter__text {
	max-width: 37rem;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.12rem, 1rem + .35vw, 1.4rem);
	line-height: 1.65;
}

.nee-territory-chapter__note {
	max-width: 37rem;
}

.nee-territory-chapter__note p {
	color: var(--wp--preset--color--muted);
	font-size: clamp(1rem, .95rem + .2vw, 1.16rem);
	line-height: 1.62;
}

.nee-territory-chapter__media img {
	aspect-ratio: 4 / 3;
}

.nee-territory-highlight__credit {
	margin-top: .8rem !important;
	font-size: .68rem !important;
	line-height: 1.4 !important;
	color: color-mix(in srgb, var(--wp--preset--color--muted) 88%, transparent) !important;
}

.nee-territory-highlight__credit a {
	color: inherit;
	text-decoration-thickness: 1px;
}

@media (max-width: 980px) {
	.nee-territory-chapter__columns,
	.nee-territory-chapter--alt .nee-territory-chapter__columns {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 2.25rem;
	}

	.nee-territory-chapter__media {
		margin-bottom: 0;
	}
}

/* =========================================================
   v0.8.29 – Über Natalia: redaktionelle Geometrie wie „Individuell“
   Stabile Zweispalten-Raster für Hero, Wurzeln, Erfahrung und Heute.
   ========================================================= */

@media (min-width: 901px) {
	.nee-about-hero__columns {
		display: grid;
		grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}

	.nee-about-hero__copy,
	.nee-about-hero__media-col {
		min-width: 0;
		flex-basis: auto !important;
	}

	.nee-about-roots__columns,
	.nee-about-experience__columns,
	.nee-about-today__intro {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: start;
	}

	.nee-about-roots__heading,
	.nee-about-roots__text,
	.nee-about-experience__heading,
	.nee-about-experience__copy {
		min-width: 0;
		flex-basis: auto !important;
	}
}

.nee-about-hero__title {
	max-width: 14.5ch;
	font-size: clamp(3.1rem, 4.45vw, 5.25rem);
	line-height: .96;
}

@media (min-width: 981px) {
	.nee-about-hero__title .nee-title-line {
		white-space: nowrap;
	}
}

.nee-about-roots h2,
.nee-about-experience h2,
.nee-about-today h2 {
	max-width: 18.5ch;
	margin: .5rem 0 0;
	font-size: clamp(2.7rem, 3.8vw, 4.55rem);
	line-height: .99;
	letter-spacing: -.035em;
}

.nee-about-roots__text p,
.nee-about-experience__copy p,
.nee-about-today__text p {
	max-width: 38rem;
	margin-top: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.03rem, .98rem + .18vw, 1.18rem);
	line-height: 1.65;
}

.nee-about-roots__text p + p,
.nee-about-experience__copy p + p {
	margin-top: 1.2rem;
}

.nee-about-experience__columns--text-only {
	justify-content: initial;
}

.nee-about-experience__columns--text-only .nee-about-experience__copy {
	max-width: none;
}

.nee-about-today__intro {
	max-width: none;
	margin-bottom: clamp(3rem, 6vw, 5rem);
}

.nee-about-today__text p {
	margin-bottom: 0;
	color: var(--wp--preset--color--background);
}

.nee-about-today__intro > p:last-child {
	max-width: none;
}

@media (max-width: 900px) {
	.nee-about-hero__columns,
	.nee-about-roots__columns,
	.nee-about-experience__columns,
	.nee-about-today__intro {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.nee-about-hero__title {
		max-width: 100%;
		font-size: clamp(2.85rem, 10.2vw, 4rem);
		line-height: .98;
	}
}

/* =========================================================
   v0.8.29 – Über Natalia: echte „Individuell“-Logik
   Zusammengehörige Überschrift und Fließtext bleiben in einer
   linken Erzählspalte; rechts steht Bild, Zitat oder Vertiefung.
   ========================================================= */

/* Hero: exakt dieselbe visuelle Logik wie auf „Individuell“,
   aber ohne erzwungene Einzeiligkeit bei der längeren Überschrift. */
.nee-about-hero__title {
	max-width: 100%;
	font-size: clamp(3.15rem, 3.95vw, 4.8rem);
	line-height: .98;
	letter-spacing: -.04em;
}

.nee-about-hero__title .nee-title-line {
	white-space: normal !important;
}

.nee-about-hero__lead {
	max-width: 35rem;
	font-size: clamp(1.12rem, 1rem + .35vw, 1.4rem);
	line-height: 1.65;
}

/* Wurzeln: Überschrift und beide Absätze sind wieder ein zusammenhängender
   Block links. Das persönliche Statement übernimmt die rechte Bild-/Akzentspalte. */
.nee-about-roots__copy h2,
.nee-about-experience__copy h2,
.nee-about-today__intro h2 {
	max-width: 11.5ch;
	margin: .5rem 0 1.45rem;
	font-size: clamp(2.9rem, 4vw, 4.7rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.nee-about-roots__text p,
.nee-about-experience__copy > p,
.nee-about-today__text p {
	max-width: 35rem;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.08rem, 1rem + .25vw, 1.28rem);
	line-height: 1.68;
}

.nee-about-roots__text p + p {
	margin-top: 1.2rem;
}

.nee-about-roots__aside {
	display: flex;
	align-items: center;
	min-width: 0;
}

.nee-about-quote {
	max-width: 31rem;
	margin: 0;
	padding: 0 0 0 clamp(1.4rem, 2.5vw, 2.4rem);
	border: 0;
	border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--accent) 68%, transparent);
}

.nee-about-quote p {
	margin: 0;
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.2rem, 3.15vw, 3.7rem);
	font-style: normal;
	line-height: 1.06;
	letter-spacing: -.035em;
	text-align: left;
}

/* Erfahrung: Hauptgedanke links; der zweite Absatz wird zur ruhigen
   Vertiefung rechts statt die Überschrift von ihrem Text zu trennen. */
.nee-about-experience__aside {
	display: flex;
	align-items: center;
	min-width: 0;
}

.nee-about-experience__aside p {
	max-width: 31rem;
	margin: 0;
	color: var(--wp--preset--color--primary);
	font-size: clamp(1.35rem, 1.1rem + .55vw, 1.75rem);
	line-height: 1.55;
}

/* Heute: links die Erzählung, rechts die drei Versprechen als ruhige Liste. */
.nee-about-today__intro {
	max-width: none;
	margin: 0;
}

.nee-about-today__text p {
	max-width: 34rem;
	color: var(--wp--preset--color--background);
}

.nee-about-today__layout {
	display: grid;
	grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
	gap: clamp(3rem, 6vw, 6rem);
	align-items: start;
}

.nee-about-promises {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	border-top: 1px solid rgba(252, 250, 245, .28);
}

.nee-about-promise,
.nee-about-promise + .nee-about-promise {
	display: grid;
	grid-template-columns: 2.8rem minmax(8rem, .42fr) minmax(0, 1fr);
	gap: 1.1rem;
	align-items: start;
	min-height: 0;
	padding: 1.35rem 0 1.45rem;
	border-right: 0;
	border-bottom: 1px solid rgba(252, 250, 245, .22);
}

.nee-about-promise:last-child {
	border-bottom: 0;
}

.nee-about-promise > span {
	margin: .25rem 0 0;
}

.nee-about-promise h3 {
	margin: 0;
	font-size: clamp(1.65rem, 1.35rem + .5vw, 2.1rem);
	line-height: 1.05;
}

.nee-about-promise p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.58;
}

@media (min-width: 901px) {
	.nee-about-hero__columns,
	.nee-about-roots__columns,
	.nee-about-experience__columns {
		display: grid;
		grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
		gap: clamp(3rem, 6vw, 6rem);
		align-items: center;
	}

	.nee-about-hero__copy,
	.nee-about-hero__media-col,
	.nee-about-roots__copy,
	.nee-about-roots__aside,
	.nee-about-experience__copy,
	.nee-about-experience__aside {
		min-width: 0;
		flex-basis: auto !important;
	}
}

@media (max-width: 900px) {
	.nee-about-hero__columns,
	.nee-about-roots__columns,
	.nee-about-experience__columns,
	.nee-about-today__layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 2.4rem;
	}

	.nee-about-quote,
	.nee-about-experience__aside p {
		max-width: 40rem;
	}

	.nee-about-promises {
		margin-top: .5rem;
	}
}

@media (max-width: 600px) {
	.nee-about-hero__title {
		font-size: clamp(2.85rem, 10.2vw, 4rem);
		line-height: .98;
	}

	.nee-about-roots__copy h2,
	.nee-about-experience__copy h2,
	.nee-about-today__intro h2 {
		max-width: 100%;
		font-size: clamp(2.6rem, 10.5vw, 3.9rem);
	}

	.nee-about-quote p {
		font-size: clamp(2rem, 8.8vw, 3.2rem);
	}

	.nee-about-promise,
	.nee-about-promise + .nee-about-promise {
		grid-template-columns: 2.4rem minmax(0, 1fr);
	}

	.nee-about-promise p {
		grid-column: 2;
	}
}


/* =========================================================
   v0.8.31 – Über Natalia: „Heute“-Kacheln wieder horizontal
   ========================================================= */
.nee-about-today__layout {
	display: block;
}

.nee-about-today__intro {
	max-width: 60rem;
	margin: 0 0 clamp(3rem, 6vw, 5rem);
}

.nee-about-today__text p {
	max-width: 45rem;
}

.nee-about-promises {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 0;
	border-top: 1px solid rgba(252, 250, 245, .28);
}

.nee-about-promise,
.nee-about-promise + .nee-about-promise {
	display: block;
	min-height: 17rem;
	padding: 1.6rem 2rem 1.8rem 0;
	border-right: 1px solid rgba(252, 250, 245, .22);
	border-bottom: 0;
}

.nee-about-promise + .nee-about-promise {
	padding-left: 2rem;
}

.nee-about-promise:last-child {
	border-right: 0;
}

.nee-about-promise > span {
	display: block;
	margin: 0 0 3.5rem;
}

.nee-about-promise h3 {
	margin: 0 0 .9rem;
	font-size: clamp(1.8rem, 2.6vw, 2.7rem);
	line-height: 1;
}

.nee-about-promise p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.62;
}

@media (max-width: 900px) {
	.nee-about-promises {
		grid-template-columns: minmax(0, 1fr);
	}

	.nee-about-promise,
	.nee-about-promise + .nee-about-promise {
		min-height: 0;
		padding: 1.6rem 0 2rem;
		border-right: 0;
		border-bottom: 1px solid rgba(252, 250, 245, .22);
	}

	.nee-about-promise:last-child {
		border-bottom: 0;
	}

	.nee-about-promise > span {
		margin-bottom: 1.5rem;
	}
}


/* =========================================================
   v0.8.33 – Über Natalia: „Heute“ als klarer Zweispaltenkopf
   Überschrift links, Einleitung rechts; Kacheln bleiben darunter.
   ========================================================= */
.nee-about-today__intro {
	display: grid;
	grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
	gap: clamp(3rem, 6vw, 6rem);
	align-items: start;
	max-width: none;
	margin: 0 0 clamp(3rem, 6vw, 5rem);
}

.nee-about-today__heading {
	min-width: 0;
}

.nee-about-today__heading h2 {
	max-width: 10.5ch;
	margin: .5rem 0 0;
}

.nee-about-today__text {
	min-width: 0;
	padding-top: 2.1rem;
}

.nee-about-today__text p {
	max-width: 34rem;
	margin: 0;
}

@media (max-width: 900px) {
	.nee-about-today__intro {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.8rem;
	}

	.nee-about-today__heading h2 {
		max-width: 100%;
	}

	.nee-about-today__text {
		padding-top: 0;
	}
}

/* v0.8.34 – Region: drei El-Bierzo-Kacheln über volle Desktopbreite */
@media (min-width: 981px) {
	.nee-territory-highlights--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}


/* =========================================================
   v0.8.43 – Die Region: kompaktere Abschlussüberschriften
   Desktop: Brücken-Headline max. 2 Zeilen, CTA max. 3 Zeilen.
   ========================================================= */
@media (min-width: 782px) {
	.nee-territory-bridge h2 {
		max-width: 100%;
		font-size: clamp(3.25rem, 4.15vw, 4.75rem);
		line-height: .98;
	}

	.nee-territory-cta.nee-outro h2 {
		max-width: 100%;
		font-size: clamp(3.15rem, 4vw, 4.55rem) !important;
		line-height: .98 !important;
	}
}


/* =========================================================
   v0.8.46 – Über Natalia: Wurzeln mit solitärer Überschrift
   ========================================================= */
@media (min-width: 901px) {
	.nee-about-roots__columns--split {
		align-items: start;
	}

	.nee-about-roots__columns--split .nee-about-roots__copy {
		align-self: start;
	}

	.nee-about-roots__columns--split .nee-about-roots__aside {
		display: block;
		align-self: start;
	}

	.nee-about-roots__text--right {
		max-width: 42rem;
	}
}

/* =========================================================
   v0.8.48 – Über Natalia: „Heute“-Block luftiger, rechte
   Textspalte weiter nach rechts, Überschrift links kompakter.
   Ziel: Desktop mit max. 2 Zeilen im Titel.
   ========================================================= */
.nee-about-today__intro {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(18rem, .82fr);
	gap: clamp(2rem, 4.5vw, 5.5rem);
	align-items: start;
}

.nee-about-today__heading h2 {
	max-width: 16.25ch;
	font-size: clamp(2.55rem, 3.35vw, 4rem);
	line-height: .98;
	letter-spacing: -.04em;
	margin: .55rem 0 0;
}

.nee-about-today__text {
	justify-self: end;
	width: 100%;
	max-width: 31rem;
	padding-top: clamp(1.8rem, 3.3vw, 2.8rem);
}

.nee-about-today__text p {
	max-width: 31rem;
	font-size: clamp(1.14rem, 1.02rem + .32vw, 1.34rem);
	line-height: 1.72;
	margin: 0;
}

@media (max-width: 900px) {
	.nee-about-today__intro {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.8rem;
	}

	.nee-about-today__heading h2 {
		max-width: 100%;
	}

	.nee-about-today__text {
		justify-self: stretch;
		max-width: none;
		padding-top: 0;
	}

	.nee-about-today__text p {
		max-width: 100%;
	}
}


/* =========================================================
   v0.9.2 – Spanische Startseite: kontrollierte Titelumbrüche
   und neue Naturaleza-Bildzuordnung.
   ========================================================= */
@media (min-width: 782px) {
	.nee-home-natalia-title--es {
		max-width: none !important;
		font-size: clamp(2.65rem, 3.15vw, 3.55rem) !important;
		line-height: 1.02 !important;
	}

	.nee-home-natalia-title--es .nee-home-natalia-title__line {
		display: block;
		white-space: nowrap;
	}

	.nee-contact-cta-title--es {
		max-width: none !important;
		font-size: clamp(2.55rem, 3vw, 3.45rem) !important;
		line-height: 1.02 !important;
	}

	.nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: block;
		white-space: nowrap;
	}
}

@media (max-width: 781px) {
	.nee-home-natalia-title--es .nee-home-natalia-title__line,
	.nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: inline;
		white-space: normal;
	}

	.nee-home-natalia-title--es .nee-home-natalia-title__line + .nee-home-natalia-title__line::before,
	.nee-contact-cta-title--es .nee-contact-cta-title__line + .nee-contact-cta-title__line::before {
		content: " ";
	}
}

/* =========================================================
   v0.9.6 – El territorio (ES): kicker de El Bierzo en una sola línea
   en pantallas de escritorio.
   ========================================================= */
@media (min-width: 981px) {
	html[lang^="es"] #el-bierzo .nee-territory-chapter__kicker {
		white-space: nowrap;
		font-size: .68rem;
		letter-spacing: .075em;
	}
}

/* =========================================================
   v0.9.7 – Experiences / Erlebnisse: Hero als Bildbühne
   ========================================================= */

.nee-territory-page-hero--experiences {
	min-height: clamp(33rem, 70vh, 46rem);
}

.nee-territory-page-hero--experiences .nee-territory-page-hero__media img {
	object-position: center 56%;
}

.nee-territory-page-hero--experiences .nee-territory-page-hero__copy {
	max-width: min(46rem, 60vw);
}

.nee-territory-page-hero--experiences .nee-territory-page-hero__title {
	max-width: 12.5ch;
}

.nee-territory-page-hero--experiences .nee-territory-page-hero__lead {
	max-width: 36rem;
}

@media (max-width: 600px) {
	.nee-territory-page-hero--experiences .nee-territory-page-hero__copy,
	html[lang^="es"] .nee-territory-page-hero--experiences .nee-territory-page-hero__copy {
		max-width: 100%;
	}

	.nee-territory-page-hero--experiences .nee-territory-page-hero__title,
	html[lang^="es"] .nee-territory-page-hero--experiences .nee-territory-page-hero__title {
		max-width: 100%;
	}

	.nee-territory-page-hero--experiences .nee-territory-page-hero__media img {
		object-position: center 52%;
	}
}

/* =========================================================
   v0.9.8 – Experiencias: Desktop-Feinschliff Karten
   ========================================================= */

@media (min-width: 781px) {
	html[lang^="es"] #naturaleza-senderismo h2,
	html[lang^="es"] #cultura-historia h2 {
		max-width: none;
		font-size: clamp(2.25rem, 2rem + 1.55vw, 4rem) !important;
		white-space: nowrap;
	}

	html[lang^="es"] #cultura-historia .nee-experience-detail__focus {
		font-size: 0.9rem;
		white-space: nowrap;
	}
}

@media (max-width: 780px) {
	html[lang^="es"] #naturaleza-senderismo h2,
	html[lang^="es"] #cultura-historia h2,
	html[lang^="es"] #cultura-historia .nee-experience-detail__focus {
		white-space: normal;
	}
}

/* =========================================================
   v0.9.11 – Startseiten-Hero: sprachstabile Desktop-Höhe
   Der deutsche Claim belegt vier Zeilen, der spanische drei.
   Ein identischer Mindestplatz verhindert, dass sich Hero-Höhe
   und Hintergrund-Ausschnitt beim Sprachwechsel verschieben.
   ========================================================= */
@media (min-width: 901px) {
	.nee-hero__claim {
		min-height: calc(4 * 1.55em);
	}
}

/* =========================================================
   v0.9.12 – Laptop-Responsive Typografie (13–14 Zoll)
   Große Display-Überschriften und bewusst erzwungene Einzeiler
   dürfen auf mittleren Desktopbreiten nicht in Nachbarspalten ragen.
   Große Desktops > 1440 px und Mobile/Tablet <= 900 px bleiben
   in ihrer bisherigen Gestaltung unverändert.
   ========================================================= */
@media (min-width: 901px) and (max-width: 1440px) {
	/* Alle großen Titel dürfen innerhalb ihrer eigenen Spalte umbrechen. */
	.nee-title-line,
	.nee-subhero__title .nee-title-line,
	.nee-territory-page-hero__title .nee-title-line,
	.nee-individual-hero__title .nee-title-line,
	.nee-about-hero__title .nee-title-line,
	.nee-contact-page__title .nee-title-line,
	.nee-home-natalia-title--es .nee-home-natalia-title__line,
	.nee-contact-cta-title--es .nee-contact-cta-title__line {
		white-space: normal !important;
	}

	/* Kein Grid-/Flex-Kind darf seine Spalte wegen intrinsischer Textbreite sprengen. */
	.nee-outro__heading,
	.nee-outro__body,
	.nee-territory-bridge__inner > *,
	.nee-territory-chapter__columns > *,
	.nee-about-hero__columns > *,
	.nee-about-roots__columns > *,
	.nee-about-experience__columns > *,
	.nee-about-today__intro > *,
	.nee-individual-hero__columns > *,
	.nee-individual-interests__intro > *,
	.nee-individual-freedom__columns > *,
	.nee-contact-layout > * {
		min-width: 0;
	}

	/* H1 / Hero-Displays: auf Laptop ruhiger skalieren. */
	.nee-hero__title {
		font-size: clamp(3.55rem, 5vw, 4.75rem) !important;
	}

	.nee-subhero__title,
	.nee-territory-page-hero__title,
	.nee-about-hero__title,
	.nee-individual-hero__title,
	.nee-contact-page__title,
	.nee-diary-page__intro h1 {
		max-width: 100%;
		font-size: clamp(3rem, 4.3vw, 4rem) !important;
		line-height: .98 !important;
		text-wrap: balance;
	}

	/* Große Abschnittsüberschriften in Zwei-Spalten-Bereichen. */
	.nee-intro__quote,
	.nee-home-experience-teaser__header h2,
	.nee-home-region-teaser__intro h2,
	.nee-home-natalia-teaser h2,
	.nee-contact-cta h2,
	.nee-experience-note h2,
	.nee-experience-detail h2,
	.nee-experience-page-cta h2,
	.nee-territory-chapter h2,
	.nee-territory-bridge h2,
	.nee-territory-cta h2,
	.nee-about-roots h2,
	.nee-about-experience h2,
	.nee-about-today h2,
	.nee-about-cta h2,
	.nee-individual-process__intro h2,
	.nee-individual-interests__intro h2,
	.nee-individual-freedom__copy h2,
	.nee-individual-cta h2,
	.nee-diary-empty h2,
	.nee-contact-form-panel h2,
	.nee-outro h2 {
		max-width: 100% !important;
		font-size: clamp(2.6rem, 3.55vw, 3.55rem) !important;
		line-height: 1 !important;
		text-wrap: balance;
	}

	/* Speziell die spanischen Startseiten-Titel dürfen auf Laptops
	   natürlich umbrechen, statt in die rechte Textspalte zu laufen. */
	.nee-home-natalia-title--es,
	.nee-contact-cta-title--es {
		max-width: 100% !important;
		font-size: clamp(2.55rem, 3.35vw, 3.35rem) !important;
		line-height: 1.02 !important;
	}

	/* Redaktionell erzwungene Einzeiler nur auf großen Desktops beibehalten. */
	html[lang^="es"] #naturaleza-senderismo h2,
	html[lang^="es"] #cultura-historia h2,
	html[lang^="es"] #cultura-historia .nee-experience-detail__focus,
	html[lang^="es"] #el-bierzo .nee-territory-chapter__kicker,
	.nee-territory-connection h3,
	html[lang^="de"] .nee-individual-step h3,
	.nee-contact-form-panel h2 {
		white-space: normal !important;
	}

	/* Etwas kompaktere Spaltenabstände schaffen auf kleinen Laptops
	   zusätzliche nutzbare Textbreite, ohne die Desktopwirkung aufzugeben. */
	.nee-outro .nee-section__inner,
	.nee-territory-bridge__inner,
	.nee-territory-chapter__columns,
	.nee-territory-chapter--alt .nee-territory-chapter__columns,
	.nee-about-hero__columns,
	.nee-about-roots__columns,
	.nee-about-experience__columns,
	.nee-about-today__intro,
	.nee-individual-hero__columns,
	.nee-individual-interests__intro,
	.nee-individual-freedom__columns,
	.nee-contact-layout {
		column-gap: clamp(2rem, 3.5vw, 3.25rem) !important;
	}
}



/* =========================================================
   v0.9.14 – Spanische Startseite: Laptop-Fix für die beiden
   langen Abschlussüberschriften „Natalia“ und „A medida“.
   Der problematische Bereich 782–900 px lag bislang zwischen
   Tablet- und v0.9.12-Laptop-Regeln; dort blieb nowrap aus
   v0.9.2 aktiv. Diese beiden Titel dürfen jetzt sauber umbrechen
   und erhalten in der schmalen Desktopansicht etwas mehr Raum.
   ========================================================= */
@media (min-width: 782px) and (max-width: 1100px) {
	html[lang^="es"] .nee-home-natalia-teaser .nee-section__inner,
	html[lang^="es"] .nee-contact-cta .nee-section__inner {
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		column-gap: clamp(1.5rem, 3vw, 2.25rem) !important;
	}

	html[lang^="es"] .nee-home-natalia-title--es,
	html[lang^="es"] .nee-contact-cta-title--es {
		max-width: 100% !important;
		font-size: clamp(2.05rem, 3.9vw, 2.75rem) !important;
		line-height: 1.03 !important;
		letter-spacing: -.035em;
		text-wrap: balance;
	}

	html[lang^="es"] .nee-home-natalia-title--es .nee-home-natalia-title__line,
	html[lang^="es"] .nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: block;
		max-width: 100%;
		white-space: normal !important;
		overflow-wrap: normal;
	}
}


/* =========================================================
   v0.9.14 – Spanische Startseite: belastbarer Laptop-Fix
   Die beiden langen Titel „Natalia“ und „A medida“ wechseln auf
   schmalen Laptop-/Tablet-Querformaten bewusst in eine einspaltige
   Anordnung. Auf mittleren Desktops bleiben zwei Spalten erhalten,
   jedoch mit kleinerer Displaytypografie und ohne nowrap. Dadurch
   kann keine Überschrift mehr in den Fließtext der rechten Spalte ragen.
   ========================================================= */

/* 13-Zoll-Laptops / Tablet quer: erst Überschrift, dann Text. */
@media (min-width: 782px) and (max-width: 1180px) {
	html[lang^="es"] .nee-home-natalia-teaser .nee-section__inner,
	html[lang^="es"] .nee-contact-cta .nee-section__inner {
		display: block !important;
	}

	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__heading,
	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__body,
	html[lang^="es"] .nee-contact-cta .nee-outro__heading,
	html[lang^="es"] .nee-contact-cta .nee-outro__body {
		width: 100%;
		max-width: 48rem;
		padding-top: 0;
	}

	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__body,
	html[lang^="es"] .nee-contact-cta .nee-outro__body {
		margin-top: clamp(1.75rem, 4vw, 2.5rem);
	}

	html[lang^="es"] .nee-home-natalia-title--es,
	html[lang^="es"] .nee-contact-cta-title--es {
		max-width: 15ch !important;
		font-size: clamp(2.35rem, 5vw, 3.15rem) !important;
		line-height: 1.01 !important;
		letter-spacing: -.04em;
		text-wrap: balance;
	}

	html[lang^="es"] .nee-home-natalia-title--es .nee-home-natalia-title__line,
	html[lang^="es"] .nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: inline;
		white-space: normal !important;
	}

	html[lang^="es"] .nee-home-natalia-title--es .nee-home-natalia-title__line + .nee-home-natalia-title__line::before,
	html[lang^="es"] .nee-contact-cta-title--es .nee-contact-cta-title__line + .nee-contact-cta-title__line::before {
		content: " ";
	}
}

/* Mittlere Desktopbreiten: Zweispaltenoptik erhalten, aber sicher dimensioniert. */
@media (min-width: 1181px) and (max-width: 1600px) {
	html[lang^="es"] .nee-home-natalia-teaser .nee-section__inner,
	html[lang^="es"] .nee-contact-cta .nee-section__inner {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
		column-gap: clamp(2.25rem, 4vw, 4.5rem) !important;
	}

	html[lang^="es"] .nee-home-natalia-title--es,
	html[lang^="es"] .nee-contact-cta-title--es {
		max-width: 100% !important;
		font-size: clamp(2.25rem, 2.65vw, 2.8rem) !important;
		line-height: 1.02 !important;
		letter-spacing: -.035em;
		text-wrap: balance;
	}

	html[lang^="es"] .nee-home-natalia-title--es .nee-home-natalia-title__line,
	html[lang^="es"] .nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: block;
		white-space: normal !important;
		max-width: 100%;
	}
}


/* =========================================================
   v0.9.15 – Spanische Startseite: desktopfester Abschluss-Fix
   v0.9.14 endete bei 1600 CSS-Pixeln. Auf größeren Viewports
   griff deshalb wieder die ältere v0.9.2-Regel mit nowrap und
   die langen spanischen Titel konnten erneut in die Textspalte
   hineinragen. Ab 1181 px gilt die sichere Geometrie nun ohne
   obere Begrenzung. Die Titel dürfen stets innerhalb der linken
   Spalte umbrechen; das Zweispaltenlayout bleibt erhalten.
   ========================================================= */
@media (min-width: 1181px) {
	html[lang^="es"] .nee-home-natalia-teaser .nee-section__inner,
	html[lang^="es"] .nee-contact-cta .nee-section__inner {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
		column-gap: clamp(2.5rem, 4vw, 4rem) !important;
	}

	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__heading,
	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__body,
	html[lang^="es"] .nee-contact-cta .nee-outro__heading,
	html[lang^="es"] .nee-contact-cta .nee-outro__body {
		min-width: 0;
	}

	html[lang^="es"] .nee-home-natalia-title--es,
	html[lang^="es"] .nee-contact-cta-title--es {
		max-width: 100% !important;
		font-size: clamp(2.55rem, 2.75vw, 3.15rem) !important;
		line-height: 1.02 !important;
		letter-spacing: -.035em;
		text-wrap: balance;
	}

	html[lang^="es"] .nee-home-natalia-title--es .nee-home-natalia-title__line,
	html[lang^="es"] .nee-contact-cta-title--es .nee-contact-cta-title__line {
		display: block;
		max-width: 100%;
		white-space: normal !important;
		overflow-wrap: normal;
	}
}

/* =========================================================
   v0.9.17 – Einheitliches Top-Alignment für Überschrift/Text
   DE/ES: In allen redaktionellen Zweispalten-Komponenten beginnen
   Überschrift und zugehöriger Textblock auf derselben visuellen Höhe.
   Eyebrows bleiben oberhalb der Überschrift; die Textspalte erhält
   deshalb auf Desktop denselben optischen Versatz bis zur H2-Kante.
   Bild-/Hero-Kompositionen bleiben bewusst unverändert.
   ========================================================= */

@media (min-width: 782px) {
	/* Zweispalten-Komponenten nicht mehr an Unterkante oder Mitte ausrichten. */
	.nee-intro .wp-block-columns,
	.nee-home-experience-teaser__header,
	.nee-home-region-teaser__intro,
	.nee-experience-note .wp-block-columns,
	.nee-territory-bridge__inner,
	.nee-about-roots__columns,
	.nee-about-experience__columns,
	.nee-about-today__intro,
	.nee-individual-interests__intro,
	.nee-outro .nee-section__inner {
		align-items: start !important;
	}

	/* Gutenberg-Vertikalausrichtungen aus älteren Patterns neutralisieren. */
	.nee-intro .wp-block-column,
	.nee-experience-note .wp-block-column {
		align-self: start !important;
	}

	/* Bei Eyebrow + H2 links beginnt der Text rechts auf Höhe der H2,
	   nicht auf Höhe der kleinen Eyebrow-Zeile. */
	.nee-home-experience-teaser__header > p,
	.nee-home-region-teaser__intro > div:last-child,
	.nee-about-roots__aside,
	.nee-about-experience__aside,
	.nee-individual-interests__intro > .wp-block-column:last-child,
	.nee-outro__body {
		padding-top: 2.1rem !important;
	}

	.nee-home-experience-teaser__header > p,
	.nee-home-region-teaser__intro > div:last-child > p:first-child,
	.nee-individual-interests__intro > .wp-block-column:last-child > p:first-child {
		margin-top: 0 !important;
	}

	/* „Über Natalia“: rechte Textspalten wirklich oben statt vertikal zentriert. */
	.nee-about-roots__aside,
	.nee-about-experience__aside {
		align-items: flex-start !important;
	}
}

/* Spanische Startseite v0.9.14/15: im gestapelten Laptopmodus ist
   kein H2-Versatz in der zweiten Zeile nötig – der Abstand entsteht
   dort ausschließlich über margin-top. */
@media (min-width: 782px) and (max-width: 1180px) {
	html[lang^="es"] .nee-home-natalia-teaser .nee-outro__body,
	html[lang^="es"] .nee-contact-cta .nee-outro__body {
		padding-top: 0 !important;
	}
}



/* =========================================================
   v0.9.17 – „Die Idee / La idea“ exakt oben bündig
   Der Intro-Bereich verwendet ab jetzt ein eigenes zweizeiliges Grid:
   Eyebrow in Zeile 1, H2 und Fließtext gemeinsam in Zeile 2.
   Dadurch beginnen Überschrift und rechter Textblock auf exakt derselben
   Oberkante – unabhängig von Sprachlänge, Displaybreite oder Core-Styles.
   ========================================================= */
.nee-intro__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr);
	grid-template-areas:
		"eyebrow ."
		"heading copy";
	column-gap: clamp(2.25rem, 6vw, 7rem);
	row-gap: 1rem;
	align-items: start;
}

.nee-intro__eyebrow {
	grid-area: eyebrow;
	margin: 0 !important;
}

.nee-intro__quote {
	grid-area: heading;
	align-self: start;
}

.nee-intro__copy {
	grid-area: copy;
	align-self: start !important;
	margin-top: 0 !important;
	margin-left: auto;
	padding-top: 0 !important;
}

.nee-intro__copy > :first-child {
	margin-top: 0 !important;
}

@media (max-width: 781px) {
	.nee-intro__layout {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"eyebrow"
			"heading"
			"copy";
		column-gap: 0;
		row-gap: 0;
	}

	.nee-intro__eyebrow {
		margin-bottom: 1rem !important;
	}

	.nee-intro__copy {
		margin-top: 1.5rem !important;
		margin-left: 0;
	}
}

/* =========================================================
   v0.9.18 – Startseite „Die Idee / La idea“: Breite und Raster
   v0.9.17 richtete H2 und Text korrekt oben bündig aus, der neue
   innere Gutenberg-Group-Block wurde jedoch vom constrained Layout
   auf die globale Content-Breite begrenzt. Dadurch war dieser eine
   Abschnitt deutlich schmaler als die folgenden Startseitenbereiche.
   Der Intro-Grid füllt nun wieder die komplette .nee-section__inner-
   Breite und verwendet dasselbe Spaltenraster wie der nachfolgende
   Experience-Teaser. DE und ES bleiben exakt oben bündig.
   ========================================================= */
@media (min-width: 782px) {
	.nee-intro__layout {
		width: 100% !important;
		max-width: none !important;
		margin-inline: 0 !important;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
		column-gap: clamp(2rem, 7vw, 7rem);
	}

	.nee-intro__quote {
		justify-self: start;
		min-width: 0;
	}

	.nee-intro__copy {
		width: 100%;
		max-width: 40rem;
		margin-left: 0 !important;
		justify-self: start;
		min-width: 0;
	}
}