/* Legal pages — hero grid from top + fade into pre-footer */

.legal-page-hero {
    background: #fafafa;
    /* Pull grid behind header-spacer so raster starts at the top */
    margin-top: -4.5rem;
    padding-top: calc(72px + 1.5rem);
}

@media (min-width: 1024px) {
    .legal-page-hero {
        margin-top: -4.75rem;
        padding-top: calc(76px + 2rem);
    }
}

.legal-page-fade-bridge {
    height: 5rem;
    background: linear-gradient(
        to bottom,
        #fafafa 0%,
        rgb(255 255 255 / 0.72) 55%,
        #ffffff 100%
    );
}

@media (min-width: 640px) {
    .legal-page-fade-bridge {
        height: 6.5rem;
    }
}

@media (min-width: 1024px) {
    .legal-page-fade-bridge {
        height: 8rem;
    }
}

.legal-company-brand {
    flex-direction: row;
}

.legal-company-brand__icon {
    display: block;
}