/* Styling for the unified Intro Band widget (Profile or Career). Background colour is set on the wrapping Container, not here. */

.dpi-single-intro-band {
	color: var(--dpi-lime-fg);
}

/* Pushed further out (-24px) than the default via the --dasformat-* per-side override hooks, per design sketch. */
.dpi-single-intro-band.dasformat--headline {
	--dasformat-oben: -24px;
	--dasformat-links: -24px;
	--dasformat-rechts: -24px;
	--dasformat-unten: -24px;
}

/* !important caps a fixed width (fit-content alone loses the specificity tie with Elementor's kit CSS). */
.dpi-single-intro-band.dasformat--headline {
	width: 100% !important;
	max-width: 1070px !important;
}

.dpi-single-intro-band__kicker {
	display: block;
	margin: 0 0 12px;
	font-family: var(--dpi-font);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

.dpi-single-intro-band__text {
	margin: 0 0 20px;
	font-family: var(--dpi-font);
	font-size: clamp(20px, 4vw, 30px);
	font-weight: 700;
	line-height: 1.35;
}

.dpi-single-intro-band__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dpi-single-intro-band__pills .dpi-pill--muted {
	background: transparent;
	border-color: var(--dpi-lime-fg);
	color: var(--dpi-lime-fg);
}