/* Base overrides */
body { 
    font-family: 'Lexend', sans-serif; 
    background-color: #050505; 
    color: #ffffff; 
}

h1, h2, h3, .font-serif { 
    font-family: 'Playfair Display', serif; 
}

.gold-text { color: #D4AF37; }

/* Custom Scrollbar for the page */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #050505; }
::-webkit-scrollbar-thumb { background: #D4AF37; border-radius: 10px; }

/* --- THE NEW CONVEYOR BELT SLIDER --- */
.journey-container {
    width: 100%;
    position: relative;
    overflow: hidden; /* Hides cards waiting off-screen */
    padding: 2rem 0;
}

.journey-track {
    display: flex;
    gap: 1.5rem;
    width: max-content;
    padding-left: 2rem; /* Initial left padding */
    /* Transform transition matches the JS timeout perfectly */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.journey-card {
    height: 420px; 
    flex-shrink: 0;
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    /* Only animate the width */
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Desktop Sizing */
@media (min-width: 768px) {
    .journey-card { width: 300px; } /* Inactive width */
    .journey-card.active-card { width: 650px; } /* Active width */
}

/* Mobile Sizing */
@media (max-width: 767px) {
    .journey-track { gap: 1rem; padding-left: 1.5rem;}
    .journey-card { width: 70vw; }
    .journey-card.active-card { width: 88vw; }
}

/* Image & Overlay Effects */
.journey-card img {
    transition: all 0.6s ease;
    filter: grayscale(1) brightness(0.3); /* Dark & grayscale like the Orchids picture */
}

.journey-card.active-card img {
    filter: grayscale(0) brightness(0.7); /* Bright & colored like the Plant picture */
}

/* Arrow Button Animation */
.journey-arrow {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.5s ease;
}
.journey-card.active-card .journey-arrow {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.2s; /* Waits for the card to widen before appearing */
}