/* ============================================================
   services.css — services.html page-specific styles
   ============================================================ */

/* Hero section — brand blue background */
#services-hero {
    background-color: var(--swatch--brand-500);
    color: var(--swatch--light-100);
}

/* Service detail cards */
.service-detail {
    border-top: 1px solid var(--_theme---border);
    padding-top: var(--_spacing---space--6);
    padding-bottom: var(--_spacing---space--6);
}

.service-detail__number {
    font-size: 0.7rem;
    color: rgba(0,0,0,0.3);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 1rem;
}

/* Hide service descriptions for now */
.service-desc { display: none; }