/* ============================================================
   AVENIR LABS — shared chrome for non-homepage pages.
   Mirrors the homepage footer so it renders identically site-wide.
   Everything is scoped under .footer so it cannot leak into page content.
   Fonts (Bricolage/Inter/Geist) load site-wide via theme.json.
   ============================================================ */
:root{
  --paper:#F6F4EE; --paper-2:#EEEAE0; --paper-3:#E8E3D6;
  --ink:#1A1714; --ink-2:#5B564E; --ink-3:#8C877C;
  --line:#E4E0D6; --line-2:#D5D0C4;
  --accent:#E73D1B; --accent-deep:#B5321A;
  --yaya:#CABFEB; --yaya-2:#9D8BD7; --hop:#F6C7B6; --gifts:#F5DE97;
  --img-avenir:url(/wp-content/uploads/2026/06/avenir-wordmark.png);
  --img-yaya:url(img/yaya.png); --img-hop:url(img/hop.png); --img-gifts:url(img/gifts.png);
  --maxw:1200px; --pad:clamp(20px,5vw,64px);
  --d:"Bricolage","Inter",system-ui,sans-serif;
  --b:"Inter",system-ui,-apple-system,sans-serif;
  --m:"Geist Mono",ui-monospace,Menlo,monospace;
}
.footer .logo{display:block;background-repeat:no-repeat;background-position:center;background-size:contain;flex:none;}
.footer .logo.l-avenir{background-image:var(--img-avenir);--ar:1.083;}
.footer .logo.l-yaya{background-image:var(--img-yaya);--ar:1.04;}
.footer .logo.l-hop{background-image:var(--img-hop);--ar:1.512;}
.footer .logo.l-gifts{background-image:var(--img-gifts);--ar:1.233;}
.footer{padding:clamp(56px,8vw,88px) 0 38px;background:var(--paper);color:var(--ink);font-family:var(--b);}
.footer a{color:inherit;text-decoration:none;}
.footer a:hover{text-decoration:none;}
.footer .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);}
.footer .brand{display:flex;align-items:center;gap:11px;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid var(--line);}
.footer .brand .logo{height:70px;width:calc(70px*var(--ar));}
.footer .blurb{color:var(--ink-2);margin-top:18px;max-width:32ch;font-size:.98rem;}
.footer .logos{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap;}
.footer .logos a{height:32px;display:flex;align-items:center;padding:7px 12px;background:var(--paper-2);border-radius:12px;border:1px solid var(--line);transition:transform .2s,border-color .2s;}
.footer .logos a:hover{transform:translateY(-3px);border-color:var(--line-2);}
.footer .logos .logo{height:18px;width:calc(18px*var(--ar));}
.footer .col h4{font-family:var(--m);font-weight:500;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;}
.footer .col a{display:flex;align-items:center;gap:7px;color:var(--ink-2);padding:7px 0;font-size:.98rem;transition:color .2s;width:max-content;}
.footer .col a:hover{color:var(--accent-deep);}
.footer .col a .ext{color:var(--ink-3);font-size:.8em;}
.footer-bottom{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding-top:26px;font-family:var(--m);font-size:.72rem;letter-spacing:.06em;color:var(--ink-3);}
.footer-bottom .tagline{color:var(--accent-deep);}
@media (max-width:980px){ .footer-top{grid-template-columns:1fr 1fr;} .footer .brand-col{grid-column:1/-1;} }
@media (max-width:680px){ .footer-top{grid-template-columns:1fr;gap:30px;} }