/* MOMO Courier — About Us page */
.momo-about-page {
    --momo-about-green: #185e3f;
    --momo-about-ink: #263342;
    color: var(--momo-about-ink);
}
.momo-about-hero {
    min-height: 390px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--momo-about-green);
}
.momo-about-hero-image,
.momo-about-hero-fallback,
.momo-about-hero-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.momo-about-hero-image { object-fit: cover; }
.momo-about-hero-fallback {
    background: linear-gradient(120deg, #124b34, #267a55);
}
.momo-about-hero-overlay {
    background: linear-gradient(90deg, rgba(9,48,32,.84), rgba(9,48,32,.30));
}
.momo-about-hero-content {
    position: relative;
    z-index: 1;
    padding-top: 75px;
    padding-bottom: 75px;
    color: #fff;
}
.momo-about-eyebrow,
.momo-about-kicker {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #75c6a0;
    margin-bottom: 12px;
}
.momo-about-hero h1 {
    max-width: 760px;
    color: #fff !important;
    font-size: clamp(2.1rem, 5vw, 3.8rem);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 16px;
}
.momo-about-hero p {
    max-width: 680px;
    color: rgba(255,255,255,.92);
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 0;
}
.momo-about-intro,
.momo-about-commitment { padding-top: 88px; padding-bottom: 88px; }
.momo-about-intro h2,
.momo-about-commitment h2,
.momo-about-section-heading h2 {
    color: var(--momo-about-ink) !important;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 700;
    margin-bottom: 18px;
}
.momo-about-richtext {
    font-size: 1rem;
    line-height: 1.9;
    color: #5b6570;
}
.momo-about-richtext p:last-child { margin-bottom: 0; }
.momo-about-intro-image,
.momo-about-commitment-image {
    width: 100%;
    min-height: 300px;
    max-height: 430px;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(22,55,40,.13);
}
.momo-about-image-placeholder {
    min-height: 320px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 5rem;
    background: linear-gradient(135deg, #185e3f, #32865f);
}
.momo-about-features {
    padding: 85px 0 95px;
    background: #f5f8f6;
}
.momo-about-section-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 42px;
}
.momo-about-section-heading p { color: #69747d; margin: 0; }
.momo-about-feature-card {
    height: 100%;
    min-height: 190px;
    padding: 32px 24px;
    border: 1px solid #e7eee9;
    border-radius: 14px;
    background: #fff;
    text-align: center;
    box-shadow: 0 5px 20px rgba(22,55,40,.05);
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.momo-about-feature-icon {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}
.momo-about-feature-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: filter .25s ease;
}
.momo-about-feature-card h3 {
    color: var(--momo-about-ink) !important;
    font-size: 1.12rem;
    font-weight: 700;
    margin: 0;
    transition: color .25s ease;
}
.momo-about-feature-card:hover {
    transform: translateY(-5px);
    background: var(--momo-about-green);
    box-shadow: 0 14px 28px rgba(24,94,63,.18);
}
.momo-about-feature-card:hover h3 { color: #fff !important; }
.momo-about-feature-card:hover .momo-about-feature-icon img {
    filter: brightness(0) invert(1);
}
@media (max-width: 767.98px) {
    .momo-about-hero { min-height: 310px; }
    .momo-about-hero-content { padding-top: 58px; padding-bottom: 58px; }
    .momo-about-intro,
    .momo-about-commitment { padding-top: 55px; padding-bottom: 55px; }
    .momo-about-features { padding: 58px 0; }
    .momo-about-intro-image,
    .momo-about-commitment-image { min-height: 220px; }
}