.section {
    position: relative;
}

    .section--header {
        display: flex;
        flex-direction: column;
        margin-bottom: var(--space-m);
        transform: translateX(-50px);
    }

    .section--header h2 {
            font-family: var(--serif);
            font-size: var(--step--2);
            display: inline;
            text-align: left;
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            text-transform: uppercase;
        }

    .section--header h2 span {
                font-family: var(--sans-serif);
                color: white;
                display: block;
            }

    .section--header h2:after {
                content: '';
                width: 10%;
                height: 1px;
                background: rgb(255,70,0);
                background: linear-gradient(270deg, rgba(255,124,0,1) 0%, rgba(255,70,0,.5) 100%);
                display: inline;
                position: relative;
                margin-left: var(--space-m);

            }

    .section--header-vertical {
    }