.about-dialog {
    --width: 90vw;
    --body-spacing: 48px;
}

.about-dialog::part(panel) {
    max-width: 1200px;
    min-height: 80vh;
}

.about-dialog::part(header) {
    font-weight: 600;
    font-size: 44px;
    line-height: 1.1;
    justify-content: center;
}

.about-dialog::part(title) {
    text-align: center;
}

.about-dialog::part(body) {
    padding-top: 0;
}

.about-dialog__text {
    font-family: var(--font-serif);
    font-size: 17px;
    font-weight: var(--sl-font-weight-normal);
    line-height: 1.5em;
    color: var(--type-color);
}

.about-dialog__text p + p {
    margin-top: 24px;
}

@media (max-width: 767px) {
    .about-dialog {
        --width: 100vw;
        --body-spacing: 16px;
    }

    .about-dialog::part(header) {
        font-size: 28px;
    }

    .about-dialog__text {
        font-size: var(--sl-font-size-medium);
    }
}