/* Only the requested navigation links extend the existing compositions. */
#main-navigation { display: flex; justify-content: center; align-items: center; gap: 24px; }
#main-navigation a { color: inherit; text-decoration: none; }
.home-intro #nav-works { visibility: hidden; }
.home-intro #nav-works.home-revealed { visibility: visible; animation: reset-appear 600ms ease-out both; }
.home-link { display: flex; justify-content: center; align-items: center; gap: 24px; font-size: 32px; }
.home-link a { position: relative; color: inherit; text-decoration: none; }
.home-link img { width: 85%; left: 7.5%; pointer-events: none; }
@media(max-width:700px) {
 #main-navigation { gap: 0; }
 #main-navigation #nav-works { display: grid; place-items: center; width: 140px; height: 62px; padding: 0; background: url('assets/profile/cloud.png') center / contain no-repeat; font-size: 22px; visibility: visible; animation: none; }
}
@media(max-width:650px) { .home-link { width: 240px; gap: 24px; font-size: 26px; } }
@media(max-width:700px) {
 .profile-stage .profile-copy { order: 0; }
 .profile-stage .main-photo { order: 1; }
 .profile-stage .cat-photos { order: 2; }
 .profile-stage .home-link { position: static; order: 3; width: 100%; height: auto; gap: 8px; margin-top: 0; }
 .profile-stage .home-link img { display: none; }
 .profile-stage .home-link a { display: grid; place-items: center; width: 140px; height: 62px; font-size: 22px; background: url('assets/profile/cloud.png') center / contain no-repeat; }
}