/**
 * DDigital Group — Animations
 * Hero layout, scroll-reveal
 */

/* ─────────────────────────────────────────────────────────────
   HERO GRID BACKGROUND
───────────────────────────────────────────────────────────── */
.ddg-hero {
	position: relative;
	min-height: 85vh;
	display: flex;
	align-items: center;
	background: var(--ddg-bg);
	overflow: hidden;
	padding-top: 72px;
	padding-bottom: var(--ddg-sp-16);
}

/* Hero content */
.ddg-hero__container {
	position: relative;
	z-index: 1;
}

.ddg-hero__content {
	max-width: 720px;
}

.ddg-hero__badge {
	margin-bottom: var(--ddg-sp-6);
}

.ddg-hero__title {
	font-family: var(--ddg-font-heading);
	font-size: var(--ddg-text-5xl);
	font-weight: var(--ddg-w-bold);
	color: var(--ddg-text-heading);
	letter-spacing: var(--ddg-ls-tight);
	line-height: 1.1;
	margin: 0 0 var(--ddg-sp-6);
}

.ddg-hero__subtitle {
	font-size: var(--ddg-text-xl);
	color: var(--ddg-text-muted);
	line-height: var(--ddg-lh-normal);
	margin: 0 0 var(--ddg-sp-8);
	max-width: 580px;
}

.ddg-hero__actions {
	display: flex;
	gap: var(--ddg-sp-4);
	flex-wrap: wrap;
	margin-bottom: var(--ddg-sp-10);
}

.ddg-hero__trust {
	display: flex;
	align-items: center;
	gap: var(--ddg-sp-4);
	flex-wrap: wrap;
}

/* ─────────────────────────────────────────────────────────────
   SCROLL REVEAL
───────────────────────────────────────────────────────────── */
[data-ddg-animate] {
	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity  0.45s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-ddg-animate="fade-left"] {
	transform: translateX(-18px);
}

[data-ddg-animate="fade-right"] {
	transform: translateX(18px);
}

[data-ddg-animate="scale"] {
	transform: scale(0.97);
}

[data-ddg-animate].ddg-animated {
	opacity: 1;
	transform: none;
}

/* Stagger children */
[data-ddg-animate="stagger"] > * {
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity  0.4s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-ddg-animate="stagger"].ddg-animated > *:nth-child(1)  { transition-delay: 0.0s; }
[data-ddg-animate="stagger"].ddg-animated > *:nth-child(2)  { transition-delay: 0.08s; }
[data-ddg-animate="stagger"].ddg-animated > *:nth-child(3)  { transition-delay: 0.16s; }
[data-ddg-animate="stagger"].ddg-animated > *:nth-child(4)  { transition-delay: 0.24s; }
[data-ddg-animate="stagger"].ddg-animated > *:nth-child(5)  { transition-delay: 0.32s; }

[data-ddg-animate="stagger"].ddg-animated > * {
	opacity: 1;
	transform: none;
}

/* ─────────────────────────────────────────────────────────────
   REDUCED MOTION
───────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	[data-ddg-animate],
	[data-ddg-animate="stagger"] > * {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}