/* ==========================================
   About Hero
========================================== */

.internal-hero__container {

    padding-top: var(--space-section);

    background:
        linear-gradient(
            135deg,
            rgba(250,250,250,.96) 0%,
            rgba(250,250,250,.90) 40%,
            rgba(250,250,250,.78) 70%,
            rgba(250,250,250,.55) 100%
        ),
        url("../images/backgrounds/temp/25.png");

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


}

/* ==========================================
   Hero Content
========================================== */

.internal-hero__content {

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

}

.internal-hero__inner {

    max-width: 560px;

}

.internal-hero__title {

    font-size: var(--fs-h1);

    font-weight: var(--fw-bold);

    line-height: 1.15;

    color: var(--clr-heading);

    margin-bottom: var(--space-md);

}

.internal-hero__description {

    max-width: 920px;

    font-size: var(--fs-body);

    line-height: 1.8;

}

/* ==========================================
   Banner
========================================== */

.internal-hero__banner {

    overflow: hidden;


}

.internal-hero__banner img {

    display: block;

    width: 1024px;

    height: auto;

    object-fit: cover;

}

/* ==========================================
   Two Column Layout
========================================== */

.internal-hero__grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    /* gap: var(--space-section); */

    align-items: center;

    padding-top: var(--space-md);

}

.internal-hero__grid .internal-hero__content {

    padding: 0;
    padding-right: 80px;

}

.internal-hero__grid .internal-hero__inner {

    max-width: 880px;

}

.internal-hero__tagline {

    display: inline-flex;

    align-items: center;

    gap: .35rem;

    margin-top: var(--space-lg);

    font-weight: var(--fw-bold);

    color: var(--clr-heading);
}