/* shared subpage nav (Music, Hugh Gogh, Store) */
.site{position:fixed;top:max(.9rem,env(safe-area-inset-top));left:0;right:0;z-index:4;display:flex;justify-content:center;pointer-events:none}
.site ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.15rem clamp(.2rem,1.4vw,.9rem);padding:0 .8rem;pointer-events:auto}
.site a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 .6rem;color:#F2EFE8;text-decoration:none;font-weight:600;
 font-size:clamp(1.05rem,1.9vw,1.4rem);letter-spacing:.02em;border-radius:999px;transition:color .25s,background .25s;-webkit-tap-highlight-color:transparent}
.site .x{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.site a.hm{font-size:clamp(.95rem,1.5vw,1.1rem);opacity:.85}
.site li.sep{width:1px;height:1.1rem;background:rgba(242,239,232,.25);margin:0 .15rem}
.site a[aria-current="page"]{color:#F28A1E}
.site a[aria-current="page"]::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:6px;height:2px;border-radius:2px;background:#F28A1E}
@media (hover:hover){.site a:hover{color:#0A1020;background:#F28A1E}.site a:hover .x{transform:rotate(0)}.site a[aria-current="page"]:hover::after{opacity:0}}
.site a:focus-visible{color:#0A1020;background:#F28A1E;outline:none}
.site a:active{transform:scale(.96)}
@media (max-width:420px){.site a{padding:0 .4rem}.site li.sep{display:none}}