/* Slider styles (moved from main stylesheet) */
.hero-slider {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}
.slider {
    height: 100%;
}
.slides { position: relative; }
.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(8px) scale(0.995);
    transition: opacity 900ms cubic-bezier(.2,.8,.2,1), transform 900ms cubic-bezier(.2,.8,.2,1);
    display: flex;
    align-items: flex-end; /* content at bottom */
    justify-content: center;
    padding-bottom: 2rem;
    z-index: 0; /* create stacking context for children */
}
.slide.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.slide .image-placeholder { filter: brightness(0.7); }
.slide h3 { text-shadow: 0 6px 18px rgba(0,0,0,0.45); }
.slide p { text-shadow: 0 6px 18px rgba(0,0,0,0.3); }

/* Responsive heights */
@media (min-width: 768px) {
    .slides { height: 32rem; }
}
@media (max-width: 767px) {
    .slides { height: 20rem; }
}

/* subtle button hover */
.slide a:hover { transform: translateY(-2px); transition: transform 180ms ease; }

/* lower half overlay for text readability */
.slide::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%; /* cover more of bottom half */
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
    pointer-events: none;
    z-index: 1; /* above image */
}

/* arrow buttons inside slider */
.slider-nav {
    z-index: 10;
}
.slider-prev, .slider-next {
    backdrop-filter: blur(4px);
}
.slider-prev:hover, .slider-next:hover {
    background-color: rgba(255,255,255,0.6);
}