/* Custom styles that supplement Tailwind */

/* Geometric Animations */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.geo-circle {
    animation: float 6s ease-in-out infinite;
}

.geo-rect {
    animation: float 8s ease-in-out infinite reverse;
}

/* Button Focus States */
button:focus, a:focus {
    outline: 2px solid #e5b32e;
    outline-offset: 2px;
}

/* Mobile menu animation helper */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
}

#mobile-menu.open {
    max-height: 400px;
    opacity: 1;
}

#mobile-menu.closed {
    max-height: 0;
    opacity: 0;
}