/* Custom styles layered on top of Tailwind */

html {
    scroll-behavior: smooth;
}

body {
    /* Leave room for the sticky crisis bar so content isn't hidden behind it */
    padding-bottom: 3rem;
}

/* Parallax / fixed-background hero panel.
   On mobile, background-attachment: fixed is unreliable, so fall back to scroll. */
.parallax {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
@media (min-width: 768px) {
    .parallax {
        background-attachment: fixed;
    }
}

/* Soft fade-in on scroll for content sections */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* SPA-style page swap transition */
#main-content {
    transition: opacity 0.18s ease-out;
}
#main-content.is-leaving {
    opacity: 0.35;
}

/* Active nav item underline (toggled by JS after SPA navigation) */
.nav-active {
    border-bottom: 1px solid #e09b82; /* terracotta-400 */
}