/* ═══════════════════════════════════════
   ABOUT PAGE — Premium redesign
   ═══════════════════════════════════════ */

/* Softer, warmer base tone */
body.about-page{ background:#111116 }
body.about-page .header{ background:rgba(17,17,22,0.92);backdrop-filter:blur(12px) }
body.about-page .footer{ background:#0e0e13 }
body.about-page .proof-bar{
    background:rgba(255,255,255,0.015);
    border-color:rgba(255,255,255,0.04);
}

/* ── Eyebrow label (reusable) ── */
.about-eyebrow{
    display:inline-block;
    font-size:0.75rem;font-weight:600;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--accent);
    margin-bottom:var(--space-lg);
    position:relative;padding-left:1.6rem;
}
.about-eyebrow::before{
    content:'';position:absolute;left:0;top:50%;
    width:1rem;height:1.5px;
    background:var(--accent);transform:translateY(-50%);
}

/* ── Hero ── */
.about-hero{
    padding:calc(var(--header-h) + var(--space-5xl)) 0 var(--space-5xl);
    text-align:center;position:relative;overflow:hidden;
}
.about-hero::before{display:none}
.about-hero h1{
    font-size:clamp(2.2rem, 4.5vw, 3.8rem);
    font-weight:600;line-height:1.15;letter-spacing:-0.01em;
    max-width:800px;margin:0 auto var(--space-xl);
}
.about-hero p{
    font-size:var(--text-lg);color:var(--text-secondary);
    max-width:600px;margin:0 auto;line-height:1.75;
}
.about-hero-line{
    width:60px;height:2px;margin:var(--space-2xl) auto 0;
    background:linear-gradient(90deg, transparent, #B8972E, transparent);
    border-radius:2px;
}

/* ── Mission — pull-quote with golden accent bar ── */
.about-mission-section{ padding-top:var(--space-3xl);padding-bottom:var(--space-3xl) }
.about-mission-block{
    display:flex;gap:var(--space-xl);
    max-width:740px;margin:var(--space-2xl) auto 0;
    position:relative;
}
.about-mission-accent{
    flex-shrink:0;width:3px;
    border-radius:3px;
    background:linear-gradient(180deg, #B8972E 0%, rgba(184,151,46,0.15) 100%);
}
.about-mission-text{
    font-size:var(--text-lg);color:var(--text-secondary);
    line-height:1.85;
}

/* ── Founder — two-column editorial layout ── */
.about-founder-section{ padding-top:var(--space-2xl);padding-bottom:var(--space-3xl) }
.founder-layout{
    display:grid;grid-template-columns:1fr 320px;
    gap:var(--space-4xl);align-items:center;
    max-width:960px;margin:0 auto;
}
.founder-story .about-eyebrow{ margin-bottom:var(--space-md) }
.founder-name{
    font-size:var(--text-3xl);font-weight:600;
    margin-bottom:var(--space-xs);letter-spacing:-0.01em;
}
.founder-role{
    color:var(--accent);font-weight:500;
    font-size:var(--text-sm);margin-bottom:var(--space-lg);
}
.founder-bio{
    color:var(--text-secondary);font-size:var(--text-base);line-height:1.85;
}
.founder-badges{
    display:flex;gap:var(--space-sm);
    margin-top:var(--space-xl);flex-wrap:wrap;
}

/* Photo with ambient golden glow */
.founder-photo-wrap{
    position:relative;display:flex;
    align-items:center;justify-content:center;
}
.founder-photo-glow{
    position:absolute;
    width:300px;height:300px;border-radius:50%;
    background:radial-gradient(circle, rgba(184,151,46,0.12) 0%, transparent 70%);
    filter:blur(40px);
    pointer-events:none;
}
.founder-photo{
    width:240px;height:240px;border-radius:50%;
    object-fit:cover;object-position:center top;
    border:3px solid rgba(184,151,46,0.2);
    position:relative;z-index:1;
    box-shadow:0 0 60px rgba(184,151,46,0.08);
}

/* ── CTA — centered dramatic ── */
.about-cta-section{
    text-align:center;
    padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);
}
.about-cta-inner{
    max-width:600px;margin:0 auto;
}
.about-cta-inner .cin-section-title{
    font-size:var(--text-4xl);
    margin-bottom:var(--space-md);
}
.about-cta-sub{
    color:var(--text-secondary);font-size:var(--text-lg);
    margin-bottom:var(--space-2xl);line-height:1.7;
}
.about-cta-inner .btn{ font-size:1rem }


   ABOUT PAGE — Enhancements
   ══════════════════════════════════════ */

/* About stat counter animation */
.about-stat-number,
.stat-number {
    background: linear-gradient(135deg, #B8972E, #D4882A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}