/* =========================
   Contact Hero
========================== */

.contact-hero{

    background:linear-gradient(
        180deg,
        #061C2B 0%,
        #0A2940 100%
    );

}

.contact-hero .internal-hero__content{

    padding:var(--space-3xl) 0;

}

.contact-hero .internal-hero__inner{

    max-width:760px;

    margin:0 auto;

    text-align:center;

    display:flex;
    flex-direction:column;
    gap:var(--space-lg);

}

.contact-hero .internal-hero__title{

    max-width:50vw;

    margin-inline:auto;
    color: #fff;

}

.contact-hero .internal-hero__description{

    max-width:65ch;

    margin-inline:auto;

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

}

.contact-hero .internal-hero__banner{

    margin-top:var(--space-3xl);

    border-radius:var(--radius-2xl);

    overflow:hidden;

    box-shadow:0 30px 80px rgba(0,0,0,.25);

}

.contact-hero .internal-hero__banner img{

    display:block;

    width:100%;

    aspect-ratio:16/7;

    object-fit:cover;

}

/* =========================
   Responsive
========================== */

@media (max-width:992px){

    .contact-hero .internal-hero__content{

        padding:var(--space-2xl) 0;

    }

    .contact-hero .internal-hero__title{

        max-width:100%;

    }

    .contact-hero .internal-hero__banner img{

        aspect-ratio:16/10;

    }

}