.hero.legacy
{
    padding: 40px 0;

    .cta.waiting, .cta.single
    {
        --cta-bg: var(--maestra-yellow);
        --cta-text: #3b280b;
    }

    .cta *
    {
        color: #3b280b;
        fill: #3b280b;
        stroke: #3b280b;
        filter: none;
    }

    .cta.single
    {
        padding-left: 2em;
        padding-right: 2em;
        margin-bottom: 12px;
    }

    &:has(.hero-upload)
    {
        .grid-container
        {
            display: flex;
            flex-direction: column;
            height: calc(100dvh - var(--ms-header-height) - 80px);
            max-height: calc(100dvh - var(--ms-header-height) - 80px);
        }

        .block-showcase-content
        {
            flex: 1 1 auto;
            min-height: 0;
        }
    }

    &.bg-narwhal:has(.hero-upload), &.bg-narwhal-sanguine:has(.hero-upload)
    {
        .grid-container
        {
            height: auto;
            max-height: none;
            min-height: calc(100dvh - var(--ms-header-height) - 80px);
        }
    }
}