body {
    font-size: 18px;
    font-weight: 800;
}

body :is(p, li, .rich-content) {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.7;
}

body :is(h1, h2, h3, h4, h5, h6) {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4 !important;
}

.eyebrow,
.topbar,
.breadcrumbs,
.header-brand-copy small,
.footer-brand-copy small,
.button,
.carousel-button,
.card-kicker,
.text-link,
.whatsapp-link,
.footer-column,
.footer-bottom,
.testimonial-person small,
.pagination-wrap,
.form-alert,
.field-error {
    font-size: 13px;
}

.header-brand-copy strong,
.footer-brand-copy strong,
.button,
.carousel-button,
.card-kicker,
.text-link,
.whatsapp-link,
.footer-column h3 {
    font-weight: 800;
}

.about-intro {
    background: #f7f8f3;
}

.about-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 64px;
}

.about-image {
    position: relative;
    min-height: 430px;
}

.about-image > img {
    width: 100%;
    height: 430px;
    border-radius: 8px;
    object-fit: cover;
}

.about-image-note {
    position: absolute;
    right: -18px;
    bottom: 22px;
    display: grid;
    gap: 5px;
    max-width: 80%;
    padding: 16px 20px;
    border-radius: 5px;
    background: #d5f36a;
    color: #10251c;
    box-shadow: 0 18px 60px rgba(19, 50, 35, .09);
}

.about-intro-copy h2 {
    max-width: 520px;
    margin: 0 0 18px;
    color: #10251c;
}

.about-intro-copy .rich-content,
.about-intro-copy > p {
    margin-bottom: 20px;
    color: #65766d;
}

.about-intro-copy .button {
    margin-top: 8px;
}

.about-values-section {
    background: #fff;
}

.about-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.about-value-card {
    padding: 25px;
    border: 1px solid #e5e9e2;
    border-radius: 5px;
    background: #f7f8f3;
}

.about-value-card > span {
    display: block;
    margin-bottom: 22px;
    color: #176c49;
}

.about-value-card h3 {
    margin: 0 0 10px;
    color: #10251c;
}

.about-value-card p {
    margin: 0;
    color: #65766d;
}

.about-cta-section {
    padding-top: 0;
}

@media (max-width: 820px) {
    .about-intro-grid {
        gap: 38px;
    }
}

@media (max-width: 600px) {
    .about-intro-grid,
    .about-values-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .about-image,
    .about-image > img {
        min-height: 290px;
        height: 290px;
    }

    .about-image-note {
        right: 10px;
        bottom: 12px;
    }

    .about-value-card {
        padding: 20px;
    }
}