/**
 * Süreç page — reference ProcessPage parity (Elementor native classes).
 */

body.duende-process-page {
	--duende-accent: #ffffff;
	--duende-accent-2: rgba(255, 255, 255, 0.9);
}

body.duende-site.duende-process-page {
	background:
		radial-gradient(1200px 600px at 20% 0%, rgba(230, 57, 70, 0.08), transparent 60%),
		radial-gradient(900px 600px at 90% 20%, rgba(10, 14, 39, 1), transparent 70%),
		#050714 !important;
	color: #fff;
}

body.duende-process-page .site-main .elementor {
	background: transparent !important;
}

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

/* PageHero — reference PageHero.jsx / ProcessPage */
body.duende-process-page .duende-process-page-hero {
	position: relative !important;
	overflow: hidden !important;
	border-top: 0 !important;
	padding-top: 10rem !important;
	padding-bottom: 4rem !important;
	background: transparent !important;
}

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

body.duende-process-page .duende-process-page-hero > .elementor-container {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	grid-template-columns: none !important;
	width: min(90rem, 100%) !important;
	max-width: 90rem !important;
	margin-inline: auto !important;
	padding-inline: 1.5rem !important;
}

body.duende-process-page .duende-process-page-hero > .elementor-container > .elementor-column,
body.duende-process-page .duende-process-page-hero .elementor-widget-wrap {
	width: 100% !important;
	max-width: none !important;
	display: block !important;
	grid-column: auto !important;
}

body.duende-process-page .duende-process-page-hero .elementor-widget {
	margin: 0 !important;
}

body.duende-process-page .duende-process-page-hero .elementor-widget.duende-process-page-kicker {
	margin-bottom: 2rem !important;
}

body.duende-process-page .duende-process-page-kicker .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.3333333 !important;
	letter-spacing: 0.35em !important;
	text-transform: uppercase !important;
}

body.duende-process-page .duende-process-page-hero .elementor-widget.duende-process-page-title {
	margin-top: 0 !important;
}

body.duende-process-page .duende-process-page-title .elementor-heading-title {
	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: 1 !important;
	letter-spacing: -0.03em !important;
}

body.duende-process-page .duende-process-page-hero .elementor-widget.duende-process-page-lead {
	display: block !important;
	max-width: 42rem !important;
	margin-top: 2.5rem !important;
}

body.duende-process-page .duende-process-page-lead .elementor-widget-container,
body.duende-process-page .duende-process-page-lead p {
	margin: 0 !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.5555556 !important;
}

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

	body.duende-process-page .duende-process-page-title .elementor-heading-title {
		font-size: 4.5rem !important;
	}

	body.duende-process-page .duende-process-page-lead .elementor-widget-container,
	body.duende-process-page .duende-process-page-lead p {
		font-size: 1.125rem !important;
		line-height: 1.5555556 !important;
	}
}

@media (min-width: 1024px) {
	body.duende-process-page .duende-process-page-hero {
		padding-top: 12rem !important;
		padding-bottom: 6rem !important;
	}

	body.duende-process-page .duende-process-page-title .elementor-heading-title {
		font-size: 7vw !important;
	}
}

/* Process block header row */
body.duende-process-page .duende-process-header {
	position: relative;
	z-index: 2;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: transparent !important;
	padding-top: 7rem !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-process-header {
		padding-top: 10rem !important;
	}
}

body.duende-process-page .duende-process-header > .elementor-container {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
	align-items: start !important;
	width: min(90rem, 100%) !important;
	max-width: 90rem !important;
	margin-inline: auto !important;
	padding-inline: clamp(1.5rem, 3vw, 3rem) !important;
	margin-bottom: 4rem !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-process-header > .elementor-container {
		margin-bottom: 5rem !important;
	}
}

body.duende-process-page .duende-process-header > .elementor-container > .elementor-column {
	width: auto !important;
	min-width: 0 !important;
}

body.duende-process-page .duende-process-header > .elementor-container > .elementor-column:nth-child(1) {
	grid-column: span 12 !important;
}

body.duende-process-page .duende-process-header > .elementor-container > .elementor-column:nth-child(2) {
	grid-column: span 12 !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-process-header > .elementor-container > .elementor-column:nth-child(1) {
		grid-column: span 3 !important;
	}

	body.duende-process-page .duende-process-header > .elementor-container > .elementor-column:nth-child(2) {
		grid-column: span 9 !important;
	}
}

body.duende-process-page .duende-process-header .duende-native-label,
body.duende-process-page .duende-process-header .duende-native-h2 {
	text-align: start !important;
}

body.duende-process-page .duende-process-header .duende-native-label .elementor-heading-title {
	color: #fff !important;
	font-family: var(--duende-body) !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 1.3333333 !important;
	letter-spacing: 0.3em !important;
	text-transform: uppercase !important;
}

body.duende-process-page .duende-process-header .duende-native-h2 .elementor-heading-title {
	margin-left: 0 !important;
	margin-right: auto !important;
	max-width: none !important;
	width: 100% !important;
	font-family: var(--duende-display) !important;
	font-size: 2.25rem !important;
	font-weight: 600 !important;
	line-height: 0.95 !important;
	letter-spacing: -0.02em !important;
	color: #fff !important;
	white-space: normal !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-process-header .duende-native-h2 .elementor-heading-title {
		font-size: 3.75rem !important;
	}
}

/* Process grid */
body.duende-process-page .duende-native-process-grid {
	border-top: 0 !important;
	margin-top: 0 !important;
	margin-inline: auto !important;
	padding-top: 0 !important;
	padding-bottom: 7rem !important;
	padding-inline: clamp(1.5rem, 3vw, 3rem) !important;
	width: min(90rem, 100%) !important;
	max-width: 90rem !important;
	background: transparent !important;
}

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

body.duende-process-page .duende-native-process-grid > .elementor-container {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	gap: 1px !important;
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
	background: rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 1024px) {
	body.duende-process-page .duende-native-process-grid > .elementor-container {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

body.duende-process-page .duende-native-process-grid > .elementor-container > .duende-native-process-card {
	grid-column: span 12 !important;
	width: auto !important;
	min-height: 280px !important;
	padding: 2rem !important;
	border: 0 !important;
	background-color: #050714 !important;
	transition: box-shadow 500ms ease, background-color 500ms ease !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-native-process-grid > .elementor-container > .duende-native-process-card {
		grid-column: span 6 !important;
		padding: 2.5rem !important;
	}
}

@media (min-width: 1024px) {
	body.duende-process-page .duende-native-process-grid > .elementor-container > .duende-native-process-card {
		grid-column: auto !important;
	}
}

body.duende-process-page .duende-native-process-grid > .elementor-container > .duende-native-process-card:hover,
body.duende-process-page .duende-native-process-grid > .elementor-container > .duende-native-process-card.is-hover {
	box-shadow: inset 0 0 0 9999px #0a0e27 !important;
}

body.duende-process-page .duende-native-process-card > .elementor-widget-wrap {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	min-height: 100% !important;
}

body.duende-process-page .duende-process-card-top {
	display: block !important;
}

body.duende-process-page .duende-native-process-grid .duende-native-process-no .elementor-heading-title {
	color: #fff !important;
	font-family: var(--duende-serif) !important;
	font-size: 3rem !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 1 !important;
}

body.duende-process-page .duende-native-process-title .elementor-heading-title {
	margin-top: 1.5rem !important;
	margin-bottom: 0 !important;
	color: #fff !important;
	font-family: var(--duende-display) !important;
	font-size: 1.5rem !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.1 !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-native-process-title .elementor-heading-title {
		font-size: 1.875rem !important;
	}
}

body.duende-process-page .duende-native-process-card .duende-native-text {
	margin-top: 1.5rem !important;
}

body.duende-process-page .duende-native-process-card .duende-native-text .elementor-widget-container {
	color: rgba(255, 255, 255, 0.55) !important;
	font-family: var(--duende-body) !important;
	font-size: 0.875rem !important;
	line-height: 1.625 !important;
}

@media (min-width: 768px) {
	body.duende-process-page .duende-native-process-card .duende-native-text .elementor-widget-container {
		font-size: 1rem !important;
	}
}