/* style.css */

/* Basic reset for consistent box model */
html {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}

/* Animations defined in the original HTML */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fadeIn 0.8s ease-out forwards;
    opacity: 0; /* Start invisible */
}
.animation-delay-300 {
    animation-delay: 0.3s;
}
.animation-delay-600 {
    animation-delay: 0.6s;
}

/* Aspect Ratio utility for map responsiveness (moved from inline style) */
/* These make the map iframe fill its container while maintaining aspect ratio */
.aspect-w-16 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0; /* Important for padding-bottom to define height */
}
.aspect-h-9 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}