.home-intro .media-container {
    grid-area: 1/1/span 4/span 14;
    height: 100%;
    min-height: 100vh;
    min-height: 100svh;
}

.home-intro .headline {
    grid-area: 3/10/3/span 4;
    max-width: 12ch;
    z-index: 1;
    margin-bottom: max(32px, 6.40625vw);
}

.home-intro .scroll-btn {
    grid-area: 4/2/4/span 12;
    z-index: 1;
    gap: 16px;
    margin-bottom: max(32px, 7.34375vw);
}

.home-intro .scroll-btn::before {
    content: "";
    display: block;
    width: max(32px, 1.875vw);
    aspect-ratio: 1/1;
    mask: url(../../img/icon-scroll-down.svg) no-repeat center/contain;
    -webkit-mask: url(../../img/icon-scroll-down.svg) no-repeat center/contain;
    background: currentColor;
}

@media (max-width: 991.98px) {
    .home-intro .headline {
        grid-area: 3/2/3/span 12;
        justify-self: flex-end;
    }
}