/**
 * Dermatology Clinic - Micro-interactions & Reveal Animations
 *
 * Implements subtle, high-performance transitions and respects prefers-reduced-motion.
 */

.dtc-fade-up {
	animation: dtcFadeUp 0.85s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.dtc-delay-1 {
	animation-delay: 0.15s;
}

.dtc-delay-2 {
	animation-delay: 0.3s;
}

@keyframes dtcFadeUp {
	from {
		opacity: 0;
		transform: translateY(24px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Micro-interactions */
.dtc-card-img {
	will-change: transform;
}

.dtc-btn {
	will-change: transform, box-shadow;
}

.dtc-btn:active {
	transform: scale(0.98);
}

/* Accessibility: Support prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.dtc-fade-up {
		opacity: 1 !important;
		transform: none !important;
	}
}