/* components/footer.css — colophon page: bone sheet, ruled top,
   type that reads like the imprint at the back of a volume. */
.footer{ border-top:1px solid var(--ink); margin-top:7rem; padding-block:3.5rem 4rem; position:relative;
  background:var(--bone) }
/* border-rule.svg = the section/footer divider, its single sanctioned role */
.footer::before{ content:""; position:absolute; inset:auto 0 0 0; height:12px; pointer-events:none;
  background:url("../../img/ink/svg/border-rule.svg") repeat-x bottom/480px 12px; opacity:.6 }
.footer__rule{ height:12px; margin-block:0 2.6rem;
  background:url("../../img/ink/svg/border-rule.svg") repeat-x center/480px 12px; opacity:.6 }
.footer__grid{ display:grid; grid-template-columns:1.4fr repeat(2,1fr); gap:2.5rem }
.footer h4{ font-family:var(--font-mono); font-size:11px; letter-spacing:.3em; text-transform:uppercase;
  color:var(--ink); margin-bottom:1.2rem; opacity:.7 }
.footer a{ color:var(--fg-muted); font-size:.9rem; display:block; padding:.25rem 0 }
.footer a:hover{ color:var(--ink) }
.footer__note{ grid-column:1/-1; border-top:1px solid var(--ink); padding-top:1.4rem; margin-top:1rem;
  color:var(--fg-muted); font-size:.8rem; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-family:var(--font-mono); letter-spacing:.06em }
/* the station sign-off — the catalogue code, spelled wide, end of volume */
.footer__signoff{ grid-column:1/-1; margin-top:1.6rem; font-family:var(--font-mono);
  font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:var(--fg-muted); opacity:.6;
  display:flex; align-items:center; gap:1.2rem }
/* spiral lockup: the brand mark sits beside the sign-off — its only page use */
.footer__signoff .spiral-lock{ width:28px; height:28px; flex:0 0 auto }
@media (max-width:640px){ .footer__grid{grid-template-columns:1fr} }