.about-hero{
    padding:28px 0 6px;
}

.about-hero-inner{
    max-width:820px;
}

.kicker{
    display:inline-block;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--brand-gold);
    margin-bottom:14px;
    font-size:12px;
}

.lead{
    font-size:18px;
    max-width:62ch;
    color:rgba(244,246,251,.88);
}

/* Values */
.about-values{
    padding:18px 0 0;
}

.about-values h2{
    margin-bottom:6px;
}

.value-grid{
    display:grid;
    gap:18px;
    margin-top:22px;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
}

.value-card{
    background:var(--card);
    border:1px solid rgba(255,255,255,.06);
    border-radius:16px;
    padding:18px;
}

.value-card h3{
    margin-bottom:8px;
    color:var(--brand-gold);
}

/* Process */
.about-process{
    padding:26px 0 0;
}

.process-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
}

.process-head p{
    max-width:60ch;
}

.process-steps{
    list-style:none;
    margin:22px 0 0;
    padding:0;
    display:grid;
    gap:14px;
}

.process-steps li{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:14px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.06);
    border-radius:16px;
    padding:16px;
}

.step-num{
    font-weight:900;
    font-size:18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:56px;
    background:linear-gradient(
            135deg,
            rgba(197,139,42,.18),
            rgba(197,139,42,.08)
    );
    color:var(--brand-gold);
}

.step-body h3{
    margin:2px 0 8px;
}

.step-body p{
    margin:0;
}

/* CTA */
.about-cta{
    margin-top:26px;
    padding:0 0 24px;
}

.about-cta-inner{
    background:linear-gradient(135deg, #d8b56c, var(--brand-gold), var(--brand-gold-dark));
    border-radius:18px;
    padding:12px 20px;
    color:#0b0c0f;
    text-align:center;
    font-size: 14px;
}

.about-cta-inner h2,
.about-cta-inner p{
    color:#0b0c0f;
}

.about-cta-inner p{
    margin:6px 0 18px;
}

/* Mobile */
@media (max-width: 700px){
    .process-steps li{
        grid-template-columns:1fr;
    }
    .step-num{
        width:72px;
    }
}