/* ============================================================
   Footer — brand block, link columns, legal meta row.
   ============================================================ */
footer{background:var(--aubergine);color:var(--dark-text);padding:72px 0 56px}
footer .row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;align-items:start}
@media(max-width:720px){footer .row{grid-template-columns:1fr 1fr;gap:32px}}
footer .brand-block .mark{display:flex;align-items:center;gap:12px;margin-bottom:20px}
footer .brand-block .mark img{width:32px;height:32px}
footer .brand-block .mark span{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
footer .brand-block p{font-family:var(--serif);font-size:22px;line-height:1.25;letter-spacing:-.01em;color:var(--dark-text);max-width:30ch;margin:0}
footer .brand-block p em{font-style:italic;color:var(--orchid)}
footer ul{list-style:none;padding:0;margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
footer ul .h{color:var(--dark-mute);text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:14px}
footer ul li{padding:6px 0}
footer ul li a{color:var(--dark-text);transition:color .2s}
footer ul li a:hover{color:var(--ember)}
footer .meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-mute);margin-top:64px;padding-top:24px;border-top:1px solid var(--dark-line)}
footer .meta .legal{display:flex;gap:24px}
footer .meta .legal a{color:var(--dark-mute);transition:color .2s}
footer .meta .legal a:hover{color:var(--ember)}