/* Keep home and index navigation unchanged. */
body>header .nav-ball-face{display:none}
body>header.has-ball-navigation{padding-top:6px;padding-bottom:6px;overflow:hidden}
body>header.has-ball-navigation>nav{position:relative;display:block;flex:none;width:min(64vw,720px);height:82px}
body>header.has-ball-navigation>nav>a{position:absolute;left:0;top:0;width:48px;height:48px;padding:0;border:1.5px solid #fffdf5;border-radius:50%;color:#fffdf5;background:#086bc4;display:grid;place-items:center;letter-spacing:0;text-decoration:none;box-shadow:5px 6px 0 #004b9d;will-change:transform;transition:background .18s,box-shadow .18s}
body>header.has-ball-navigation .nav-word{display:none}
body>header.has-ball-navigation .nav-ball-face{display:grid;place-items:center;width:100%;height:100%;transform:rotate(var(--ball-angle,0deg))}
body>header.has-ball-navigation svg{width:23px;height:23px}
body>header.has-ball-navigation>nav>a:hover,body>header.has-ball-navigation>nav>a:focus-visible{background:#fffdf5;color:#086bc4;box-shadow:3px 4px 0 #004b9d}
body>header.has-ball-navigation>nav>a:hover .nav-ball-face,body>header.has-ball-navigation>nav>a:focus-visible .nav-ball-face{transform:rotate(0deg)}
@media(max-width:650px){body>header.has-ball-navigation{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:0;padding:12px 22px 4px;height:120px}body>header.has-ball-navigation>nav{width:100%;height:72px}body>header.has-ball-navigation>nav>a{width:44px;height:44px}body>header.has-ball-navigation svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){body>header.has-ball-navigation>nav>a{transition:none}}

body>header.has-ball-navigation{background:var(--project-nav-bg,#086bc4);color:var(--project-nav-fg,#fffdf5)}body>header.has-ball-navigation .identity{color:inherit}body>header.has-ball-navigation>nav>a{background:var(--project-nav-bg);color:var(--project-nav-fg);border-color:var(--project-nav-fg);box-shadow:5px 6px 0 var(--project-nav-shadow)}body>header.has-ball-navigation>nav>a:hover,body>header.has-ball-navigation>nav>a:focus-visible{background:var(--project-nav-fg);color:var(--project-nav-bg);box-shadow:3px 4px 0 var(--project-nav-shadow)}