/**
 * About us page (CMS de "about-us" 27 / en "about-kruzik" 28).
 * Loaded only via Magento_Cms/layout/cms_page_view_id_{about-us,about-kruzik}.xml.
 */

.kz-about {
    display: grid;
    gap: 2.5rem;
    align-items: start;
    max-width: 68rem;
    margin: 0 auto;
    padding-bottom: 4rem;
}

@media (min-width: 48rem) {
    .kz-about {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        gap: 4rem;
    }

    /* Photo centred next to the (longer) letter text instead of hanging at the top */
    .kz-about__image {
        align-self: center;
    }
}

.kz-about__image img {
    display: block;
    width: 100%;
    height: auto;
}

.kz-about__text {
    max-width: 38rem;
    line-height: 1.8;

    & p {
        margin: 0 0 1.25rem;
    }

    & a {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 0.25em;
    }
}

/* Letter salutation: a little larger, close to the first paragraph */
.kz-about__text .kz-about__salutation {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.kz-about__motto {
    margin-top: 2rem;
    font-style: italic;
}

.kz-about__signature {
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}