.site-header {
    position: relative;
    background: linear-gradient(135deg, rgba(29, 53, 87, 0.95) 0%, rgba(230, 57, 70, 0.95) 100%);
}

.site-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/assets/img/backgrounds/hero-bg-original.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    z-index: -1;
}

@media (max-width: 768px) {
    .site-header::before {
        opacity: 0.12;
    }
}