@layer parts {

    .page-header {
        padding-block-start: var(--spacing-md);
    }

    .page-header__title {
        font-family: var(--page-title-font, var(--font-heading));
        font-weight: var(--page-title-weight, var(--font-weight-heading));
        font-size: var(--page-title-size, var(--font-size-2xl));
        font-style: var(--page-title-style, normal);
        text-transform: var(--page-title-transform, none);
        letter-spacing: var(--page-title-spacing, normal);
        line-height: var(--line-height-heading);
        margin: 0;
    }

    .page-header--center {
        text-align: center;
    }

    .page-header--right {
        text-align: end;
    }

    .page-image {
        margin-block-start: var(--spacing-lg);
    }

    .page-image__img {
        width: 100%;
        height: auto;
        border-radius: var(--radius-image-md, var(--radius-md));
        display: block;
    }

    .page-content {
        padding-block: var(--spacing-xl);
    }

}