.track{position:relative}.stage{flex-direction:column;min-height:100vh;display:flex}.band{padding:18px var(--pad) 20px calc(var(--ruler) + var(--pad));color:var(--fg);background-image:linear-gradient(180deg, var(--c0) 0%, var(--c1) 50%, var(--c2) 100%);transition:height .4s var(--ease), background-position .7s var(--ease);background-position:0;background-size:100% 320%;flex-direction:column;flex:none;justify-content:space-between;display:flex;position:relative;overflow:hidden}.band.is-open{background-position:0 var(--shift,100%)}.grow{white-space:nowrap;transition:font-size .4s var(--ease), font-weight .4s ease}.row{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:end;gap:16px;display:grid}.stack{display:grid}.stack>*{grid-area:1/1}.fade{transition:opacity .3s}.fill{background:#151515;flex:1 0 56px}.top{height:168px;padding-top:14px}.top.is-open{height:200px}.top .logo{font-size:calc(var(--k,1) * 60px);letter-spacing:-.04em;font-weight:600;line-height:.9}.top.is-open .logo{font-size:calc(var(--k,1) * 76px)}.top .kana{letter-spacing:.02em;font-size:13px}.top h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500;line-height:1.05}.top .fact{font-size:15px;line-height:1.45}.swipe{display:none}.app{height:96px;padding-top:14px;padding-bottom:16px}.app.is-near{height:102px}.app.is-open{height:290px}.app .title{font-size:max(26px, calc(var(--k,1) * 34px));letter-spacing:-.035em;align-self:flex-start;font-weight:380;line-height:.95}.app.is-open .title{font-size:max(32px, calc(var(--k,1) * 68px));font-weight:500}.app .row{grid-template-columns:minmax(0,2.4fr) minmax(0,.6fr) minmax(0,1.6fr)}.app .short{font-size:15px;line-height:1.4}.app .long{opacity:0;-webkit-line-clamp:6;-webkit-box-orient:vertical;max-width:780px;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.app .long a{text-underline-offset:3px;text-decoration:underline}.app.is-open .short,.app .act,.app .runs{opacity:0}.app.is-open .long,.app.is-open .act,.app.is-open .runs{opacity:1}.app.is-open .idle{opacity:0}.app .runs{flex-direction:column;gap:4px;display:flex}.app .act{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:6px;display:flex}.app.is-open .act{pointer-events:auto}.app .meta{text-align:left;flex-direction:column;gap:4px;margin-right:40px;display:flex}.app .solid{background:var(--fg);color:var(--base);border-color:var(--fg)}.right{text-align:right;justify-self:end}.foot{left:var(--ruler);z-index:4;height:56px;padding:18px var(--pad);justify-content:flex-end;gap:22px;font-size:14px;position:fixed;bottom:0;right:0}.foot.is-open{height:150px}.foot .name{letter-spacing:-.02em;font-size:18px;font-weight:500}.foot.is-open .name{font-size:22px}.foot .det{opacity:0;font-size:12px;line-height:1.6}.foot.is-open .det{opacity:1}.links{flex-wrap:wrap;gap:4px 20px;display:flex}@media (width<=900px){:root{--k:.6}.hide{display:none!important}}html.is-stage{scroll-snap-type:y mandatory}.is-stage .track{height:calc(100dvh + (var(--n) - 1) * 40dvh)}.is-stage .stage{height:100dvh;min-height:0;position:sticky;top:0}.is-stage .fill{display:none}.is-stage .snap{scroll-snap-align:start;width:1px;height:1px;position:absolute;left:0}.is-stage .band{cursor:pointer;height:64px;transition:height .26s var(--ease), background-position .45s var(--ease);padding:12px 16px}.is-stage .grow{transition:none}.is-stage .band.is-open{height:calc(100dvh - (var(--n) - 1) * 64px);cursor:auto}.is-stage .row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.is-stage .top .logo{font-size:26px}.is-stage .top.is-open .logo{font-size:60px}.is-stage .top .open-only,.is-stage .app .open-only{display:none}.is-stage .is-open .open-only{display:flex}.is-stage .swipe{display:block}.is-stage .app .title{font-size:22px}.is-stage .app.is-open .title{font-size:40px}.is-stage .app .short{font-size:13px}.is-stage .app .stack.desc{display:block}.is-stage .app .long{display:none}.is-stage .app.is-open .short{opacity:1;display:none}.is-stage .app.is-open .long{-webkit-line-clamp:9;display:-webkit-box}.is-stage .app .act{justify-content:stretch}.is-stage .app .act .btn{flex:1}.is-stage .app .meta{flex-basis:100%;margin-right:0}.is-stage .app .idle{position:absolute;top:14px;right:16px}.is-stage .foot{justify-content:flex-end;position:relative;left:auto}.is-stage .foot .row{flex-direction:column}.is-stage .app:not(.is-open) .short{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.app:not(.is-open) .act,.app:not(.is-open) .long,.app:not(.is-open) .runs{display:none}.foot,.foot.is-open{background-color:#151515;background-image:none}.app .row>.stack.right{grid-column:3}.is-stage .app .row>.stack.right{grid-column:auto}