article {
    max-width: 40rem;
    position: relative;
    padding-top: var(--gap-5xl);

    svg {

        position: absolute;
        left: calc(-1 * var(--gap-4xl));
        top: 0;
        width: 12rem;
        /* transform: scaleX(-1); */

        z-index: -1;

        color: var(--c-highlight-lighter);
    }

    h3 {
        margin-bottom: 0.25em;
    }

    h4:first-of-type {
        font-size: 1.75rem;
        font-weight: 400;
        line-height: 1;
        margin-top: 0;
        color: var(--c-highlight);
    }
}

@media (prefers-color-scheme: dark) {
    article svg {
        color: var(--c-highlight-darker);
    }
}