/* ============================================================
   Pymander — shared site chrome (header + footer), matching the
   home landing page. Namespaced c3- classes so it layers safely
   over any page's existing styles. Colors/typography literal:
   white, ink #161614, muted #6f6f6a, faint #a6a6a0.
   ============================================================ */
.c3-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px)}
.c3-nav-inner{max-width:1280px;margin:0 auto;padding:18px clamp(20px,4.5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.c3-brand{display:grid;place-items:center;flex:none}
.c3-brand img{width:30px;height:30px;object-fit:contain;display:block}
.c3-links{display:flex;gap:32px;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}
.c3-links a{font-weight:400;font-size:1.02rem;color:#161614;text-decoration:none;transition:opacity .35s ease}
.c3-links a:hover{opacity:.5}
.c3-right{display:flex;align-items:center;gap:24px}
.c3-btn{display:inline-flex;align-items:center;gap:8px;font-size:.93rem;font-weight:500;letter-spacing:.005em;padding:9px 16px;border-radius:999px;border:0;cursor:pointer;background:#161614;color:#fff;text-decoration:none;white-space:nowrap;transition:background .45s ease}
.c3-btn:hover{background:#31312e}
.c3-toggle{display:none}
.c3-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#ffffff;padding:6px clamp(20px,4.5vw,56px) 22px;box-shadow:0 24px 40px -24px rgba(0,0,0,.18)}
.c3-menu.open{display:grid}
.c3-menu a{padding:13px 0;font-size:1.12rem;font-weight:500;color:#161614;text-decoration:none}
@media(max-width:960px){
  .c3-links{display:none}
  .c3-toggle{display:grid;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
  .c3-toggle span{width:22px;height:2px;background:#161614;border-radius:2px}
}
.c3-foot{padding:clamp(72px,9vw,120px) 0 48px;background:#fff}
.c3-foot-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4.5vw,56px)}
.c3-foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,6vw,72px) clamp(32px,8vw,120px);max-width:980px}
.c3-foot-col h5{font-weight:600;font-size:1.02rem;margin:0 0 22px;color:#161614}
.c3-foot-col a{display:block;color:#6f6f6a;font-size:1rem;padding:8px 0;text-decoration:none;transition:color .35s ease}
.c3-foot-col a:hover{color:#161614}
.c3-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(64px,8vw,100px);padding-top:28px}
.c3-foot-brand{display:flex;align-items:center;gap:12px;color:#6f6f6a;font-size:.95rem}
.c3-foot-brand img{width:30px;height:30px;object-fit:contain}
.c3-legal{color:#a6a6a0;font-size:.95rem;margin-left:10px;text-decoration:none;transition:color .3s ease}
.c3-legal:hover{color:#161614}
.c3-foot-meta{color:#a6a6a0;font-size:.85rem;max-width:72ch;margin-top:26px;line-height:1.6}
@media(max-width:960px){.c3-foot-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.c3-foot-cols{grid-template-columns:1fr}}