.na-opener{--face-ink:#101a25;--face-paper:#fff;color:var(--face-ink)}.na-opener.on-dark{--face-ink:#fff;--face-paper:#080b0d}.na-face{opacity:0;transform-origin:320px 220px;animation:5s cubic-bezier(.2,.8,.2,1) both na-face-arrive}.na-eyebrows,.na-pupil ellipse{fill:var(--face-ink)}.na-eyebrows{transform-box:view-box;transform-origin:320px 150px;animation:5s cubic-bezier(.2,.8,.2,1) both na-brow-react}.na-eye{transform-box:fill-box;transform-origin:50%;animation:5s linear both na-blink-and-widen}.na-eye-white{fill:var(--face-paper)}.na-eye-outline{fill:none;stroke:var(--face-ink);stroke-width:8px}.na-pupil{transform-box:view-box;transform-origin:50%;animation:5s cubic-bezier(.2,.75,.25,1) both na-look-around}.na-glint{fill:var(--face-paper)}.na-smile{opacity:0;transform-box:fill-box;transform-origin:50%;animation:5s cubic-bezier(.2,.85,.25,1) both na-reveal-grin}.na-smile-mouth{fill:var(--face-ink)}.na-smile-teeth{fill:var(--face-paper)}.na-smile-line{fill:none;stroke:var(--face-ink);stroke-width:5px;stroke-linecap:round}@keyframes na-face-arrive{0%{opacity:0;transform:translateY(10px)}10%,74%{opacity:1;transform:translateY(0)}83%{opacity:1;transform:translateY(-24px)}91%{opacity:1;transform:translateY(5px)}96%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes na-brow-react{0%,18%{transform:translateY(0)}21%{transform:translateY(-6px)}24%,38%{transform:translateY(0)}41%{transform:translateY(-7px)}44%,58%{transform:translateY(0)}61%{transform:translateY(-8px)}64%{transform:translateY(0)}74%{transform:translateY(-2px)}83%{transform:translateY(-18px)scaleY(1.04)}91%{transform:translateY(3px)}96%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes na-blink-and-widen{0%,18%{transform:scaleY(1)}21%{transform:scaleY(.05)}24%,38%{transform:scaleY(1)}41%{transform:scaleY(.05)}44%,58%{transform:scaleY(1)}61%{transform:scaleY(.05)}64%{transform:scaleY(1)}74%,to{transform:scale(1.13)}}@keyframes na-look-around{0%,24%{transform:translate(0)}29%,41%{transform:translate(-42px)}46%,61%{transform:translate(42px)}66%,to{transform:translate(0)}}@keyframes na-reveal-grin{0%,73%{opacity:0;transform:translateY(-12px)scale(.68,.08)}76%{opacity:1;transform:translateY(-8px)scale(.75,.18)}86%{opacity:1;transform:translateY(0)scale(1.05,1.08)}93%{opacity:1;transform:translateY(1px)scale(.98,.96)}to{opacity:1;transform:translateY(0)scale(1)}}.compact-face .na-smile{display:none}.compact-face .na-face,.compact-face .na-eyebrows,.compact-face .na-eye,.compact-face .na-pupil{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.na-face,.na-eyebrows,.na-eye,.na-pupil,.na-smile{opacity:1;stroke-dashoffset:0;animation:none}}.na-face-scale{transform-origin:0 0;transform:translate(64px,42px)scale(.8)}.na-dot-field{opacity:0;animation:5s ease-out both na-dots-arrive}.na-dot-link{fill:none;stroke:#78bcd6;stroke-width:2px;stroke-linecap:round;opacity:.28;stroke-dasharray:7 8}.na-dot{transform-box:fill-box;transform-origin:50%;animation:4.8s ease-in-out infinite alternate na-dot-drift}.dot-one,.dot-seven{fill:#6c7ff2}.dot-two,.dot-nine{fill:#51c2ba;animation-delay:-.7s}.dot-three,.dot-six{fill:#72c995;animation-delay:-1.4s}.dot-four,.dot-ten{fill:#9a77e8;animation-delay:-2.1s}.dot-five,.dot-eight{fill:#78a9ee;animation-delay:-2.8s}@keyframes na-dots-arrive{0%,79%{opacity:0;transform-origin:320px 230px;transform:scale(.9)}90%{opacity:.82;transform-origin:320px 230px;transform:scale(1.025)}to{opacity:1;transform-origin:320px 230px;transform:scale(1)}}@keyframes na-dot-drift{0%{transform:translate(-3px,4px)scale(.96)}50%{transform:translate(4px,-5px)scale(1.04)}to{transform:translate(7px,3px)scale(.98)}}@media (prefers-reduced-motion:reduce){.na-dot-field{opacity:1;animation:none}.na-dot{animation:none}}