:root {
    /* Tweak to taste */
    --nav-min: 84px;
    --brand: #1c1c1c;
    --brand-ink: #ffffff;
    --gold: #d4a047;
    --ink: #222;
    --page-bg: #faf9f7;
    --container-max: 1200px;

    --btn-ink: #111;
    --btn-bg: var(--gold);
    --btn-bg-hover: #e1b15b;
}

* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    color: var(--ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
        sans-serif;
    background: var(--page-bg);
    line-height: 1.5;
}

.container {
    width: min(100% - 40px, var(--container-max));
    margin-inline: auto;
}

.service-area-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 0.85rem;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(212, 160, 71, 0.12);
    border: 1px solid rgba(212, 160, 71, 0.28);
    color: #4a3a18;
    font-size: 0.95rem;
    font-weight: 600;
}

.service-area-badge .pin {
    flex: 0 0 auto;
}