mega-nav — directional hover

이 판에서 눈으로 확인할 것 (스펙 §9 C8–C14. 브라우저 계측 라운드가 없어 여기가 유일한 증거다):

1. 방향. First → Third 로 옮기면 나가는 패널이 왼쪽으로 빠지고 새 패널이 오른쪽에서 들어온다. 반대로 옮기면 반대여야 한다 (C1/C2).
2. 겹침 (C8). 전환 중 0.12–0.20초 구간에 두 패널이 동시에 보인다. 겹침이 없으면 방향감이 죽는다.
3. 높이 (§3.2). 세 패널의 높이가 서로 다르다. 컨테이너가 0.4초power3.out 으로 따라와야 한다.
4. 연타 (C9). 토글 세 개를 빠르게 훑어도 잔상이나 튐이 없어야 한다.
5. 마우스 이동 (C10). 토글에서 열린 패널 위로 마우스를 내려도 닫히지 않는다.
6. 키보드 (C12). Tab 으로 토글에 간 뒤 Enter/Space/↓ 로 열고, ↑↓ 로 항목을 돌고, Esc 로 닫으면 포커스가 토글로 돌아온다.
7. 감속 모션 (C14). OS 의 “동작 줄이기”를 켜면 전환이 즉시 일어난다. 이건 원본에 없는 우리 추가분이다 (§13).

스킨(색·폰트·카피·이미지)은 OUT 이다 (§9 C17). 여기 보이는 것은 전부 중립 자리표시자다.