/* References page — reference ReferencesPage.jsx / İşler page parity */
body.duende-references-page {
	--duende-accent: #ffffff;
	--duende-accent-2: rgba(255, 255, 255, 0.9);
}

body.duende-references-page .duende-native-label .elementor-heading-title {
	color: #fff !important;
}

/* PageHero — stacked kicker → title → lead */
body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid),
body.duende-references-page .duende-references-page-hero {
	position: relative !important;
	overflow: hidden !important;
	border-top: 0 !important;
	padding: 10rem 0 4rem !important;
	background: transparent !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid)::before,
body.duende-references-page .duende-references-page-hero::before {
	content: "";
	position: absolute;
	top: -10rem;
	left: -10rem;
	z-index: 0;
	width: 36rem;
	height: 36rem;
	border-radius: 9999px;
	background: rgba(230, 57, 70, 0.12);
	filter: blur(140px);
	pointer-events: none;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid),
	body.duende-references-page .duende-references-page-hero {
		padding: 12rem 0 6rem !important;
	}
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) > .elementor-container,
body.duende-references-page .duende-references-page-hero > .elementor-container {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: min(90rem, 100%) !important;
	max-width: 90rem !important;
	margin-inline: auto !important;
	padding-inline: 1.5rem !important;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) > .elementor-container,
	body.duende-references-page .duende-references-page-hero > .elementor-container {
		padding-inline: 3rem !important;
	}
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) > .elementor-container > .elementor-column,
body.duende-references-page .duende-references-page-hero > .elementor-container > .elementor-column {
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: none !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) > .elementor-container > .elementor-column .elementor-widget-wrap,
body.duende-references-page .duende-references-page-hero > .elementor-container > .elementor-column .elementor-widget-wrap {
	display: block !important;
	padding: 0 !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-label,
body.duende-references-page .duende-references-page-hero .duende-native-label {
	width: 100% !important;
	margin: 0 0 2rem !important;
	text-align: start !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-label .elementor-heading-title,
body.duende-references-page .duende-references-page-hero .duende-native-label .elementor-heading-title {
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--duende-body) !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0.35em !important;
	text-transform: uppercase;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-h2,
body.duende-references-page .duende-references-page-hero .duende-native-h2 {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	text-align: start !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-h2 .elementor-heading-title,
body.duende-references-page .duende-references-page-hero .duende-native-h2 .elementor-heading-title {
	display: block !important;
	width: 100% !important;
	max-width: 18ch !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--duende-display) !important;
	font-size: 3rem !important;
	font-weight: 900 !important;
	font-optical-sizing: auto !important;
	font-variation-settings: "opsz" 96 !important;
	line-height: 0.92 !important;
	letter-spacing: -0.03em !important;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-h2 .elementor-heading-title,
	body.duende-references-page .duende-references-page-hero .duende-native-h2 .elementor-heading-title {
		font-size: 4.5rem !important;
	}
}

@media (min-width: 1024px) {
	body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-h2 .elementor-heading-title,
	body.duende-references-page .duende-references-page-hero .duende-native-h2 .elementor-heading-title {
		font-size: 7vw !important;
	}
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-text,
body.duende-references-page .duende-references-page-hero .duende-native-text {
	position: static !important;
	width: 100% !important;
	max-width: 42rem !important;
	margin: 2.5rem 0 0 !important;
	margin-left: 0 !important;
	text-align: start !important;
	color: rgba(255, 255, 255, 0.65) !important;
	font-family: var(--duende-body) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.625 !important;
}

body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-text .elementor-widget-container,
body.duende-references-page .duende-references-page-hero .duende-native-text .elementor-widget-container {
	margin: 0 !important;
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-section.duende-native-page:has(+ .duende-native-references-grid) .duende-native-text,
	body.duende-references-page .duende-references-page-hero .duende-native-text {
		font-size: 1.125rem !important;
	}
}

/* Logo grid section */
body.duende-references-page .duende-native-references-grid {
	position: relative;
	z-index: 2;
	border-top: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 6rem !important;
	background: transparent !important;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-references-grid {
		padding-bottom: 8rem !important;
	}
}

body.duende-references-page .duende-native-references-grid > .elementor-container {
	display: block !important;
	width: min(90rem, 100%) !important;
	max-width: 90rem !important;
	margin-inline: auto !important;
	padding-inline: 1.5rem !important;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-native-references-grid > .elementor-container {
		padding-inline: 3rem !important;
	}
}

body.duende-references-page .duende-native-references-grid > .elementor-container > .elementor-column {
	width: 100% !important;
}

body.duende-references-page .duende-references-widget {
	width: 100%;
}

body.duende-references-page .duende-references-grid {
	gap: 1rem;
}

@media (min-width: 768px) {
	body.duende-references-page .duende-references-grid {
		gap: 1rem;
	}
}

body.duende-references-page .duende-references-grid {
	--duende-ref-logo-w: 9.5rem;
	--duende-ref-logo-h: 3rem;
}