/* 關於我們・用心照顧家的清潔：頁面專屬樣式 */
.story-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 75px;
    padding-block: 85px;
    align-items: center;
}

.story-image {
    height: 580px;
    width: 100%;
    object-fit: cover;
    border-radius: 80px 15px 80px 15px;
}

.story-layout article p:not(.eyebrow) {
    margin-top: 22px;
    color: var(--muted);
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    padding-bottom: 60px;
}

.values-grid article {
    border-top: 1px solid var(--line);
    padding-top: 24px;
}

.values-grid span {
    font-size: 35px;
    font-family: Georgia, serif;
    color: var(--teal);
}

.values-grid h2 {
    font-size: 24px;
    margin: 15px 0;
}

.values-grid p {
    color: var(--muted);
    font-size: 16px;
}

@media (max-width: 800px) {
    .story-layout {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-block: 45px;
    }

    .story-image {
        height: 340px;
    }

    .values-grid {
        grid-template-columns: 1fr;
    }

}

/* Page banner: bright, unoccupied home. */
.page-about {
    --banner-image: url('../images/living.jpg');
}