/* Initial state for images */
.member-image {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
    transition: all 700ms ease-out;
}

.left-member { transform: translateX(0); }
.center-member { transform: translateY(0); }
.right-member { transform: translateX(0); }

.animated-board-members:hover .member-image {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 1;
}

/* Text animations */
.animated-text, .animated-header {
    transform: translateY(2rem);
    opacity: 0;
    transition: all 1000ms ease-out;
}

.animated-text.visible, .animated-header.visible {
    transform: translateY(0);
    opacity: 1;
}

.typing-cursor {
    display: inline-block;
    animation: blink 0.5s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Tailwind CSS replacements */
.bg-gray-50 { background-color: #f9fafb; }
.text-orange-500 { color: #f97316; }
.text-gray-900 { color: #111827; }
.text-gray-600 { color: #4b5563; }
.text-gray-400 { color: #9ca3af; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-4xl { font-size: 2.25rem; }
.lg\:text-6xl { font-size: 3.75rem; }
.xl\:text-7xl { font-size: 4.5rem; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.tracking-wide { letter-spacing: 0.025em; }
.leading-relaxed { line-height: 1.625; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-8 > * + * { margin-top: 2rem; }
.max-w-2xl { max-width: 42rem; }
.max-w-4xl { max-width: 56rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.pb-\[75px\] { padding-bottom: 75px; }
.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }