/* About Page Module — layout only; content and shared controls stay outside this file. */
.bh-about-intro,
.bh-about-journey,
.bh-about-life,
.bh-about-brand,
.bh-about-proof,
.bh-about-principles {
    padding: var(--bh-section-space) 5vw;
}

.bh-about-intro__heading h2,
.bh-about-journey__heading h2,
.bh-about-principles > header h2,
.bh-about-life__copy h2,
.bh-about-brand__copy h2,
.bh-about-proof__heading h2,
.bh-about-cta h2 {
    font-size: var(--bh-type-section) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em;
}

.bh-about-life__copy h2 {
    font-size: clamp(44px, 4.6vw, 72px) !important;
}

.bh-about-intro__photo,
.bh-about-journey__photo,
.bh-about-life__gallery figure {
    padding: clamp(6px, 0.7vw, 10px);
    border: 1px solid var(--bh-line);
    background: #fff;
}

.bh-about-intro__photo img,
.bh-about-journey__photo img,
.bh-about-life__gallery img {
    filter: saturate(0.9) contrast(1.025);
}

.bh-about-intro__photo figcaption,
.bh-about-journey__photo figcaption,
.bh-about-life__gallery figcaption {
    margin: 9px 2px 1px;
}

.bh-about-intro__copy p,
.bh-about-journey__copy p,
.bh-about-life__copy > p:not(.bh-eyebrow),
.bh-about-brand__copy > p:not(.bh-eyebrow),
.bh-about-cta > p:not(.bh-eyebrow) {
    color: var(--bh-copy);
    font-size: var(--bh-type-body);
    line-height: 1.85;
}

.bh-about-brand__copy > p:not(.bh-eyebrow) {
    color: rgba(255, 255, 255, 0.76);
}

.bh-about-cta > p:not(.bh-eyebrow) {
    color: #c7cbd0;
}

.bh-about-journey {
    background: var(--bh-paper-soft);
}

.bh-about-journey__timeline,
.bh-about-principles__grid {
    border-right: 0;
    border-bottom: 1px solid var(--bh-ink);
    border-left: 0;
}

.bh-about-journey__timeline article,
.bh-about-principles__grid article {
    border-right: 1px solid var(--bh-line);
    border-bottom: 0;
}

.bh-about-journey__timeline article {
    min-height: 205px;
    padding: 22px 20px;
}

.bh-about-principles__grid article {
    min-height: 240px;
    padding: 24px 22px;
}

.bh-about-journey__timeline article:last-child,
.bh-about-principles__grid article:last-child {
    border-right: 0;
}

.bh-about-journey__timeline span,
.bh-about-principles__grid span,
.bh-about-proof__list span {
    color: var(--bh-accent);
}

.bh-about-journey__timeline span,
.bh-about-principles__grid span {
    font-size: 24px;
}

.bh-about-journey__timeline small {
    margin-top: 22px;
}

.bh-about-journey__timeline strong {
    font-size: 18px;
}

.bh-about-principles {
    background: var(--bh-paper);
}

.bh-about-principles__grid article:hover,
.bh-about-principles__grid article:focus-within {
    background: rgba(201, 121, 91, 0.06);
}

.bh-about-principles__grid h3 {
    margin-top: 46px !important;
    font-size: 20px;
}

.bh-about-principles__grid p {
    color: var(--bh-copy);
    font-size: 15px;
    line-height: 1.8;
}

.bh-about-brand__mark span {
    color: var(--bh-accent);
}

.bh-about-cta {
    padding: clamp(76px, 7vw, 112px) 5vw clamp(88px, 8vw, 128px);
}

.bh-about-cta--quote h2 {
    font-size: var(--bh-type-section) !important;
}

@media (max-width: 700px) {
    .bh-about-intro,
    .bh-about-journey,
    .bh-about-life,
    .bh-about-brand,
    .bh-about-proof,
    .bh-about-principles {
        padding: var(--bh-section-space-mobile) 18px;
    }

    .bh-about-intro__heading h2,
    .bh-about-journey__heading h2,
    .bh-about-principles > header h2,
    .bh-about-life__copy h2,
    .bh-about-brand__copy h2,
    .bh-about-proof__heading h2,
    .bh-about-cta h2 {
        font-size: var(--bh-type-section-mobile) !important;
        line-height: 1.04 !important;
    }

    .bh-about-intro__copy p,
    .bh-about-journey__copy p,
    .bh-about-life__copy > p:not(.bh-eyebrow),
    .bh-about-brand__copy > p:not(.bh-eyebrow),
    .bh-about-cta > p:not(.bh-eyebrow) {
        font-size: var(--bh-type-body-mobile);
    }

    .bh-about-journey__timeline,
    .bh-about-principles__grid {
        border-bottom: 0;
    }

    .bh-about-journey__timeline article,
    .bh-about-principles__grid article {
        min-height: auto;
        padding: 20px 0;
        border-right: 0;
        border-bottom: 1px solid var(--bh-line);
    }

    .bh-about-journey__timeline article:last-child,
    .bh-about-principles__grid article:last-child {
        border-bottom: 0;
    }

    .bh-about-principles__grid h3 {
        margin-top: 24px !important;
    }

    .bh-about-brand__mark strong {
        font-size: clamp(66px, 22vw, 92px);
    }

    .bh-about-cta {
        padding: 64px 18px 82px;
    }

    .bh-about-cta--quote h2 {
        font-size: clamp(34px, 9.4vw, 44px) !important;
    }
}