/* Stage 04: unified homepage canvas and compact editorial footer. Hero rules stay in stage03. */
:root{--page-bg:#f7f0e9;--page-bg-alt:#f3ede5;--page-ink:#252421;--page-divider:#ded6ce}
html,body{background:var(--page-bg);color:var(--page-ink)}
main{background:var(--page-bg)}
.site-header,.hero,.programs{background:var(--page-bg)}
.work,.formats,.editorial{background:var(--page-bg-alt)}
.work,.formats,.editorial{border-top:1px solid rgba(222,214,206,.42)}
.icon-card{background:#eee7de}
.soft-quote{background-color:#eee7de}
.site-footer{background:#eee7de;border-top:1px solid var(--page-divider);padding:42px 0 20px;color:#34372f}
.footer-grid{display:grid;grid-template-columns:1fr 1.25fr auto;align-items:start;gap:42px}
.footer-brand{display:flex;flex-direction:column;gap:8px}
.footer-brand strong{font:25px/1.05 var(--serif);color:#2f3029}
.footer-brand span{font:12px/1.5 var(--sans);letter-spacing:.02em;color:#686b60}
.site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:10px 24px;justify-items:start;align-items:start;font-size:13px}
.site-footer nav a,.footer-contact,.legal-links a{transition:color .2s}
.site-footer nav a:hover,.footer-contact:hover,.legal-links a:hover{color:var(--accent-dark)}
.footer-contact{justify-self:end;display:inline-flex;align-items:center;gap:12px;min-height:42px;padding:0 19px;border:1px solid #68705f;border-radius:24px;color:#3d483c;font-size:13px}
.footer-contact span{font-size:18px;line-height:1}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:14px;border-top:1px solid rgba(103,105,94,.35);color:#686b60;font-size:12px}
.footer-bottom .legal-links{display:flex;justify-content:flex-end;gap:20px;margin:0;color:#686b60;font-size:11px}
@media (max-width:600px){
  .site-footer{padding:34px 0 18px}
  .footer-grid{display:block}
  .footer-brand{gap:7px}
  .footer-brand strong{font-size:23px}
  .footer-brand span{font-size:12px;line-height:1.45}
  .site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:28px 0 25px;font-size:13px}
  .footer-contact{display:none}
  .footer-bottom{display:block;margin-top:0;padding-top:17px;font-size:12px}
  .footer-bottom .legal-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:11px;font-size:11px;line-height:1.35}
}