*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif}main{min-height:100dvh}.ghost-loader{background:#000;place-items:center;width:100%;min-height:100dvh;display:grid}.ghost-interaction{width:clamp(56px,6vw,74px);line-height:0;animation:.65s ease-out both ghost-appear}.norms-ghost{transform-origin:50% 65%;width:100%;height:auto;display:block;overflow:visible}.ghost-gaze{transition:transform .6s cubic-bezier(.22,1,.36,1)}.ghost-eyes{transform-box:fill-box;transform-origin:50%;transition:transform .15s ease-out;animation:11.7s linear infinite ghost-blink}@media (hover:hover){.ghost-interaction:hover .ghost-eyes{animation:none;transform:scaleY(.55)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ghost-interaction:hover .norms-ghost{animation:.48s ease-in-out ghost-shake}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ghost-appear{0%{opacity:0}to{opacity:1}}@keyframes ghost-blink{0%,30%,31.5%,73%,74.5%,77%,78.5%,to{transform:scaleY(1)}30.65%,73.65%,77.65%{transform:scaleY(.06)}}@keyframes ghost-shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-2px,-2px)rotate(-7deg)}30%{transform:translate(2px,-3px)rotate(7deg)}45%{transform:translate(-2px,-2px)rotate(-5deg)}60%{transform:translate(2px,-1px)rotate(5deg)}75%{transform:translate(-1px)rotate(-3deg)}90%{transform:translate(1px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.ghost-interaction,.norms-ghost,.ghost-eyes{animation:none}.ghost-gaze,.ghost-eyes{transition:none}}
