/* Shared Styles */
body { font-family: 'Raleway', sans-serif; color: #0c0003; }

.hero-video {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: -1;
}

.scrolled-header {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.scrolled-header .nav-link { 
    color: #0c0003 !important; 
}

.mobile-menu-open { 
    overflow: hidden; 
}

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}