/* FFA SITE HEADER FOR THE MICROSITES. Sep 27, 2026, her click "Site header on the microsites".
   about.html's own header rules (its lines 128-140, the 2026-08-16 mobile rescue at 1099 px, the 2026-07-27 toggle
   polish, the Feedback pill), with the :root variables resolved so any page can carry them.
   Loaded BEFORE /assets/ffm-one-page.css so the kit's desktop-band rules win, exactly as on about and the-music. */
.nav{background:#f2efe3;border-bottom:1px solid #e6e1d2;position:sticky;top:0;z-index:50;transition:box-shadow .2s ease;box-shadow:none;padding:0;width:100%;align-self:stretch;box-sizing:border-box;}
.nav-inner{max-width:1240px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;}
.nav-inner .brand{line-height:1;text-decoration:none;}
.brand-name{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:24px;color:#2a5524;line-height:1;}
.brand-eyebrow{font:800 12px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#466a26;margin-top:5px;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font:600 17.5px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;color:#37312a;text-decoration:none;margin-left:0;}
.nav-links a.nav-more{display:none;}
.nav-links a:not(.btn):hover{color:#2f7a3c;}
.nav-links a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font:800 19px 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;padding:17px 28px;text-decoration:none;white-space:nowrap;width:auto;margin-top:0;}
.nav-links a.btn-green{background:#2f7a3c;color:#fff;}
.nav-links a.btn-green:hover{background:#24612e;}
.nav-toggle{display:none;background:none;border:none;flex-direction:column;gap:5px;padding:14px;margin:-8px -6px -8px 0;cursor:pointer;}
.nav-toggle span{display:block;width:24px;height:2px;background:#2a5524;border-radius:2px;}
.btn-feedback{display:inline-flex;align-items:center;background:#fff;color:#86691e;border:2px solid #a8842a;border-radius:30px;padding:9px 18px;font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap;margin-left:10px;transition:background .2s,box-shadow .2s;}
.btn-feedback:hover{background:#fdf8ec;box-shadow:0 2px 10px rgba(168,132,42,.22);}
@media (max-width:1099px){
  .nav-inner{padding:14px 22px;}
  .nav-links{position:absolute;top:100%;left:0;right:0;background:#f2efe3;border-bottom:1px solid #e6e1d2;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 18px;display:none;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:12px 0;border-bottom:1px solid #e8e3d4;}
  .nav-links a.btn{margin-top:10px;text-align:center;border-bottom:none;}
  .nav-toggle{display:flex;}
  .nav-links a.nav-more{display:block;}
}