/* Hero Section */

.hero-section {
    position: relative;
    padding-top: 180px;
    padding-bottom: 120px;
    background-image: url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&q=80&w=1920');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 41, 59, 0.85) 100%);
    z-index: 1;
}

.hero-container { position: relative; z-index: 2; }
.hero-content { max-width: 750px; }

.hero-section h1 {
    font-family: var(--font-heading);
    color: var(--color-white);
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 24px;
}

.hero-description { color: rgba(255,255,255,0.85); font-size: 1.2rem; line-height: 1.7; margin-bottom: 40px; }
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }

.info-ribbon { background-color: #fef3c7; border-bottom: 1px solid #fde68a; color: #92400e; padding: 14px 0; font-size: 0.9rem; text-align: center; }

@media (max-width: 992px) { .hero-section { padding-top: 140px; padding-bottom: 80px; } .hero-section h1 { font-size: 2rem; } .hero-description { font-size: 1.05rem; } }