/* ===== MASTHEAD INTERIOR RE-SKIN (2026-06-13) =====
   Shared, additive re-skin layer. Link this AFTER a page's own <style> to bring
   any interior page onto the homepage "Masthead" brand with NO jsx/bundle change:
   editorial serif display, single vermilion accent, paper/ink palette, wordmark nav,
   squared hairline cards + buttons, editorial footer. Reversible (remove the <link>). */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Archivo:wght@400;500;600;700&display=swap');

:root{
  --mh-paper:#fdfdfc; --mh-ink:#121110; --mh-ink2:#5d5851;
  --mh-rule:rgba(18,17,16,.16); --mh-rule-soft:rgba(18,17,16,.08);
  --mh-verm:#e83c10; --mh-verm-dark:#9a280a;
  --mh-serif:'Instrument Serif',Georgia,serif;
  --mh-sans:'Archivo','Helvetica Neue',sans-serif;
  --mh-mono:'JetBrains Mono','Courier New',monospace;
  --mh-ease:cubic-bezier(.22,1,.36,1);
  /* remap the legacy palette so existing components recolor coherently */
  --bg:#fdfdfc; --surface:#f6f5f1; --surface-2:#eeece6;
  --navy:#121110; --navy-soft:#26241f; --text:#121110; --muted:#5d5851; --graphite:#45433d;
  --green:#bb3410; --green-dark:#9a280a; --green-bright:#e83c10;
  --green-light:rgba(232,60,16,.10); --green-mid:rgba(232,60,16,.12);
  --ink-line:rgba(18,17,16,.16); --border:rgba(18,17,16,.14);
  --grid-minor:transparent; --grid-major:transparent;
}
body{background:var(--mh-paper)!important;color:var(--mh-ink);font-family:var(--mh-sans)!important;-webkit-font-smoothing:antialiased}
::selection{background:var(--mh-verm);color:#fff}

/* ---- display type → editorial serif ---- */
.hero-h1,.section-h2,h1.hero-h1,.page-hero h1,.hero h1,
.problem-headline,.cta-h2,.audit-headline,.playbook-h{
  font-family:var(--mh-serif)!important;font-weight:400!important;
  font-variation-settings:normal!important;letter-spacing:-.01em!important;line-height:1.02!important}
.hero-h1 em,.section-h2 em,.cta-h2 em,.hero-h1 span.accent,.section-h2 .accent{font-style:italic;color:var(--mh-verm)!important}
/* the legacy pages color an accent word green via a span/strong — force vermilion */
.hero-h1 [style*="color"],.section-h2 [style*="color"]{color:var(--mh-verm)!important}

/* ---- editorial kicker chips ---- */
.section-chip{background:none!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
  font-family:var(--mh-mono)!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--mh-verm)!important;display:inline-flex;align-items:center;gap:7px}
.section-chip .chip-num{background:none!important;border:none!important;width:auto!important;height:auto!important;color:var(--mh-verm)!important;display:inline!important;font-family:var(--mh-mono)!important}

/* ---- NAV → Masthead wordmark + editorial ---- */
#nav,nav#nav{background:rgba(253,253,252,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--mh-rule)!important;box-shadow:none!important}
.nav-logo{display:none!important}
.nav-logo-wrap{display:inline-flex!important;align-items:baseline;text-decoration:none;line-height:1;white-space:nowrap!important;min-width:max-content}
.nav-logo-wrap::before{content:"Kelly WM";font-family:var(--mh-serif);font-size:28px;color:var(--mh-ink);letter-spacing:.005em}
.nav-logo-wrap::after{content:".";font-family:var(--mh-serif);font-size:28px;color:var(--mh-verm)}
.nav-item-btn,.nav-item-link,.nav-link{font-family:var(--mh-sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--mh-ink)!important}
.nav-call{font-family:var(--mh-mono)!important;color:var(--mh-ink)!important}
.mega-panel,.mega-card{background:var(--mh-paper)!important;border-color:var(--mh-rule)!important}
.mega-link-t{font-family:var(--mh-sans)!important;color:var(--mh-ink)!important}
.mega-feature{background:var(--mh-ink)!important}
.mega-link:hover,.mega-ind:hover{background:var(--surface)!important}

/* ---- buttons → squared, vermilion/ink ---- */
.nav-cta,.btn-primary,.btn-secondary,.cta-btn,.hero-cta,.book-btn,.mobile-cta-book,.cta-form-submit{border-radius:0!important}
.nav-cta,.btn-primary,.cta-form-submit{background:var(--mh-ink)!important;color:#fff!important;border:1px solid var(--mh-ink)!important;box-shadow:none!important;font-family:var(--mh-sans)!important;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.nav-cta:hover,.btn-primary:hover,.cta-form-submit:hover{background:var(--mh-verm)!important;border-color:var(--mh-verm)!important;box-shadow:none!important}
.btn-secondary{border:1px solid var(--mh-ink)!important;color:var(--mh-ink)!important;background:transparent!important;border-radius:0!important}

/* ---- cards → squared hairline plates ---- */
.card,.svc-card,.feature-card,.case-card,.result-card,.tier,.tier-card,.pricing-card,.deliver-card,.step-card,.stack-card,.faq-item,.surface-card,.glass-card{
  border-radius:0!important;box-shadow:none!important;border:1px solid var(--mh-rule)!important}
.surface-card::after,.glass-card::after{display:none!important}

/* ---- inputs squared ---- */
input,textarea,select,.modal-input,.modal-textarea{border-radius:0!important}

/* ---- footer → ink editorial ---- */
footer,.site-footer{background:var(--mh-ink)!important;color:#f4f2ee!important}
footer .footer-logo{display:none!important}
footer a:hover,.footer-links a:hover{color:#ff9272!important}

/* ---- kill leftover green glows/shadows on interactive states ---- */
*:focus-visible{outline-color:var(--mh-verm)!important}

/* ---- mono micro-labels stay mono; vermilion accents everywhere green was ---- */
.eyebrow,.kicker,.label-mono,.anno{font-family:var(--mh-mono)!important;letter-spacing:.14em!important}
/* ===== /MASTHEAD INTERIOR RE-SKIN ===== */