.hero{
    background-color: var(--gunmetal);
}
.hero__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    gap: 4rem;
    
}
.hero__text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}
.hero__h1{
    color: var(--light-tan);
}
.h1--fraunces{
 font-family: "Fraunces", serif;
 font-weight: 400;
 letter-spacing: -.01rem;
}
.hero__video{
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 24px;
    border: 3px solid var(--dark-tan);
    z-index: 0;
}

/* 2xl */
/* @media (max-width: 1536px) {} */

/* xl */
/* @media (max-width: 1288px) {} */

/* lg */
/* @media (max-width: 1024px) {} */

/* md */
@media (max-width: 758px) {
    .hero__content {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 3fr;
    }
}

/* sm */
@media (max-width: 640px) {
    .hero__content{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1.5fr;
        gap: .5rem;
    }
}

/* xs */
/* @media (max-width: 475px) {} */