/* ─────────────────────────────────────────────────────────────────
   Shared nav + footer CSS — extracted 2026-08-22 (Phase 1.3 of SEO/
   performance audit remediation plan).

   This exact CSS (byte-for-byte, verified via md5 across the site
   before extraction) was duplicated inline on 85 separate pages under
   comments literally labeled "synced from marketing.html" -- someone
   had already identified this as copy-pasted, repeated content; it
   just hadn't been cut over to a real shared file yet. Every visitor
   reading more than one page downloaded this same CSS from scratch on
   each page. As an external stylesheet it's fetched once and served
   from cache for the rest of the site.

   Do not edit page-specific CSS here. Per-page footer column counts
   (3 vs 4 vs 5 columns) are handled via inline style="grid-template-
   columns:..." overrides on the .footer-inner element in each page's
   HTML, not in this file -- inline styles win specificity, so this
   file's default (1fr repeat(3,auto)) is safely overridden per-page
   without needing a copy of this stylesheet per column-count variant.
───────────────────────────────────────────────────────────────── */

/* ── FOOTER ── */
footer{border-top:1px solid var(--border,rgba(0,0,0,0.06));padding:48px 5vw 32px}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr repeat(3,auto);gap:48px;align-items:start}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--gold,#2F6FED);margin-bottom:12px}
.footer-tagline{font-size:13px;color:var(--text-muted,#3E3B50);line-height:1.6;max-width:240px}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg2,#F6F6F8);border:1px solid var(--border,rgba(0,0,0,0.06));color:var(--text-sub,#8A8498);transition:.2s}
.footer-social-icon:hover{border-color:var(--gold,#2F6FED);color:var(--gold,#2F6FED);background:var(--gold-dim,rgba(47,111,237,0.12))}
.footer-social-icon img{display:block;filter:none}
.footer-social-icon:hover img{filter:invert(37%) sepia(84%) saturate(1665%) hue-rotate(213deg) brightness(97%) contrast(97%)}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted,#3E3B50);margin-bottom:16px}
.footer-col a{display:block;font-size:13px;color:var(--text-sub,#8A8498);margin-bottom:10px;transition:.2s}
.footer-col a:hover{color:var(--text,#1A1410)}
.footer-bottom{max-width:1100px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border,rgba(0,0,0,0.06));display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted,#3E3B50);flex-wrap:wrap;gap:8px}
.footer-bottom a{color:var(--text-muted,#3E3B50);text-decoration:underline;text-decoration-color:var(--border-bright,rgba(0,0,0,0.12))}
.footer-bottom a:hover{color:var(--text,#1A1410)}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}.footer-col-tools{grid-column:1/-1}}
@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}
@media(max-width:768px){footer{background:var(--bg2,#F6F6F8);padding-top:40px}.footer-inner{gap:32px 20px}.footer-brand-col{text-align:center}.footer-tagline{max-width:280px;margin:0 auto}.footer-social{justify-content:center}.footer-col{text-align:left}.footer-bottom{justify-content:center;text-align:center}}
.footer-brand{color:var(--text,#1A1410);font-weight:700;letter-spacing:.2px}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--border,rgba(0,0,0,0.06));transition:.3s}
nav.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px)}
.nav-brand{display:flex;align-items:center}
.nav-links{display:flex;gap:32px;font-size:13px;color:var(--text-sub,#8A8498)}
.nav-links a{transition:.2s}
.nav-links a:hover{color:var(--text,#1A1410)}
.nav-right{display:flex;align-items:center;gap:16px}
.menu-btn{display:none;background:none;border:none;flex-direction:column;gap:4px;padding:8px;cursor:pointer;z-index:220}
.menu-btn span{width:22px;height:2px;background:var(--text,#1A1410);border-radius:2px;display:block;transition:transform .25s ease,opacity .25s ease}
.menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn.open span:nth-child(2){opacity:0}
.menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;height:auto;max-height:calc(100vh - 64px);overflow-y:auto;align-items:stretch;justify-content:flex-start;background:#FFFFFF;padding:8px 24px 20px;flex-direction:column;box-shadow:0 20px 40px rgba(15,23,42,.12);z-index:190}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:14px 4px;font-weight:600;font-size:15px;color:var(--text,#1A1410);border-bottom:1px solid var(--border,rgba(0,0,0,0.06))}
.mobile-nav a:last-child{border-bottom:none}
@media(max-width:768px){
  .nav-links{display:none}
  .menu-btn{display:flex}
}