.hero {
    padding-top: 2.5rem;
    --hero-stack-padding: 2rem 2rem;
    border-bottom: 1px solid var(--line);
}

.hero-stack {
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    gap: var(--margin-medium);
    padding-block: var(--hero-stack-padding);
}


@media (min-width: 479px) {
    .hero {
    --hero-stack-padding: 6rem 8rem;
    }
}