🔀 :: (#32) 푸터를 새 정보 구조와 캔버스 워드마크로 교체

[Xixn2]

원인

기존 푸터는 로고·태그라인·메뉴·저작권 정도로 단순해, 회사 정보와 정책 링크를 담기에 부족했다.

수정

components/Footer.tsx 전면 교체:

• 헤드 — 로고 마크 + efface 워드마크(Space Grotesk), 태그라인의 "지우고"에 취소선이 그어짐
• 4열 메타 그리드 — COMPANY(상호·대표·소재지) / CONTACT(비즈니스·일반·지원 메일) /
  CHANNEL(카카오톡·GitHub·응답시간) / POLICY(정책 링크 8개)
• 캔버스 워드마크 — 거대한 EFFACE가 기본은 어둡고(#18181E), 커서(없으면 자동 스윕)가 지나간
  자리만 그라디언트(파랑→보라→청록→주황)로 드러난다. 트레일이 프레임당 5%씩 사라져 잔상이 남는다
• 하단 바 — 저작권 · 정책 링크 · "맨 위로" 버튼
• 스크롤 모션 — 대각선 마스크 와이프 → 헤드 blur 해제 → 열별 순차 등장 → 캔버스 좌→우 노출 → 바.
  뷰포트를 벗어나면 되감긴다 (seq가 dt 기반으로 증감)

부수 변경:

• app/globals.css — 푸터 레이아웃·링크 하이라이트·"맨 위로" 버튼 스타일.
  메타 열은 4 → 2 → 1로 반응하고, 정책 열의 음수 마진(-140px)은 좁은 화면에서 해제된다
• app/[locale]/layout.tsx — Space Grotesk 로드 (캔버스에도 쓰이므로 document.fonts.ready 후 렌더)
• messages/{ko,en}.json — 카피 구조화. 취소선은 ~단어~ 토큰으로 표기

검증

데스크탑 1280×800:

• 4열 그리드, 링크 16개, 캔버스 2464×384 렌더
• 진입 시퀀스 완료 후 마스크 해제 확인

모바일 375×812:

• 1열로 전환, 정책 열 음수 마진 해제, 가로 넘침 0

tsc --noEmit / next build 통과

비고

• 정책 링크가 가리키는 /policies 페이지는 아직 없습니다. 지금 클릭하면 404입니다.
  페이지를 만들지, 링크를 줄일지는 후속 이슈로 다루면 됩니다.
• 캔버스 루프는 푸터가 뷰포트 밖이면 그리기를 건너뛴다.

---

Closes #32