.home-hero{
    margin: 0 auto;
    max-width: var(--wide-width);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--row-gap);
    column-gap: var(--column-gap);
    align-items: end;
}

.home-hero:first-child{
    padding-top: var(--header-height);
}

.home-hero h1{
    font: var(--font-headline-2);
    margin-bottom: 0;
}

.home-hero h1[data-size="big"]{
    font: var(--font-headline-1);
}

.home-hero h1[data-size="bigger"]{
    font: var(--font-headline-0);
}

.home-hero-title.animate__animated,
.home-hero-content.animate__animated{
    animation-name: fadeIn;
}

@media (min-width: 768px){
    .home-hero{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hero-title[data-width="wide"]{
        grid-column: span 2;
    }
}