/* the link row under the typed title: plain white marks, no colour, names in the same mono */
main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.6em}
nav{display:flex;gap:2.2em;opacity:0;animation:reveal 1.2s ease 4.6s forwards}
nav a{display:flex;flex-direction:column;align-items:center;gap:.7em;color:#9a9a9a;text-decoration:none;font-size:.42em;letter-spacing:.2em;transition:color .2s}
nav svg{width:2.6em;height:2.6em;fill:currentColor}
nav a:hover,nav a:focus-visible{color:#fff;outline:none}
.note{margin:0;max-width:34em;padding:0 1.5em;text-align:center;color:#555;font-size:.32em;line-height:1.6;letter-spacing:.06em;opacity:0;animation:reveal 1.2s ease 5.2s forwards}
@keyframes reveal{to{opacity:1}}
@media (max-width:520px){nav{gap:1.4em}nav a{font-size:.55em}.note{font-size:.5em;color:#6a6a6a}}
@media (prefers-reduced-motion:reduce){nav,.note{animation:none;opacity:1}}