.animated-logo{display:inline-flex;align-items:baseline;font-family:Syne,sans-serif;font-weight:600;letter-spacing:-.075em;text-transform:lowercase;white-space:nowrap}.animated-logo .logo-base{color:inherit}.animated-logo .logo-dot{color:var(--lime)}.animated-logo .logo-com{display:inline-block;min-width:1.75em;color:var(--lime);font-weight:900;transform-origin:left bottom;animation:logo-morph 3.2s steps(1,end) infinite}.nav .animated-logo{font-size:1.55rem}footer .animated-logo{font-size:1.25rem}@keyframes logo-morph{0%,19%{font-family:Syne,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.08em;transform:skewX(0) scaleX(1)}20%,39%{font-family:Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.12em;transform:skewX(-7deg) scaleX(1.08)}40%,59%{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:900;letter-spacing:-.11em;transform:scaleX(.92) scaleY(1.06)}60%,79%{font-family:monospace;font-style:normal;font-weight:900;letter-spacing:-.17em;transform:skewX(6deg) scaleX(.9)}80%,100%{font-family:Syne,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.08em;transform:skewX(0) scaleX(1)}}@media(prefers-reduced-motion:reduce){.logo-com{animation:none!important}}