/* Modern Glassmorphism & UI Accents */
.glass-header {
    background-color: rgba(18, 18, 18, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Premium Background Layers */
.hero-bg {
    background-image: linear-gradient(to bottom, rgba(11, 36, 22, 0.4) 0%, rgba(11, 36, 22, 0.85) 85%, #0B2416 100%), url('./assets/home.jpg');
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/* Native Scroll-Driven Reveal Animations (Progressive Enhancement) */
@media (prefers-reduced-motion: no-preference) {
    @supports ((animation-timeline: view()) and (animation-range: entry)) {
        @keyframes revealUp {
            from {
                opacity: 0;
                transform: translateY(40px) scale(0.96);
            }
            to {
                opacity: 1;
                transform: translateY(0px) scale(1);
            }
        }
        .scroll-reveal {
            animation: revealUp auto linear backwards;
            animation-timeline: view();
            animation-range: entry 10% cover 30%;
        }
    }
}

/* Standalone Fallback for Scroll Reveals */
.reveal-visible {
    opacity: 1 !important;
    transform: translateY(0px) scale(1) !important;
    transition: all 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-hidden {
    opacity: 0;
    transform: translateY(30px) scale(0.97);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0B2416;
}
::-webkit-scrollbar-thumb {
    background: #76A035;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8ab73f;
}