/* Hero with Overlay Panel */
.hero-split {
    position: relative;
    min-height: 100vh;
}

/* Full-screen background image */
.hero-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/siren-hero.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Overlay panel for content */
.hero-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

/* Fading hr below Siren title */
.siren-fade-hr {
    border: 0;
    height: 2px;
    background: linear-gradient(to right, #F59E0B, transparent);
    opacity: 0.8;
    margin: 0;
}

/* Reverse fade hr above footer */
.siren-fade-hr-reverse {
    border: 0;
    height: 2px;
    background: linear-gradient(to left, #F59E0B, transparent);
    opacity: 0.8;
    margin: 0;
}

/* Mobile: Full width column */
@media (max-width: 768px) {
    .hero-split {
        min-height: 100vh;
    }

    .hero-panel .col-md-6 {
        width: 100%;
        margin-left: 0;
    }
}

/* Ensure smooth scrolling */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* Hover effect for footer links */
.hover-opacity-100 {
    transition: opacity 0.2s ease;
}

.hover-opacity-100:hover {
    opacity: 1 !important;
}