/* Location page specific styles - kept minimal, uses main style.css */
.location-hero {
    background: linear-gradient(135deg, var(--navy) 0%, #0f1b33 100%);
    padding: var(--space-xl) 0;
    margin-top: 100px;
    position: relative;
    overflow: hidden;
}

.location-hero::after {
    content: '';
    position: absolute;
    right: -80px;
    bottom: -80px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 53, 0.1) 0%, transparent 70%);
}

.location-hero h1 {
    color: var(--white);
    position: relative;
    z-index: 2;
}

.location-hero p {
    color: #b0bbd0;
    font-size: var(--font-size-lg);
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .location-hero {
        margin-top: 70px;
        padding: var(--space-lg) 0;
    }
}