/* ck-footer.css: the one footer on every public page (Micah 2026-11-02: "all the bottom of all the pages
   ... look as professional as possible", logo, crown imagery, signature). Markup lives in
   scripts/footer.html and is stamped into every page by scripts/sync-footer.js. Change both here, never
   per page. Namespaced .ckf-* so it never collides with a page's own footer styles. */
footer.ckf { display: block; margin: 0; padding: 0; text-align: left; grid-template-columns: none; }
footer.ckf *, footer.ckf *::before, footer.ckf *::after { box-sizing: border-box; }
footer.ckf a { text-decoration: none; }
.ckf { background: #080808; border-top: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.62);
  font-family: 'Inter', system-ui, -apple-system, sans-serif; position: relative; z-index: 1; }
.ckf::before { content: ''; position: absolute; top: -1px; left: 50%; width: min(560px, 70%); height: 1px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.55), transparent); }
.ckf-wrap { max-width: 1180px; margin: 0 auto; padding: 4rem 1.5rem 2rem; }
.ckf-grid { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(0, 1fr)); gap: 2.4rem; }
.ckf-logo { display: inline-block; line-height: 0; }
.ckf-logo img { height: 40px; width: auto; display: block; }
.ckf-about { margin: 1rem 0 0; font-size: 0.86rem; line-height: 1.65; color: rgba(255,255,255,0.58); max-width: 340px; }
.ckf-sign { margin-top: 1.2rem; display: flex; flex-direction: column; gap: 0.15rem; }
.ckf-sig { display: block; width: 150px; aspect-ratio: 960 / 333;
  background: linear-gradient(100deg, #f3dea4 0%, #E2C070 35%, #C9A84C 70%, #9A7A30 100%);
  -webkit-mask: url("/micah-signature.png") center / contain no-repeat; mask: url("/micah-signature.png") center / contain no-repeat; }
.ckf-sig-name { font-size: 0.74rem; color: rgba(255,255,255,0.45); }
.ckf-social { display: flex; gap: 0.55rem; margin-top: 1.2rem; }
.ckf-social a { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.12); transition: color 0.2s, border-color 0.2s; }
.ckf-social a:hover { color: #E2C070; border-color: rgba(201,168,76,0.5); }
.ckf-social svg { width: 16px; height: 16px; }
.ckf-col { display: flex; flex-direction: column; gap: 0.62rem; min-width: 0; }
.ckf-label { font-size: 0.76rem; font-weight: 600; color: rgba(255,255,255,0.92); margin-bottom: 0.35rem; }
.ckf-col a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 0.86rem; line-height: 1.35; transition: color 0.2s; }
.ckf-col a:hover { color: #E2C070; }
.ckf-contact .ckf-cta { margin-top: 0.4rem; align-self: flex-start; padding: 0.55rem 1rem; border-radius: 999px; font-weight: 600; font-size: 0.84rem;
  color: #0A0A0A; background: linear-gradient(180deg, #E2C070, #C9A84C); }
.ckf-contact .ckf-cta:hover { color: #0A0A0A; filter: brightness(1.06); }
.ckf-bottom { margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,0.07); display: flex; flex-wrap: wrap; gap: 0.5rem 1.6rem;
  justify-content: space-between; font-size: 0.76rem; color: rgba(255,255,255,0.42); }
.ckf-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; }
.ckf-bottom a:hover { color: #E2C070; }
@media (max-width: 980px) {
  .ckf-grid { grid-template-columns: 1fr 1fr; }
  .ckf-brand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .ckf-wrap { padding: 3rem 1rem 1.6rem; }
  .ckf-grid { grid-template-columns: 1fr 1fr; gap: 2rem 1.2rem; }
  .ckf-contact { grid-column: 1 / -1; }
  .ckf-bottom { flex-direction: column; }
}