/* ==========================
   HERO SECTION
========================== */

.hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(5,31,69,.92) 0%,
        rgba(5,31,69,.78) 40%,
        rgba(5,31,69,.55) 70%,
        rgba(5,31,69,.25) 100%
    );
}

.hero-content {
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 40px; 
    padding-bottom: 40px;
    color: #ffffff;
}

.hero-eyebrow {
    color: #b18024;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.25rem;
}

.hero-content h1 {
    font-size: clamp(3rem, 4vw, 4rem);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #ffffff;
    max-width: 1100px;
}

.hero-description {
    font-size: 1.2rem;
    line-height: 1.7;
    max-width: 850px;
    margin-bottom: 2.5rem;
    color: rgba(255,255,255,.95);
}

/* ==========================
   BUTTONS
========================== */

.hero-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.hero-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease;
}

.primary-btn {
    background: #b18024;
    color: #ffffff;
    padding: 16px 34px;
    font-weight: 700;
}

.primary-btn:hover {
    background: #9a6f1e;
    transform: translateY(-2px);
}

.secondary-btn {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.secondary-btn:hover {
    background: #ffffff;
    color: #051f45;
}



/*=========================================
PAGE HERO
=========================================*/

.page-hero{

    position:relative;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}

.page-hero-overlay{

    background:linear-gradient(
        90deg,
        rgba(5,31,69,.92) 0%,
        rgba(5,31,69,.78) 45%,
        rgba(5,31,69,.45) 100%
    );

}

.page-hero-content{

    max-width:1200px;
    margin:0 auto;

    padding:30px 20px 40px;

    color:#ffffff;

}

.page-hero-eyebrow{

    color:#b18024;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:.85rem;
    font-weight:700;

    margin-bottom:.75rem;

}

.page-hero h1{

    font-size:clamp(2.4rem,4vw,3.6rem);

    line-height:1.08;

    font-weight:700;

    max-width:850px;

    margin:0 0 .75rem;

    color:#ffffff;

}

.page-hero-description{

    max-width:650px;

    font-size:1.05rem;

    line-height:1.6;

    margin:0;

    color:rgba(255,255,255,.92);

}