#page-don{

    // text -----------------------------------------

    .p__baseline-big{
        font-size: var(--fs-big);
        font-weight: var(--fw-medium);
        line-height: var(--leading-tight);
        text-align: center;
        margin: calc(var(--spacing)*1.75) 0;
    }

    .p__baseline{
        font-size: var(--fs-medium);
        font-weight: var(--fw-medium);
        line-height: var(--leading-tight);
        text-align: center;
        margin: var(--spacing) 0;
    }

    .p__details{
        font-size: var(--fs-small);
        margin-bottom: 0.5em;
        color: var(--grey-400);
    }


    // heading ---------------------------------------------

    .hero-heading{
        font-size: var(--fs-x-big);
        line-height: var(--leading-tight);
        font-weight: var(--fw-medium);
        display: inline;
        background: var(--color-txt);
        color: var(--color-bg);
        padding: 0 0.3em; 
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        text-align: center;
    }
    
    .section__heading{
        font-size: var(--fs-medium);
        font-weight: var(--fw-medium);
        line-height: 1;

        height: calc(var(--spacing)*3);
        border-bottom: var(--border);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .subsection__heading{
        font-size: var(--fs-normal);
        font-weight: var(--fw-medium);
        line-height: 1;
        margin-top: calc(var(--spacing)*0.75);
        margin-bottom: calc(var(--spacing)*1);
    }


}