/* Hero section styles */
.hero-section {
    position: relative;
    height: 600px;
    background-image: url('/hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        rgba(5, 5, 5, 0.75),
        rgba(5, 5, 5, 0.65)
    );
}

.hero-content {
    position: relative;
    z-index: 2;
}