:root{--ink:#141414;--paper:#fff;--mut:#7d7d78;--faint:#b3b3ae;--line:#14141424;--line2:#14141499;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--inout:cubic-bezier(.85, 0, .15, 1);--mat:clamp(10px, 1.5vw, 22px);--rad:20px}@property --ink{syntax:"<color>";inherits:true;initial-value:#141414}@property --paper{syntax:"<color>";inherits:true;initial-value:#fff}@property --mut{syntax:"<color>";inherits:true;initial-value:#7d7d78}@property --faint{syntax:"<color>";inherits:true;initial-value:#b3b3ae}@property --line{syntax:"<color>";inherits:true;initial-value:#14141424}@property --line2{syntax:"<color>";inherits:true;initial-value:#14141499}html{transition:--ink .55s,--paper .55s,--mut .55s,--faint .55s,--line .55s,--line2 .55s}html.invert{--ink:#f5f5f3;--paper:#141414;--mut:#9a9a95;--faint:#74746f;--line:#ffffff29;--line2:#ffffff8c}@media (prefers-reduced-motion:reduce){html{transition:none}}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}body{background:var(--ink);color:var(--ink);font-family:var(--font-line-seed), "LINE Seed JP", sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{padding-left:4vw;padding-right:4vw}.shell{inset:var(--mat);background:var(--paper);border-radius:var(--rad);will-change:transform;position:fixed;overflow:hidden}.cont{will-change:transform;position:relative}nav{z-index:10;transition:background .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease), left .45s var(--ease), right .45s var(--ease), top .45s var(--ease);background:#fff0;border:1.5px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;padding:8px 16px 8px 12px;display:flex;position:absolute;top:16px;left:2vw;right:2vw;box-shadow:0 4px 32px #14141400,inset 0 1.5px #fff0,inset 0 -.5px #fff0}nav.is-scrolled{-webkit-backdrop-filter:blur(48px)saturate(1.8);background:#ffffffb8;border-color:#fff;left:5vw;right:5vw;box-shadow:0 4px 32px #1414141f,inset 0 1.5px #fff,inset 0 -.5px #ffffff80}html.invert nav.is-scrolled{background:#141414b8;border-color:#ffffff29;box-shadow:0 4px 32px #00000073,inset 0 1.5px #ffffff1f,inset 0 -.5px #ffffff0f}nav .logo{align-items:center;display:flex}nav .logo svg{width:72px;height:72px;fill:var(--ink);transition:height .45s var(--ease), width .45s var(--ease)}nav .links{text-transform:uppercase;letter-spacing:.1em;transition:opacity .35s var(--ease), transform .35s var(--ease);gap:28px;font-size:14px;font-weight:700;display:flex}nav .links a{padding:4px 0;position:relative}nav .links a:after{content:"";background:var(--ink);transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}nav .links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-burger{cursor:pointer;opacity:0;pointer-events:none;width:36px;height:36px;transition:opacity .35s var(--ease), transform .35s var(--ease);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(calc(4px - 50%))}.nav-burger span{background:var(--ink);width:22px;height:1.5px;display:block}.nav-overlay{z-index:200;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);display:flex;position:fixed;inset:0}.nav-overlay.is-open{opacity:1;pointer-events:all}.nav-overlay-top{z-index:1;top:calc(var(--mat) + 16px);left:calc(var(--mat) + 5vw);right:calc(var(--mat) + 5vw);border:1.5px solid #0000;justify-content:space-between;align-items:center;padding:8px 16px 8px 12px;display:flex;position:absolute}.nav-overlay-logo{align-items:center;display:flex}.nav-overlay-logo svg{width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px);fill:var(--paper)}.nav-overlay-close{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:0;width:36px;height:36px;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.nav-overlay-close span{background:var(--paper);width:22px;height:1.5px;display:block}.nav-overlay-close span:first-child{transform:translateY(.75px)rotate(45deg)}.nav-overlay-close span:last-child{transform:translateY(-.75px)rotate(-45deg)}.nav-overlay-links{pointer-events:none;flex-direction:column;justify-content:center;gap:clamp(20px,5vh,44px);padding:clamp(18px,5vw,40px);display:flex;position:absolute;inset:0}.nav-overlay-links a{text-transform:uppercase;letter-spacing:-.02em;color:var(--paper);opacity:0;transition:opacity .45s ease, transform .5s var(--ease);pointer-events:none;font-size:clamp(40px,14vw,56px);font-weight:800;transform:translateY(18px)}.nav-overlay.is-open .nav-overlay-links a{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:720px){nav .links{display:none}.nav-burger{opacity:1;pointer-events:all;transform:translateY(-50%)}nav .logo svg{width:56px;height:56px}nav{top:8px;left:calc(2vw - 12px);right:calc(2vw - 16px)}nav.is-scrolled{top:12px}.nav-overlay-top{top:calc(var(--mat) + 8px);left:calc(var(--mat) + 2vw - 12px);right:calc(var(--mat) + 2vw - 16px)}.nav-overlay-logo svg{width:56px;height:56px}.nav-overlay-links a{font-size:46px}.nav-overlay.is-scrolled .nav-overlay-top{top:calc(var(--mat) + 12px);left:calc(var(--mat) + 5vw);right:calc(var(--mat) + 5vw)}.nav-overlay.is-scrolled .nav-overlay-logo svg{width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px)}.meta>span:not(.left){display:none}.meta.at-foot{opacity:0;pointer-events:none;transform:translateY(160%)}.wm-studio{display:block}.hero.wrap{padding-left:2vw;padding-right:2vw}}nav.is-scrolled .logo svg{width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px)}nav.is-scrolled .links{opacity:0;pointer-events:none;transform:translateY(-5px)}nav.is-scrolled .nav-burger{opacity:1;pointer-events:all;transform:translateY(-50%)}@media (min-aspect-ratio:21/9){.hero{height:min(calc(100svh - 2 * var(--mat)), 62.5vw)}}.hero{height:calc(100svh - 2 * var(--mat));border-radius:var(--rad) var(--rad) 0 0;flex-direction:column;justify-content:flex-end;padding-bottom:calc(54px + 3vh);display:flex;position:relative;overflow:hidden}.meta{z-index:10;color:var(--mut);pointer-events:none;transition:left .45s var(--ease), right .45s var(--ease), transform .45s var(--ease), opacity .45s var(--ease);justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:24px;left:2vw;right:2vw}.meta .left{color:var(--ink);gap:10px}.meta>span{-webkit-backdrop-filter:blur(48px)saturate(1.8);transition:background .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease);background:#fff0;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:7px 14px;display:inline-flex;box-shadow:0 4px 32px #14141400,inset 0 1.5px #fff0,inset 0 -.5px #fff0}.meta.is-scrolled{left:5vw;right:5vw}.meta.is-scrolled>span{background:#ffffffb8;border-color:#fff;box-shadow:0 4px 32px #1414141f,inset 0 1.5px #fff,inset 0 -.5px #ffffff80}html.invert .meta.is-scrolled>span{background:#141414b8;border-color:#ffffff29;box-shadow:0 4px 32px #00000073,inset 0 1.5px #ffffff1f,inset 0 -.5px #ffffff0f}#clock .d{text-align:center;width:1ch;display:inline-block}.spin{animation:14s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.wm-mask{position:relative;overflow:hidden}.wm{white-space:nowrap;letter-spacing:-.025em;font-weight:800;line-height:.82;display:inline-block}.wm .ch{will-change:transform;transition-property:transform,opacity;display:inline-block}.wm-sizer{visibility:hidden;pointer-events:none;white-space:nowrap;letter-spacing:-.025em;font-weight:800;line-height:.82;position:absolute;top:0;left:0}section,.member,.contact{padding-top:14vh}.member{padding-top:24vh;padding-bottom:8vh}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:4vh;display:flex}.sec-head h2{letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(28px,4vw,44px);font-weight:800}.sec-head .count{color:var(--faint);font-size:12px}.member .sec-head{margin-bottom:8vh}.contact .sec-head{margin-bottom:5vh}.cat{border-top:1px solid var(--line2);grid-template-columns:150px minmax(0,1fr);display:grid}.cat .lab{letter-spacing:.16em;align-self:start;padding:26px 0 0;font-size:12px;font-weight:700}.cat .lab small{color:var(--faint);letter-spacing:.05em;margin-left:8px;font-weight:400}.wk{border-bottom:.5px solid var(--line)}.wk:last-child{border-bottom:none}.wk .head{cursor:pointer;align-items:baseline;gap:0;padding:24px 0;display:flex}.wk .num{color:var(--faint);flex-shrink:0;width:52px;font-size:12px}.wk .ttl{letter-spacing:-.01em;transition:transform .45s var(--ease);font-size:clamp(22px,2.8vw,34px);font-weight:700}.wk.open .ttl{transform:translate(12px)}.wk:hover:not(.open) .ttl{transform:translate(6px)}.wk .arr{opacity:0;transition:all .35s var(--ease);margin-left:auto;font-size:18px;transform:translate(-10px)}.wk:hover .arr,.wk.open .arr{opacity:1;transform:translate(0)}.wk.open .arr{transform:translate(0)rotate(90deg)}.panel{transition:grid-template-rows .6s var(--ease);grid-template-rows:0fr;display:grid}.wk.open .panel{grid-template-rows:1fr}.pin{min-height:0;overflow:hidden}.pop{opacity:0;transition:opacity .5s ease 80ms, transform .65s var(--spring) 80ms;gap:44px;padding:10px 0 44px 52px;display:flex;transform:translateY(28px)scale(.98)}.wk.open .pop{opacity:1;transform:none}.ph{aspect-ratio:9/19.5;border:3px solid var(--ink);background:#fff;border-radius:20px;flex-direction:column;flex-shrink:0;width:148px;padding:5px 8px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.ph:before{content:"";background:var(--ink);border-radius:999px;flex-shrink:0;align-self:center;width:21px;height:5px;margin-bottom:12px}.ph:after{content:"";background:var(--line);border-radius:999px;flex-shrink:0;align-self:center;width:40%;height:2px;margin-top:auto}.ph i{background:var(--line);border-radius:2px;margin-bottom:9px;display:block}.pop .txt{flex:1;min-width:0}.pop .txt .slug{color:var(--faint);letter-spacing:.12em;margin:6px 0 14px;font-size:11px}.pop .txt .desc{color:var(--mut);max-width:720px;margin:0;font-size:14.5px;line-height:2.1}.pop .txt .more{letter-spacing:.06em;margin-top:18px;font-size:12px}.studio .tagline{letter-spacing:.02em;margin:0;font-size:clamp(34px,6vw,72px);font-weight:100;line-height:1.4}.studio .tagline b{font-weight:700}.studio .body{color:var(--mut);max-width:560px;margin:4vh 0 0;font-size:14px;line-height:2.1}.studio{padding-bottom:6vh;position:relative}.studio .sec-head,.studio .srow{z-index:1;position:relative}.studio .srow{justify-content:space-between;align-items:center;gap:6vw;min-height:46vh;display:flex}.craft{flex-shrink:0;width:clamp(170px,20vw,240px);height:auto}.code-stream{z-index:0;letter-spacing:0;color:var(--ink);opacity:.16;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;padding:5vh 0 4vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.75;position:absolute;inset:0 0 0 57%;overflow:hidden}.code-stream .row{display:flex}.code-stream .ln{text-align:right;opacity:.45;flex:none;width:2.2em;margin-right:1.6em}.code-stream .tx{white-space:pre}@media (prefers-reduced-motion:no-preference){.craft{opacity:0}}.member .prow{align-items:flex-start;gap:28px;display:flex}.member .name{margin:0;padding-top:24px;font-size:18px;font-weight:700}.member .name small{color:var(--mut);letter-spacing:.1em;margin-left:10px;font-size:10px;font-weight:400}.member .tags{color:var(--mut);letter-spacing:.06em;margin:8px 0 0;font-size:11px}.member .bio{color:var(--mut);max-width:720px;margin:16px 0 0;font-size:14px;line-height:2.1}.member .roles{border-top:1px solid var(--line);max-width:720px;margin:36px 0 0;padding:0;list-style:none}.member .roles li{border-bottom:1px solid var(--line);align-items:baseline;gap:24px;padding:15px 0;display:flex}.member .roles .rk{white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);flex:0 0 112px;font-size:11px;font-weight:700}.member .roles .rd{color:var(--mut);font-size:13px;line-height:1.75}.avatar{mix-blend-mode:multiply;flex-shrink:0;width:120px;height:120px;animation:5s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.contact{padding-bottom:32px}.contact .mail{letter-spacing:.02em;border-bottom:1px solid #0000;font-size:clamp(28px,5vw,60px);font-weight:100;transition:border-color .3s;display:inline-block}.contact .mail:hover{border-color:var(--ink)}.contact .foot{color:var(--faint);letter-spacing:.06em;justify-content:center;align-items:center;margin-top:25vh;font-size:11px;display:flex}.mask{overflow:hidden}.rv{transition:transform 1s var(--ease);display:inline-block;transform:translateY(115%)}.on .rv,.rv.on{transform:translateY(0)}@media (hover:hover) and (pointer:fine){html,body,a,.wk .head{cursor:none}.cur{pointer-events:none;z-index:201;mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0}#cur-dot{background:#fff;width:7px;height:7px;margin:-3.5px 0 0 -3.5px}#cur-ring{width:22px;height:22px;transition:width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease), background .3s ease;border:1px solid #fff;margin:-11px 0 0 -11px}#cur-ring.grow{background:#ffffff26;width:38px;height:38px;margin:-19px 0 0 -19px}.cur.hidden{opacity:0}}@media (hover:none),(pointer:coarse){.cur{display:none}}@media (max-width:720px){.meta{justify-content:center}.studio .srow{flex-direction:column;align-items:flex-start;gap:40px}.cat{grid-template-columns:1fr}.cat .lab{padding-bottom:4px;position:static}.pop{flex-direction:column;gap:20px;padding-left:0}.member .prow{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.member .pid{display:contents}.member .avatar{grid-area:1/1;width:100px;height:100px}.member .pid-head{grid-area:1/2}.member .name{padding-top:0}.member .tags{line-height:1.9}.member .tags-sep{display:none}.member .tags-wrap{display:block}.member .bio,.member .roles{grid-column:1/-1}.member .roles{margin-top:24px}}html[data-intro=play]{overflow:hidden}.intro-overlay{z-index:150;pointer-events:none;display:none;position:fixed;inset:0}html[data-intro=play] .intro-overlay{display:block}.intro-logo{opacity:0;transition:gap .5s var(--spring);flex-direction:column;align-items:flex-start;gap:0;font-size:clamp(34px,4.2vw,52px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.il-bar{background:var(--ink);width:.914em}.il-right{border-top-left-radius:0;height:.465em}.il-left{height:.413em}html.is-logoin .intro-logo{opacity:1;transition:opacity .35s var(--ease);transform:translate(-50%,-50%)scale(.5)}html.is-logogrow .intro-logo{transition:transform .55s var(--spring);transform:translate(-50%,-50%)scale(1)}html.is-logoturn .intro-logo{transition:transform .5s var(--spring);transform:translate(-50%,-50%)scale(1)rotate(90deg)}html.is-logosplit .intro-logo{transition:gap .5s var(--spring);gap:.122em}html.is-logoround .il-right{transition:border-top-left-radius .42s var(--ease);border-top-left-radius:50% 100%}html.is-logoff .intro-logo{animation:.42s cubic-bezier(.6,.04,.98,.34) forwards crt-off}@keyframes crt-off{0%{opacity:1;transform:translate(-50%,-50%)rotate(90deg)scale(1)}55%{opacity:1;transform:translate(-50%,-50%)rotate(90deg)scale(.012,1.15)}78%{opacity:1;transform:translate(-50%,-50%)rotate(90deg)scale(.012,.02)}to{opacity:0;transform:translate(-50%,-50%)rotate(90deg)scale(.012,.02)}}@property --reveal{syntax:"<percentage>";inherits:false;initial-value:0%}.intro-flash{-webkit-backdrop-filter:invert();backdrop-filter:invert();transform-origin:50%;will-change:transform;--reveal:0%;-webkit-mask:radial-gradient(circle at left bottom, #0000 calc(var(--reveal) - 2%), #000 var(--reveal)) no-repeat;-webkit-mask:radial-gradient(circle at left bottom, #0000 calc(var(--reveal) - 2%), #000 var(--reveal)) no-repeat;mask:radial-gradient(circle at left bottom, #0000 calc(var(--reveal) - 2%), #000 var(--reveal)) no-repeat;transition:transform .38s var(--ease), --reveal .9s var(--inout);position:absolute;inset:0;transform:scaleY(0)}html.is-flash .intro-flash{transform:scaleY(1)}html.is-flash-off .intro-flash{--reveal:108%}html[data-intro=play] .shell{border-radius:0;inset:0}html.is-shrink .shell{inset:var(--mat);border-radius:var(--rad);transition:inset 1.2s var(--inout), border-radius 1.2s var(--inout)}html[data-intro=play] .wm .ch,html[data-intro=lite] .wm .ch{opacity:0;transform-origin:50% 120%;transform:translateY(115%)rotate(8deg)}html.is-wm .wm .ch{opacity:1;transition:transform .65s var(--ease), opacity .5s var(--ease);transform:none}html[data-intro=play] nav .logo{opacity:0;transform:translateY(-5px)}html[data-intro=play] nav .links a{opacity:0;transform:translateY(8px)}html[data-intro=play] .meta{opacity:0;transform:translateY(10px)}html.is-wm nav .logo{opacity:1;transition:opacity .95s var(--ease), transform .95s var(--ease);transform:none}html.is-reveal nav .links a{opacity:1;transition:opacity .85s var(--ease), transform .95s var(--ease);transform:none}html.is-reveal .meta{opacity:1;transition:opacity .95s var(--ease), transform 1s var(--ease);transform:none}@media (max-width:720px){html[data-intro=play] .nav-burger{opacity:0;pointer-events:none}html.is-reveal .nav-burger{opacity:1;pointer-events:all;transition:opacity .5s var(--ease)}}@media (prefers-reduced-motion:reduce){.intro-overlay{display:none!important}}