/* ==========================================================================
   03 - HERO SECTION (v2 - Copper/Navy)
   ========================================================================== */

.mhs-hero,
.mhs-hero > .elementor-container {
    min-height: 88vh;
    display: flex;
    align-items: center;
}

.mhs-hero {
    position: relative;
    padding: 120px 0 80px;
}

.mhs-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(26, 26, 80, 0.85) 0%,
        rgba(61, 61, 143, 0.55) 60%,
        rgba(181, 69, 27, 0.30) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.mhs-hero > .elementor-container {
    position: relative;
    z-index: 2;
}

.mhs-hero-content {
    max-width: 620px;
}

.mhs-hero-eyebrow,
.mhs-hero .mhs-eyebrow {
    font-family: var(--mhs-font-body);
    font-size: var(--mhs-size-eyebrow);
    font-weight: var(--mhs-weight-semibold);
    color: var(--mhs-copper-light);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.mhs-hero-headline,
.mhs-hero h1 {
    font-family: var(--mhs-font-display);
    font-size: var(--mhs-size-h1);
    font-weight: var(--mhs-weight-bold);
    color: var(--mhs-white);
    line-height: 1.12;
    margin-bottom: 20px;
}

.mhs-hero-sub,
.mhs-hero .elementor-text-editor p {
    font-family: var(--mhs-font-body);
    font-size: 18px;
    font-weight: var(--mhs-weight-regular);
    color: var(--mhs-text-on-dark);
    line-height: 1.7;
    max-width: 520px;
    margin-bottom: 36px;
}

.mhs-hero-ctas {
    display: flex;
    gap: var(--mhs-space-sm);
    flex-wrap: wrap;
}

.mhs-btn-primary,
.mhs-hero .elementor-button.mhs-btn-primary {
    background-color: var(--mhs-copper) !important;
    color: var(--mhs-white) !important;
    border: none !important;
    padding: 14px 32px !important;
    font-family: var(--mhs-font-body);
    font-weight: var(--mhs-weight-semibold);
    font-size: 15px;
    border-radius: var(--mhs-radius) !important;
    transition: background-color var(--mhs-transition);
    text-decoration: none;
    display: inline-block;
}

.mhs-btn-primary:hover,
.mhs-hero .elementor-button.mhs-btn-primary:hover {
    background-color: var(--mhs-copper-dark) !important;
}

.mhs-btn-secondary,
.mhs-hero .elementor-button.mhs-btn-secondary {
    background: transparent !important;
    color: var(--mhs-copper-light) !important;
    border: 2px solid var(--mhs-copper) !important;
    padding: 12px 28px !important;
    font-family: var(--mhs-font-body);
    font-weight: var(--mhs-weight-semibold);
    font-size: 15px;
    border-radius: var(--mhs-radius) !important;
    transition: all var(--mhs-transition);
    text-decoration: none;
    display: inline-block;
}

.mhs-btn-secondary:hover,
.mhs-hero .elementor-button.mhs-btn-secondary:hover {
    background: rgba(181, 69, 27, 0.15) !important;
}