@include namespace('section') {
    @include layout(namespace()) {
        display:        flex;
        flex-direction: column;
        align-items:    flex-start;
        min-height:     100%;
        margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
        padding-bottom: prop(--dims --outer, $global: true);

        @include element('heading') {
            position: sticky;
            z-index:  9000;
            top:      0;
            left:     0;
        }
    }
}