/* HERO */
.home-hero{
    position:relative;
    background:
            linear-gradient(
                    180deg,
                    rgba(11,12,15,.65),
                    rgba(11,12,15,.92)
            ),
            url("/assets/img/hero-blueprint.jpg") center/cover no-repeat;
}

.hero-content{
    max-width:680px;
}

.hero-kicker{
    display:inline-block;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--brand-gold);
    margin-bottom:14px;
}

.hero-sub{
    font-size:18px;
    max-width:54ch;
    color:rgba(244,246,251,.9);
}

.hero-inner{
    min-height:72vh;
    display:flex;
    align-items:center;
}

.hero-content{
    max-width:640px;
}

.hero-kicker{
    display:inline-block;
    color:var(--brand-gold);
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:12px;
}

.hero-sub{
    font-size:18px;
    max-width:52ch;
}

.hero-actions{
    margin-top:28px;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

/* SERVICES PREVIEW */
.home-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
            radial-gradient(circle at 30% 20%, rgba(197,139,42,.08), transparent 45%),
            radial-gradient(circle at 70% 60%, rgba(197,139,42,.05), transparent 50%);
    pointer-events:none;
}

.home-services{
    background:var(--bg);
}

.hero-inner,
.hero-content{
    position:relative;
    z-index:1;
}

.service-grid{
    display:grid;
    gap:24px;
    margin-top:32px;
    grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
}

.service-card{
    background:var(--card);
    padding:24px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.06);
}

.service-card h3{
    color:var(--brand-gold);
}

/* CTA */
.home-cta{
    background:
            linear-gradient(135deg, var(--brand-gold), #ffbe3b);
    color:#000;
    padding: 48px 0;
}

.home-cta h2,
.home-cta p{
    color:#000;
}

.cta-inner{
    text-align:center;
}
