/* ── ABOUT PAGE ── */
.about-hero {
    padding: 80px 0 40px;
    background: #FFFBFB;
}

.about-hero-title {
    font-family: var(--font-heading, 'Sailor', sans-serif);
    font-size: 56px;
    color: #570907;
    margin-bottom: 24px;
}

.about-hero-subtitle {
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #4B5563;
    max-width: 800px;
    margin: 0 auto;
}

.about-story {
    padding: 60px 0;
    background: #FFFBFB;
}

.about-body-text {
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 18px;
    line-height: 1.8;
    color: #111827;
}

.about-banner {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.about-banner-img {
    width: 100%;
    display: block;
    margin-top: -10%;
    margin-bottom: -16%;
}

.about-chefs {
    padding: 1px 0 120px ;
    background: #FFFBFB;
}

.about-section-title {
    font-family: var(--font-heading, 'Sailor', sans-serif);
    font-size: 32px;
    color: #111827;
    margin-bottom: 24px;
}

.about-cards {
    padding: 60px 0;
    background: #FFFBFB;
}

.about-card {
    border-radius: 16px;
    padding: 74px 24px;
    text-align: center;
    height: 100%;
}

.about-card-green  { background: #2E563B; }
.about-card-orange { background: #FB6E36; }
.about-card-celery { background: #72AD43; }

.about-card-icon {
    font-size: 48px;
    margin-bottom: 24px;
}

.about-card-title {
    font-family: var(--font-heading, 'Sailor', sans-serif);
    font-size: 22px;
    color: #FAFAFA;
    margin-bottom: 16px;
}

.about-card-text {
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 18px;
    color: #FAFAFA;
    line-height: 1.6;
}

.about-going {
    padding: 80px 0;
    background: #FFFBFB;
}

.about-going-title {
    font-family: var(--font-heading, 'Sailor', sans-serif);
    font-size: 44px;
    color: #111827;
    margin-bottom: 16px;
}

.about-going-text {
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 18px;
    font-weight: 700;
    color: #4B5563;
    max-width: 800px;
    margin: 0 auto;
}

.about-btn-orange {
    background: #FB6E36;
    color: #FEF0E5;
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 16px;
    padding: 12px 28px;
    border-radius: 12px;
    text-decoration: none;
}

.about-btn-green {
    background: #72AD43;
    color: #ffffff;
    font-family: var(--font-body, 'Instrument Sans', sans-serif);
    font-size: 16px;
    padding: 12px 28px;
    border-radius: 16px;
    text-decoration: none;
}

.about-btn-orange:hover { background: #e85e28; color: #fff; }
.about-btn-green:hover  { background: #5e9235; color: #fff; }