.main-menu>.menu-guides{margin:0 0 20px;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--cyan);transform:rotate(-.6deg)}
.main-menu>.menu-guides>span{color:var(--ink);font-size:22px;line-height:1}
.main-menu>.menu-personal{position:relative;padding:42px 10px 8px;background:#61703b;color:#fffdf8;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);transform:rotate(.35deg)}
.menu-personal-title{position:absolute;left:11px;top:10px;padding:5px 8px;background:var(--ink);color:var(--yellow);font:900 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.menu-personal-stamp{position:absolute;z-index:2;right:12px;top:-14px;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:var(--pink);color:#fff;font-size:20px;transform:rotate(9deg)}
.menu-personal-route{position:absolute;right:17px;top:47px;bottom:22px;width:2px;background:repeating-linear-gradient(to bottom,rgb(223 255 0 / .44) 0 5px,transparent 5px 10px)}
.menu-personal-route::after{content:"";position:absolute;left:-3px;top:24px;width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 62px 0 -2px var(--yellow),0 62px 0 0 var(--ink),0 124px 0 -2px var(--yellow),0 124px 0 0 var(--ink)}
.menu-personal>a{position:relative;z-index:1;min-height:58px;color:inherit;border-color:rgb(255 253 248 / .55)}
.menu-personal>a>span{color:var(--cyan)}
.menu-personal>a[hidden]{display:none!important}
.menu-personal>a:not([hidden]):not(:has(~a:not([hidden]))){border-bottom:0}
.menu-personal>a:hover,.menu-personal>a:focus-visible,.menu-personal>a[aria-current="page"]{color:var(--ink)}
.main-menu.is-opening>.menu-guides{animation-delay:.08s}
.main-menu.is-opening>.menu-personal>a:nth-of-type(1){animation-delay:.14s}
.main-menu.is-opening>.menu-personal>a:nth-of-type(2){animation-delay:.20s}
.main-menu.is-opening>.menu-personal>a:nth-of-type(3){animation-delay:.25s}
.main-menu.is-opening .menu-personal-stamp{animation:menu-personal-stamp .42s .18s cubic-bezier(.34,1.56,.64,1) both}
@keyframes menu-personal-stamp{from{opacity:0;transform:rotate(-20deg) scale(.55)}to{opacity:1;transform:rotate(9deg) scale(1)}}
@media(max-width:760px){.main-menu>.menu-guides{min-height:56px}.main-menu>.menu-personal{padding-top:40px}.menu-personal>a{min-height:48px;font-size:18px}.menu-personal-route{display:none}.menu-personal-title{font-size:10px}.menu-personal-stamp{right:10px}}
@media(prefers-reduced-motion:reduce){.main-menu>.menu-guides,.main-menu>.menu-personal,.menu-personal-stamp{animation:none!important;transform:none!important}}