/* assets/css/about.css */

.about-hero {
    background: #fff; border-bottom: 1px solid var(--line);
    padding: 5rem 0 4rem; text-align: center;
}
.about-hero-inner { max-width: 680px; margin: 0 auto; }
.about-main-heading { margin: 0.35rem 0 1.1rem; }
.about-main-heading em { font-style: italic; color: var(--gold); }
.about-hero-sub {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem; color: var(--muted); line-height: 1.8;
}

.about-section { padding: 5rem 0; }
.about-two-col {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 4rem; align-items: start;
}
@media (max-width: 860px) { .about-two-col { grid-template-columns: 1fr; gap: 2.5rem; } }

.about-body {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.95rem; color: var(--muted);
    line-height: 1.8; margin-bottom: 1rem;
}

/* Values grid */
.about-values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.value-card {
    background: #fff; border: 1px solid var(--line);
    border-radius: 12px; padding: 1.25rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.value-card:hover { border-color: var(--gold); box-shadow: 0 2px 12px rgba(201,168,76,0.1); }
.value-icon {
    width: 38px; height: 38px; background: #faf6ec;
    border: 1px solid var(--gold-light); border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; color: var(--gold); margin-bottom: 0.75rem;
}
.value-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem; font-weight: 600; color: var(--navy); margin-bottom: 0.35rem;
}
.value-desc { font-family: 'DM Sans', sans-serif; font-size: 0.8rem; color: var(--muted); line-height: 1.6; }

/* Stats strip */
.about-stats-strip { background: var(--navy); padding: 3rem 0; }
.about-stats-inner {
    display: flex; justify-content: space-around;
    flex-wrap: wrap; gap: 2rem;
}
.about-stat { text-align: center; }
.about-stat-num {
    display: block; font-family: 'Playfair Display', serif;
    font-size: 2.2rem; font-weight: 600; color: var(--gold-light);
    line-height: 1; margin-bottom: 0.35rem;
}
.about-stat-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7rem; letter-spacing: 0.14em;
    text-transform: uppercase; color: rgba(255,255,255,0.5);
}

/* CTA reused from index.css */
.cta-banner { background: var(--navy); padding: 4rem 0; }
.cta-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }
.cta-heading {
    font-family: 'Playfair Display', serif;
    font-size: 2rem; font-weight: 400; color: #fff; margin-bottom: 0.35rem;
}
.cta-sub { font-family: 'DM Sans', sans-serif; font-size: 0.9rem; color: rgba(255,255,255,0.65); margin: 0; }
.btn-cta-gold {
    display: inline-flex; align-items: center; gap: 0.45rem;
    background: var(--gold); color: #fff;
    font-family: 'DM Sans', sans-serif; font-size: 0.88rem; font-weight: 600;
    letter-spacing: 0.05em; text-transform: uppercase;
    padding: 0.7rem 1.8rem; border-radius: 4px; text-decoration: none;
    transition: background 0.2s, color 0.2s; white-space: nowrap;
}
.btn-cta-gold:hover { background: var(--gold-light); color: var(--navy); }