/* ============================================================
   footer.css — single source of truth for sitewide footer styling.
   Canonical values extracted from the homepage footer.
   Injected by scripts/build-footer.py via <link> before </head>,
   so it loads last and governs every page's footer identically.
   ============================================================ */
footer{background:var(--ink,#0c0b09);padding:5rem 4rem 3rem;border-top:1px solid rgba(247,244,238,0.05);}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(247,244,238,0.06);}
.ft-brand{font-family:var(--serif),Georgia,serif;font-size:1.55rem;font-weight:300;color:var(--paper,#f7f4ee);margin-bottom:0.7rem;letter-spacing:-0.01em;}
.ft-tag{font-family:var(--body),sans-serif;font-size:0.88rem;font-weight:300;color:rgba(247,244,238,0.62);line-height:1.72;max-width:230px;margin-bottom:1.25rem;}
.ft-global{font-family:var(--sans),sans-serif;font-size:0.65rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(247,244,238,0.48);margin-top:0.75rem;}
.ft-ht{font-family:var(--sans),sans-serif;font-size:0.52rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold,#b8922a);margin-bottom:1.3rem;}
.ft-ul{list-style:none;display:flex;flex-direction:column;gap:0.62rem;}
.ft-ul a{font-family:var(--body),sans-serif;font-size:0.92rem;font-weight:300;color:rgba(247,244,238,0.65);text-decoration:none;transition:color 0.2s;}
.ft-ul a:hover{color:var(--paper,#f7f4ee);}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.ft-copy{font-family:var(--body),sans-serif;font-size:0.75rem;color:rgba(247,244,238,0.6);}
.ft-soc{display:flex;gap:1.6rem;flex-wrap:wrap;}
.ft-soc a{font-family:var(--sans),sans-serif;font-size:0.8rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(247,244,238,0.78);text-decoration:none;transition:color 0.2s;display:inline-block;padding:0.5rem 0.45rem;}
.ft-soc a:hover{color:var(--gold,#b8922a);}
@media (max-width:768px){
  footer{padding:3rem 1.5rem 2rem;}
  .ft{grid-template-columns:1fr;gap:2.5rem;}
  .ft-bot{flex-direction:column;gap:1rem;text-align:center;align-items:center;}
  .ft-soc{justify-content:center;}
}