.dr1060servicesbrief {
	position: relative;
	padding: 80px 0;
	background: #050814;
	color: #fff;
	overflow-x: clip;
}

.dr1060servicesbrief-container {
	width: min(1200px, 92%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 60px;
	align-items: center;
} /* TITLE */
.services-title {
	font-size: clamp(2rem, 4vw, 3.2rem);
	margin-bottom: 10px;
	background: linear-gradient(90deg, #ffffff, #7dd3fc, #a78bfa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.services-subtitle {
	opacity: .85;
	font-size: 1.05rem;
	line-height: 1.7;
	margin-bottom: 30px;
	max-width: 600px;
} /* GRID */
.services-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
} /* CARDS */
.service-card {
	padding: 16px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .08);
	backdrop-filter: blur(12px);
	transition: transform .3s ease, box-shadow .3s ease;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
}

.service-card h3 {
	margin: 0 0 6px;
	font-size: 1rem;
}

.service-card p {
	margin: 0;
	font-size: .9rem;
	opacity: .8;
} /* VISUAL */
.dr1060servicesbrief-visual {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.visual-glow {
	position: absolute;
	width: 420px;
	height: 420px;
	background: radial-gradient(circle, #00f5ff55, transparent 70%);
	filter: blur(60px);
	opacity: .7;
} /* IMAGE CARD */
.image-card {
	position: relative;
	width: 100%;
	max-width: 430px;
	border-radius: 22px;
	overflow: hidden;
	transform-style: preserve-3d;
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
	transition: transform .25s ease;
}

.image-card img {
	width: 100%;
	height: auto;
	display: block;
	transform: scale(1.05);
	filter: contrast(1.1) saturate(1.2);
} /* OVERLAY */
.image-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4),
		transparent);
}

.image-overlay h3 {
	margin: 0;
	font-size: 1rem;
}

.image-overlay p {
	margin: 5px 0 0;
	font-size: .85rem;
	opacity: .8;
} /* TABLET */
@media ( max-width : 900px) {
	.dr1060servicesbrief {
		padding: 60px 0;
	}
	.dr1060servicesbrief-container {
		grid-template-columns: 1fr;
		gap: 35px;
	} /* Image first */
	.services-grid {
		grid-template-columns: 1fr;
	}
	.visual-glow {
		width: 260px;
		height: 260px;
		filter: blur(45px);
	}
	.image-card {
		max-width: 100%;
		width: 100%;
		aspect-ratio: 16/10;
		transform: none !important;
	}
	.image-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: none;
	}
	.image-overlay {
		padding: 14px;
	}
	.services-title, .services-subtitle {
		text-align: center;
	}
} /* MOBILE */
@media ( max-width : 600px) {
	.dr1060servicesbrief {
		padding: 50px 0;
	}
	.dr1060servicesbrief-container {
		width: min(100%, 92%);
	}
	.image-card {
		aspect-ratio: 4/3;
		border-radius: 18px;
	}
	.image-overlay {
		padding: 12px;
	}
	.image-overlay h3 {
		font-size: .95rem;
	}
	.image-overlay p {
		font-size: .75rem;
	}
	.services-title {
		font-size: 1.9rem;
	}
	.services-subtitle {
		font-size: .95rem;
	}
	.service-card {
		padding: 14px;
	}
}