/* aftertaste HK — 頁尾樣式（配合 new-footer.html）。樣式限定喺 .atf 入面。 */
.atf{
  --plum:#57233D; --body:#2B2422; --muted:#6E605A; --faint:#A0928A;
  --bg:#2E1220; --line:rgba(246,238,232,.16);
  --font:'Noto Sans HK',-apple-system,'PingFang HK','Microsoft JhengHei',sans-serif;
  background:var(--bg); color:#E8DCD5; font-family:var(--font); font-size:14.5px; line-height:1.7;
  padding:52px 20px 28px;
}
.atf *,.atf *::before,.atf *::after{ box-sizing:border-box; }
.atf a{ color:inherit; text-decoration:none; }
.atf :focus-visible{ outline:2px solid #D9884A; outline-offset:3px; }

.atf-inner{
  max-width:1180px; margin:0 auto; display:grid; gap:34px;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
}
.atf-brand img{ display:block; width:auto; height:28px; filter:brightness(0) invert(1); opacity:.92; }
.atf-brand p{ margin:14px 0 0; max-width:34ch; color:#C9B9B1; font-size:14px; }
.atf-mail{ display:inline-block; margin-top:12px; font-weight:600; color:#E3C98E; border-bottom:1px solid rgba(227,201,142,.45); }
.atf-mail:hover{ color:#fff; border-bottom-color:#fff; }

.atf-col{ display:flex; flex-direction:column; gap:9px; }
.atf-col h3{ margin:0 0 4px; font-size:12.5px; font-weight:600; letter-spacing:.14em; color:#9E8C85; text-transform:none; }
.atf-col a{ color:#E8DCD5; }
.atf-col a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

.atf-legal{
  max-width:1180px; margin:38px auto 0; padding-top:20px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
  font-size:12.5px; color:#9E8C85; line-height:1.8;
}
.atf-legal p{ margin:0; }

@media (max-width:860px){
  .atf{ padding:40px 16px 24px; }
  .atf-inner{ grid-template-columns:1fr 1fr; gap:26px; }
  .atf-brand{ grid-column:1 / -1; }
}
@media (max-width:420px){
  .atf-inner{ grid-template-columns:1fr; }
  .atf-legal{ flex-direction:column; gap:10px; }
}