.dannys-services-page-hero {
	margin: 48px 0 32px;
	padding: clamp(28px, 4vw, 48px);
	border-radius: 32px;
	background:
		radial-gradient(circle at top right, rgba(143, 106, 58, 0.24), transparent 28%),
		linear-gradient(135deg, #111111 0%, #1d1510 52%, #5b3c1f 100%);
	color: var(--dannys-paper);
	box-shadow: 0 34px 64px rgba(17, 17, 17, 0.18);
}

.dannys-services-page-hero h1 {
	max-width: 12ch;
	margin: 12px 0 16px;
	color: inherit;
	font-size: clamp(2.6rem, 6vw, 4.8rem);
	line-height: 0.98;
}

.dannys-services-page-hero p {
	max-width: 44rem;
	margin: 0;
	color: rgba(245, 239, 230, 0.88);
	font-size: 1.05rem;
	line-height: 1.75;
}

.dannys-services-page-actions {
	margin-top: 24px;
}

.dannys-services-page-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin: 0 0 64px;
}

.dannys-services-page-card {
	padding: 28px;
	border: 1px solid rgba(23, 23, 23, 0.08);
	border-radius: 28px;
	background: var(--dannys-card);
	box-shadow: 0 24px 48px rgba(23, 23, 23, 0.08);
}

.dannys-services-page-card h2 {
	margin: 0 0 12px;
	font-size: clamp(1.4rem, 2vw, 1.9rem);
	line-height: 1.05;
	color: var(--dannys-ink);
}

.dannys-services-page-card p {
	max-width: 34rem;
	margin: 0;
	color: var(--dannys-muted);
	line-height: 1.75;
}

@media (max-width: 921px) {
	.dannys-services-page-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 544px) {
	.dannys-services-page-hero {
		margin-top: 24px;
		padding: 24px 20px;
		border-radius: 24px;
	}

	.dannys-services-page-card {
		padding: 22px 18px;
		border-radius: 22px;
	}
}