:root{--paper:#fff;--outside:#e7e7e5;--ink:#38383c;--muted:#747381;--highlight:#ffff68;--highlight-active:#eeee42}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--outside);color:var(--ink);font-family:Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}a,button{color:inherit;font:inherit}.site-frame{background:var(--paper);width:calc(100vw - clamp(56px,5.55vw,104px));height:87.7vh;min-height:620px;margin:6.85vh auto 0;position:relative;overflow:hidden;box-shadow:0 2px 13px #00000038}.content-stage{background:var(--paper);place-items:center;padding:clamp(28px,5vw,92px);display:grid;position:absolute;inset:0 0 96px;overflow:auto}.section-placeholder{width:min(720px,82%);color:var(--muted);text-align:center;animation:.36s ease-out both reveal}.section-placeholder p{letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:12px}.section-placeholder h1{color:var(--ink);letter-spacing:.03em;margin:0;font-size:clamp(42px,7vw,108px);font-weight:400;line-height:1.1}.section-placeholder span{letter-spacing:.05em;margin-top:24px;font-size:14px;display:block}.bottom-nav{height:96px;position:absolute;inset:auto 0 0}.nav-block{background:var(--highlight);height:38px;color:var(--muted);cursor:pointer;text-align:center;border:0;border-radius:0;justify-content:center;align-items:center;font-size:clamp(16px,1.35vw,25px);line-height:1;text-decoration:none;transition:background-color .13s,color .13s,transform .13s;display:flex;position:absolute}.nav-block:hover,.nav-block:focus-visible,.nav-block.is-active{z-index:2;background:var(--highlight-active);color:#28282b;outline:none;transform:translateY(-2px)}.nav-block:focus-visible{box-shadow:inset 0 0 0 2px #242428}.nav-soundcloud{width:15.25%;bottom:45px;left:5.85%}.nav-bandcamp{width:17.2%;bottom:0;left:0}.nav-animal{width:11.8%;color:var(--ink);bottom:45px;left:23.5%}.nav-project{width:23%;bottom:0;left:26.6%}.nav-spasms{width:11.7%;color:var(--ink);bottom:45px;left:41.5%}.nav-home{gap:clamp(12px,1.4vw,26px);width:22.45%;bottom:0;left:54.55%}.nav-home strong{color:var(--muted);white-space:nowrap;font-size:clamp(24px,2vw,38px);font-weight:500}.eye{background:radial-gradient(at 50% 45%,#080808 0 52%,#555 70%,#111 100%);border-radius:50%;flex:none;width:clamp(24px,1.9vw,35px);height:clamp(8px,.75vw,13px);box-shadow:inset 0 1px 2px #ffffff73}.eye-left{transform:rotate(2deg)}.eye-right{transform:rotate(-2deg)}.nav-dream{width:15.85%;color:var(--ink);bottom:45px;right:6%}.nav-email{width:17.7%;font-size:clamp(14px,1.2vw,22px);bottom:0;right:0}.pending-link{opacity:.68}.pending-link:after{content:"待配置";letter-spacing:.05em;opacity:0;font-size:8px;transition:opacity .13s;position:absolute;top:5px;right:8px}.pending-link:hover:after,.pending-link:focus-visible:after{opacity:.9}.link-underline{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){body{overflow:auto}.site-frame{width:calc(100vw - 24px);height:calc(100dvh - 24px);min-height:680px;margin:12px auto}.content-stage{padding:32px 20px;inset:0 0 302px}.section-placeholder{width:100%}.section-placeholder h1{font-size:clamp(44px,16vw,72px)}.bottom-nav{grid-template-columns:1fr 1fr;gap:7px;height:auto;padding:12px;display:grid}.nav-block{width:auto;min-height:38px;padding:6px 8px;font-size:14px;position:static}.nav-soundcloud{order:1}.nav-bandcamp{order:2}.nav-animal{order:3}.nav-project{order:4}.nav-spasms{order:5}.nav-dream{order:6}.nav-home{order:7;grid-column:1/-1}.nav-home strong{font-size:25px}.nav-email{order:8;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}