/* katoyapalmer.com shared header (2026-10-12).
   One menu on every page. Markup is written into each page by tools/build_header.py.
   Desktop (>=1100px): pillar dropdowns. Below that: Subscribe + a Menu button that opens a full-screen sheet.
   Colors fall back through each page's own palette so brand pages keep their look. */

.kp-h,.kp-sheet{--kp-ink:var(--ink,#161210);--kp-soft:var(--ink-soft,#6E665F);--kp-line:var(--line,#E4DBCC);
  --kp-paper:var(--paper,#F3EBDB);--kp-card:var(--card,#FCF8EF);--kp-cta:#A81F1A;--kp-cta-hover:#861812;
}
.kp-h{display:block;max-width:none;margin:0;padding:0;gap:0;min-height:0;text-align:left;border-radius:0;box-shadow:none;
  position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--kp-paper) 90%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--kp-line);
  font-family:"Jost",system-ui,sans-serif;color:var(--kp-ink)}
.kp-h *,.kp-sheet *{box-sizing:border-box}
.kp-h a,.kp-sheet a{text-decoration:none;color:inherit}
.kp-sheet{font-family:"Jost",system-ui,sans-serif;color:var(--kp-ink)}
.kp-sheet ul{list-style:none;margin:0;padding:0}
/* Page styles target bare `nav`; keep them off the header's inner nav. */
.kp-h nav{position:static!important;background:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:auto!important;margin:0!important;padding:0!important;box-shadow:none!important}
.kp-h ul{list-style:none;margin:0;padding:0}
.kp-sheet[hidden]{display:none}
.kp-h-in{display:flex;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:14px 40px}

.kp-brand{display:inline-flex;align-items:center;gap:10px;flex:none}
.kp-wm{display:inline-flex;align-items:center;font-family:"Syne",system-ui,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.01em;line-height:1;color:var(--kp-ink)}
.kp-wm .bo{display:inline-flex;align-items:center;margin:0 -1.5px}
.kp-wm .bo svg{width:24px;height:24px}
.kp-sur{font-weight:600;font-size:11.5px;letter-spacing:.36em;color:var(--gold-deep,#7E601F);padding-top:2px}

/* Desktop menu */
.kp-main{margin-left:auto}
.kp-main>ul{display:flex;align-items:center;gap:4px}
.kp-main>ul>li{position:relative}
.kp-top{display:inline-flex;align-items:center;gap:5px;font:600 13.5px/1 "Jost",system-ui,sans-serif;letter-spacing:.04em;color:var(--kp-soft);
  background:none;border:0;padding:10px 12px;border-radius:30px;cursor:pointer;transition:color .15s,background .15s}
.kp-top:hover,.kp-top[aria-expanded="true"]{color:var(--kp-ink);background:color-mix(in srgb,var(--kp-ink) 6%,transparent)}
.kp-top[aria-current="page"],.kp-top.is-here{color:var(--kp-ink);box-shadow:inset 0 -2px 0 var(--gold,#C6A24C);border-radius:0}
.kp-top .chev{width:9px;height:9px;transition:transform .2s}
.kp-top[aria-expanded="true"] .chev{transform:rotate(180deg)}

.kp-panel{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;min-width:300px;background:var(--kp-card);
  border:1px solid var(--kp-line);border-radius:16px;padding:10px;box-shadow:0 18px 40px -18px rgba(22,18,16,.35);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility 0s .16s}
.kp-panel.open{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .16s}
.kp-panel a{display:block;padding:11px 14px;border-radius:10px}
.kp-panel a:hover,.kp-panel a:focus-visible{background:color-mix(in srgb,var(--kp-ink) 6%,transparent)}
.kp-panel .t{display:block;font:700 15px/1.25 "Syne",system-ui,sans-serif;color:var(--kp-ink)}
.kp-panel .d{display:block;font:400 13px/1.4 "Jost",system-ui,sans-serif;color:var(--kp-soft);margin-top:2px}
.kp-panel .all{border-top:1px solid var(--kp-line);margin-top:6px;padding-top:12px;border-radius:0 0 10px 10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kp-soft)}

.kp-act{display:flex;align-items:center;gap:8px;flex:none}
.kp-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--kp-soft);background:none;border:0;cursor:pointer}
.kp-icon:hover{color:var(--kp-ink);background:color-mix(in srgb,var(--kp-ink) 6%,transparent)}
.kp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;font:700 13px/1 "Jost",system-ui,sans-serif;letter-spacing:.04em;padding:0 18px;border-radius:40px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.kp-btn.ghost{border:1.5px solid color-mix(in srgb,var(--kp-ink) 25%,transparent);color:var(--kp-ink)}
.kp-btn.ghost:hover{border-color:var(--kp-ink)}
.kp-btn.cta{background:var(--kp-cta);color:#fff!important}
.kp-btn.cta:hover{background:var(--kp-cta-hover)}
.kp-menu-btn{display:none}

/* Section bar: the page's own links (Ingredients, Method, Lip ratings...) under the main menu */
.kp-sub{border-top:1px solid var(--kp-line)}
.kp-sub-in{display:flex;align-items:center;gap:22px;max-width:1280px;margin:0 auto;padding:9px 40px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.kp-sub-in::-webkit-scrollbar{display:none}
.kp-sub-in{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.kp-sub a{flex:none;font:600 12.5px/1 "Jost",system-ui,sans-serif;letter-spacing:.06em;color:var(--kp-soft)}
.kp-sub a:hover{color:var(--kp-ink)}
.kp-sub .home{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;color:var(--kp-ink);padding-right:18px;border-right:1px solid var(--kp-line)}

/* Mobile sheet */
.kp-sheet{position:fixed;inset:0;z-index:100;background:var(--kp-paper);overflow-y:auto;overscroll-behavior:contain;
  padding:0 22px max(28px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.kp-sheet.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.kp-sheet-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:var(--kp-paper);border-bottom:1px solid var(--kp-line);margin-bottom:8px}
.kp-sheet h2{font:600 11px/1 "Jost",system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--scarlet-deep,#A81F1A);margin:22px 0 6px}
.kp-sheet li a{display:block;padding:13px 0;border-bottom:1px solid var(--kp-line);font:700 19px/1.2 "Syne",system-ui,sans-serif;color:var(--kp-ink)}
.kp-sheet li a small{display:block;margin-top:3px;font:400 13.5px/1.35 "Jost",system-ui,sans-serif;color:var(--kp-soft)}
.kp-sheet .kp-sheet-cta{display:grid;gap:10px;margin:26px 0 8px}
.kp-sheet .kp-sheet-cta .kp-btn{min-height:50px;font-size:15px}
.kp-sheet .kp-social{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:600 13px/1 "Jost",system-ui,sans-serif;color:var(--kp-soft)}
.kp-sheet .kp-social a{padding:8px 0}
html.kp-lock,html.kp-lock body{overflow:hidden}
html.kp-lock .kp-music{display:none!important}

@media (max-width:1099px){
  .kp-main,.kp-act .kp-btn.ghost,.kp-act .kp-search{display:none}
  .kp-menu-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:40px;border:1.5px solid color-mix(in srgb,var(--kp-ink) 25%,transparent);background:none;color:var(--kp-ink);font:700 13px/1 "Jost",system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}
  .kp-act{margin-left:auto}
  .kp-h-in{padding:10px 20px;gap:12px}
  .kp-sub-in{padding:8px 20px}
}
@media (max-width:420px){
  .kp-sur{display:none}
  .kp-wm{font-size:21px}
  .kp-btn.cta{padding:0 14px}
}
@media (max-width:360px){
  .kp-h-in{padding:10px 14px;gap:8px}
  .kp-act{gap:6px}
  .kp-menu-btn{width:40px;padding:0;justify-content:center}
  .kp-menu-btn .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (min-width:1100px){.kp-sheet{display:none}}
@media (prefers-reduced-motion:reduce){.kp-panel,.kp-sheet,.kp-top .chev{transition:none!important}}
@media print{.kp-h,.kp-sheet{display:none!important}}