/* Hero Section with Carousels */
.hero-section {
    position: relative;
    height: 166.665vh; /* Adjusted to fit 5 rows of carousel */
    overflow: hidden;
}

/* Glassmorphic Hero Card */
.hero-card {
    position: absolute;
    top: 25vh; /* Position top edge at 50% of viewport height */
    left: 50%;
    transform: translate(-50%, 0); /* Horizontally center, no vertical translation */
    z-index: 10;
    width: 55vw;
    height: 60vh;
    padding: 2rem;
    background: linear-gradient(to bottom right, rgba(255, 0, 0, 0.8), rgba(240, 128, 128, 0.8)); /* Updated gradient with transparency and darker pastel red */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: black; /* Text color to black */
}

.hero-card h1 {
    color: black; /* Changed from var(--bordeaux) to black */
    font-size: 5.5rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

/* Animation for individual letters */
.hero-card h1 span {
    display: inline-block;
    animation: wave-jump 1.5s infinite;
    animation-delay: calc(0.1s * var(--i)); /* Stagger the animation */
}

@keyframes wave-jump {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px); /* Adjust jump height as needed */
    }
}

.hero-card p {
    color: black;
    font-size: 1.8rem;
    opacity: 0.8;
}