/* Original Look Serious wordmark: LOOK becomes the blinking brand eye. */
.wordmark-look{display:inline-block;position:relative}
    .wordmark-eye{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;opacity:0;pointer-events:none}
    .wordmark-eye .nav-eye-half,.wordmark-eye .nav-eye-closed{opacity:0}
    .wordmark:is(:hover,:focus-visible) .wordmark-look strong{opacity:0}
    .wordmark:is(:hover,:focus-visible) .wordmark-eye{opacity:1}
    .wordmark:is(:hover,:focus-visible) .nav-eye-open{animation:logo-eye-open 3.8s steps(1,end) infinite}
    .wordmark:is(:hover,:focus-visible) .nav-eye-half{animation:logo-eye-half 3.8s steps(1,end) infinite}
    .wordmark:is(:hover,:focus-visible) .nav-eye-closed{animation:logo-eye-closed 3.8s steps(1,end) infinite}
    @keyframes logo-eye-open{0%,3%,13%,100%{opacity:1}4%,12%{opacity:0}}
    @keyframes logo-eye-half{0%,3%,7%,9%,13%,100%{opacity:0}4%,10%{opacity:1}}
    @keyframes logo-eye-closed{0%,6%,10%,100%{opacity:0}7%,9%{opacity:1}}
    [data-motion="paused"] .wordmark-eye g{animation:none!important}
@media (prefers-reduced-motion: reduce) {
  .wordmark-eye g { animation: none !important; }
}