/* Let the animated illustration sit directly on the page. */
body .home-hero .knowledge-graph,
body .public-listing-heading .module-hero-visual,
body .feelink-hero .feelink-art {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

body .home-hero .knowledge-graph::before,
body .home-hero .knowledge-graph::after,
body .public-listing-heading .module-hero-visual::before,
body .public-listing-heading .module-hero-visual::after {
    display: none;
}

.home-hero #graph-line stop:nth-child(1) { stop-color: #386eb5; stop-opacity: .75; }
.home-hero #graph-line stop:nth-child(2) { stop-color: #148881; stop-opacity: .85; }
.home-hero #graph-line stop:nth-child(3) { stop-color: #c76545; stop-opacity: .72; }

/* Use the spare vertical space without adding height to the masthead. */
@media (min-width: 900px) {
    body :is(.public-listing-heading > .module-hero-layout, .feelink-hero > .feelink-hero-inner) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 38%);
    }

    body .public-listing-heading .module-hero-visual,
    body .feelink-hero .feelink-art {
        width: 80%;
        transform: scale(1.25);
        transform-origin: right center;
    }
}