/* =====================================================================
   WIENINGER · Abschnitts-Intro  —  wgn-intro.css
   Sektions-Einstieg: Kicker + Headline + Lead-Text (+ optional Button).
   Tokens aus wgn-ui.css. rem/em/%/clamp.
   ===================================================================== */

.wgn-intro {
	padding: clamp(3rem, 7vw, 6rem) var(--wgn-pad-x);
	font-family: var(--wgn-sans); color: var(--wgn-ink);
	-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.wgn-intro * { box-sizing: border-box; }
.wgn-intro--cream { background: var(--wgn-cream); }
.wgn-intro--paper { background: var(--wgn-paper); }
.wgn-intro--dark  { background: var(--wgn-dark); color: #EDE7DE; }
/* --none = transparent (sitzt auf dem Hintergrund des Abschnitts darüber/darunter) */

.wgn-intro__wrap { max-width: var(--wgn-shell); margin-inline: auto; }
.wgn-intro__wrap.is-center { text-align: center; max-width: 52rem; }

.wgn-intro__kicker {
	display: inline-flex; align-items: center; gap: .75rem; margin: 0 0 1rem;
	color: var(--wgn-red); font-size: .78rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
}
.wgn-intro--dark .wgn-intro__kicker { color: var(--wgn-gold); }
.wgn-intro__kicker::before { content: ""; width: 2rem; height: 1.5px; background: currentColor; }
.wgn-intro__wrap.is-center .wgn-intro__kicker::before { display: none; }

.wgn-intro__title { margin: 0; font-family: var(--wgn-serif); font-weight: 500; letter-spacing: -.02em; line-height: 1.12; font-size: clamp(1.9rem, 4.5vw, 3.25rem); }
.wgn-intro__lead { margin: 1.1rem 0 0; font-size: clamp(1.05rem, 1.8vw, 1.25rem); line-height: 1.65; color: var(--wgn-ink-soft); max-width: 60ch; }
.wgn-intro--dark .wgn-intro__lead { color: rgba(237,231,222,.82); }
.wgn-intro__wrap.is-center .wgn-intro__lead { margin-inline: auto; }
.wgn-intro__btn { margin-top: clamp(1.5rem, 3vw, 2rem); }