:root{--yellow:#ffc400;--magenta:#ff00a0;--cycle:6s;--draw-dur:1.5s;--hold:.35s;--shift-dur:.9s;--shift-at:1.85s;--word-at:1.85s;--word-dur:.9s;--settle-at:3.2s}*{box-sizing:border-box}html,body{margin:0}body{background:#fff}.hero{justify-content:center;align-items:center;min-height:100svh;display:flex}.logo{width:clamp(200px,58vw,298.169px);height:auto;display:block}.letters{fill:#000}.sweep{transform-box:fill-box;transform-origin:0;animation:sweep var(--word-dur) cubic-bezier(.65, 0, .35, 1) var(--word-at) both;transform:scaleX(0)}.crescent-slide{animation:slide var(--shift-dur) cubic-bezier(.65, 0, .35, 1) var(--shift-at) both}.crescent{fill:#000;animation:moonlight var(--cycle) linear var(--settle-at) infinite}.wiper{stroke-dasharray:72;stroke-dashoffset:72px;animation:draw var(--draw-dur) cubic-bezier(.45, 0, .25, 1) both}@keyframes draw{to{stroke-dashoffset:0}}@keyframes slide{0%{transform:translate(-131.584px)}to{transform:translate(0)}}@keyframes sweep{to{transform:scaleX(1)}}@keyframes moonlight{0%{fill:#000}30%{fill:var(--yellow)}60%{fill:var(--magenta)}to{fill:#000}}@media (prefers-reduced-motion:reduce){.crescent-slide,.crescent,.wiper,.sweep{animation:none}.sweep{transform:scaleX(1)}.crescent{fill:#000}.wiper{stroke-dashoffset:0}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
