header {
    &:not(:first-child) {
        margin-top: 1rem;
    }

    .heading {
        opacity: 0.9;
        padding: 0;
    }

    .subtitle {
        font-weight: 300;
        opacity: 0.8;
    }

    &.title-1 {
        letter-spacing: -0.04rem;

        .heading {
            font-size: 24pt;
            font-weight: 700;
        }

        .subtitle {
            font-size: 1.3rem;
            font-weight: 400;
            margin-top: -0.25em;
        }
    }

    &.title-2 {
        .heading {
            font-weight: 600;
            font-size: 18pt;
            letter-spacing: -0.05rem;
        }

        .subtitle {
            font-size: initial;
            font-weight: 400;
            letter-spacing: initial;
            margin-top: -0.1em;
        }
    }

    &.title-3 {
        .heading {
            font-size: 11pt;
        }

        .subtitle {
            font-size: 0.95rem;
            font-weight: 400;
            margin-top: 0.1em;
        }
    }

    &.title-4 {
        opacity: 1;

        .heading {
            font-weight: 700;
        }

        .subtitle {
            font-size: 0.9em;
            font-weight: 400;
            margin-top: 0.1em;
        }
    }
}
