:root{--ink: #ece7e1;--ink-2: #a49b93;--ink-3: #6f665e;--paper: #0c0b0b;--paper-2: #151313;--card: #131110;--line: #272321;--accent: #d13a2c;--gold: #c2a05a;--gold-soft: #6a5730;--link: #e04b3a;--edge: #8a7040;--veil: 8, 6, 6}:root{--max: 1160px;--gut: clamp(20px, 5vw, 64px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-feature-settings:"palt" 1;line-height:1.85;letter-spacing:.03em;overflow-x:hidden}img{max-width:100%;height:auto;display:block}:focus-visible{outline:1px solid var(--gold);outline-offset:3px}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);width:100%}.head{position:fixed;inset:0 0 auto;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:12px var(--gut);font-size:12px;letter-spacing:.16em;transition:background .35s,border-color .35s,color .35s;border-bottom:1px solid transparent;color:#fff}.head:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .35s}.head.stuck:before{opacity:1}.head.stuck{border-bottom-color:var(--line);color:var(--ink)}.head .mark{display:flex;align-items:center;text-decoration:none;opacity:0;transition:opacity .45s}.head.stuck .mark,.head.open .mark{opacity:1}.head .mark img{height:25px;width:auto;filter:drop-shadow(0 0 3px rgba(0,0,0,.9)) drop-shadow(0 2px 6px rgba(0,0,0,.7))}.head nav{display:flex;gap:clamp(12px,2.2vw,28px)}.head nav a{text-decoration:none;opacity:.82;transition:opacity .2s}.head nav a:hover{opacity:1}.menu-btn{display:none}@media(max-width:760px){.menu-btn{display:grid;place-content:center;gap:7px;width:40px;height:40px;margin-right:-8px;background:none;border:0;padding:0;cursor:pointer;color:inherit}.menu-btn i{display:block;width:22px;height:1px;background:currentColor;transition:transform .4s cubic-bezier(.16,1,.3,1)}.head.open .menu-btn i:first-child{transform:translateY(4px) rotate(45deg)}.head.open .menu-btn i:last-child{transform:translateY(-4px) rotate(-45deg)}.head nav{position:fixed;inset:0;z-index:-2;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 var(--gut);background:var(--paper);visibility:hidden;opacity:0;transition:opacity .35s,visibility 0s .35s}.head.open nav{visibility:visible;opacity:1;transition:opacity .35s}.head nav a{font-size:30px;letter-spacing:.14em;line-height:1.7;opacity:1;color:var(--ink);transform:translateY(14px);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s}.head.open nav a{transform:none;opacity:1}.head.open nav a:nth-child(2){transition-delay:.04s}.head.open nav a:nth-child(3){transition-delay:.08s}.head.open nav a:nth-child(4){transition-delay:.12s}.head.open nav a:nth-child(5){transition-delay:.16s}.head.open nav a:nth-child(6){transition-delay:.2s}.head.open{color:var(--ink)}}main,footer{position:relative;z-index:1}.hero{z-index:2}.hero{position:relative;height:100svh;overflow:hidden;background:var(--paper)}body.is-waiting{overflow:hidden}body.is-waiting .hero-cue{display:none}.hero-first{position:absolute;inset:0;z-index:1;opacity:0;animation:hf-appear .6s ease .45s forwards}@keyframes hf-appear{to{opacity:1}}.hero-first picture{display:block;width:100%;height:100%}.hero-first img{width:100%;height:100%;object-fit:cover}.hf-mark{position:absolute;left:50%;bottom:26%;width:120px;height:1px;transform:translate(-50%);background:#ffffff2e;overflow:hidden}.hf-mark:after{content:"";position:absolute;inset:0;background:#ffffffe6;animation:hf-slide 1.4s ease-in-out infinite}@keyframes hf-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-media{position:absolute;inset:0;z-index:2;background:var(--paper)}.hero-media video,.hero-media img.still{position:absolute;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;opacity:0}.hero-veil{position:absolute;inset:0;z-index:3;background:linear-gradient(rgba(var(--veil),.3),rgba(var(--veil),.3)),linear-gradient(to bottom,rgba(var(--veil),.4),rgba(var(--veil),.12) 26%,rgba(var(--veil),.92)),radial-gradient(78% 66% at 50% 40%,transparent 32%,rgba(var(--veil),.42) 100%)}.hero-inner{position:relative;z-index:4;height:100%;display:grid;place-items:center;padding:0 var(--gut);text-align:center}.hero-copy{position:relative;color:#fff}.hero-name{margin:0;position:relative}.hero-glint{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(/img/logo.png) center / 100% 100% no-repeat;mask:url(/img/logo.png) center / 100% 100% no-repeat;background:linear-gradient(114deg,transparent 42%,rgba(255,214,160,0) 44%,rgba(255,238,214,.95) 50%,rgba(255,150,90,0) 56%,transparent 58%) no-repeat;background-size:300% 100%;background-position:100% 0;opacity:0}.hero-glint.run{animation:glint 1.1s cubic-bezier(.45,.05,.25,1) forwards}@keyframes glint{0%{background-position:100% 0;opacity:1}to{background-position:0% 0;opacity:1}}.hero-logo{width:min(78vw,560px);filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,.9)) drop-shadow(0 2px 8px rgba(0,0,0,.85)) drop-shadow(0 8px 26px rgba(0,0,0,.75)) drop-shadow(0 18px 52px rgba(0,0,0,.55))}.hero-sub{margin:14px 0 0;font-size:clamp(9.5px,1.5vw,12px);letter-spacing:.46em;text-indent:.46em;color:#ffffffc2;text-shadow:0 2px 10px rgba(0,0,0,.7)}.hero-now{position:absolute;left:var(--gut);bottom:30px;z-index:5;color:#fffc;font-size:11px;letter-spacing:.14em;text-decoration:none;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hero-now .dots{display:flex;gap:5px}.hero-now .dots i{position:relative;overflow:hidden;width:14px;height:2px;background:#ffffff4d;display:block;transition:width .5s cubic-bezier(.16,1,.3,1)}.hero-now .dots i.on{width:34px}.hero-now .dots i:after{content:"";position:absolute;inset:0;background:#fffffff2;transform:scaleX(0);transform-origin:left center}.hero-now .dots i.on:after{animation:dot-fill var(--hold, 5.4s) linear forwards}@keyframes dot-fill{to{transform:scaleX(1)}}.hero-now b{font-weight:500}.hero-cue{position:absolute;left:50%;bottom:26px;z-index:5;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffffc7;font-size:9.5px;letter-spacing:.34em;text-shadow:0 2px 10px rgba(0,0,0,.7);opacity:0;transition:opacity .9s ease;pointer-events:none}.hero-cue.on{opacity:1}.hero-cue span{padding-left:.34em}.hero-cue i{display:block;width:1px;height:30px;background:linear-gradient(#ffffffd9,#fff0);animation:cue-fall 1.9s ease-in-out infinite}@keyframes cue-fall{0%{transform:scaleY(0);transform-origin:top;opacity:0}35%{transform:scaleY(1);transform-origin:top;opacity:1}70%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}@media(max-width:640px){.hero-now{font-size:10px;bottom:18px}.hero-cue{bottom:46px}.hero-cue i{height:22px}}.panel{position:relative;padding:clamp(78px,12vw,150px) 0}.panel+.panel{border-top:1px solid var(--line)}.label{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.32em;color:var(--gold);margin:0 0 16px}.label:before{content:"";width:28px;height:1px;background:var(--gold);transform-origin:left center;transition:transform 1s cubic-bezier(.16,1,.3,1) .15s}html.fx .panel:not(.is-in) .label:before{transform:scaleX(0)}.panel h2{margin:0 0 34px;font-size:clamp(24px,4vw,40px);line-height:1.35;font-weight:500;letter-spacing:.08em}.panel h3.sub{margin:56px 0 0;font-size:15px;font-weight:500;letter-spacing:.16em;color:var(--ink-2)}.panel p.lead{max-width:52em;color:var(--ink-2);margin:0 0 30px;text-wrap:pretty}.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.news-list li{border-bottom:1px solid var(--line)}.news-item{display:grid;grid-template-columns:7.2em 6.4em 1fr auto;gap:18px;align-items:baseline;padding:20px 2px;text-decoration:none;transition:padding-left .25s,background .25s}a.news-item:after{content:"↗︎";color:var(--ink-3);font-size:13px;transition:color .25s,transform .3s cubic-bezier(.16,1,.3,1)}a.news-item:hover{padding-left:12px;background:var(--paper-2)}a.news-item:hover:after{color:var(--link);transform:translate(2px,-2px)}.news-item time{font-size:13px;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}.news-item time span{margin-left:.5em;font-size:11px;color:var(--ink-3)}.news-cat{justify-self:start;font-size:10px;letter-spacing:.18em;line-height:1;padding:5px 8px 4px;border:1px solid var(--line);color:var(--ink-2)}.news-cat[data-cat=live]{border-color:var(--accent);color:var(--link)}.news-cat[data-cat=release]{border-color:var(--edge);color:var(--gold)}.news-body b{display:block;font-weight:500;font-size:15.5px;letter-spacing:.05em;line-height:1.6}.news-body em{display:block;margin-top:6px;font-style:normal;font-size:12.5px;color:var(--ink-3);line-height:1.9}@media(max-width:640px){.news-item{grid-template-columns:auto 1fr auto;gap:8px 12px;padding:16px 2px}.news-body{grid-column:1 / -1;grid-row:2}}.panel h2.name{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.name-en{font-size:clamp(11px,1.4vw,14px);letter-spacing:.26em;color:var(--ink-3);font-weight:500}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start}@media(max-width:880px){.about{grid-template-columns:1fr}}.lead-copy{margin:0 0 24px;font-size:clamp(16px,2vw,20px);letter-spacing:.06em;line-height:1.95;color:var(--link)}.about .body{color:var(--ink-2);margin:0 0 32px;text-wrap:pretty}.about-art{position:relative;width:100%}.kv-stage img{width:100%;--fade-y: linear-gradient(to bottom, transparent, #000 6%, #000 70%, transparent);--fade-x: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);-webkit-mask-image:var(--fade-y),var(--fade-x);-webkit-mask-composite:source-in;mask-image:var(--fade-y),var(--fade-x);mask-composite:intersect}@media(max-width:880px){.about-art{max-width:520px;margin-inline:auto}}.dl{display:grid;grid-template-columns:7em 1fr;gap:12px 18px;margin:0;font-size:14px}.dl dt{color:var(--ink-3);font-size:12.5px}.dl dd{margin:0}.dl .tag{color:var(--ink);text-decoration:none;transition:color .2s}.dl .tag:hover{color:var(--link)}.mv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:20px}.mv{text-decoration:none;display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.mv:hover{transform:translateY(-5px)}.mv .frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.mv .frame img{width:100%;height:100%!important;object-fit:cover;transition:transform .5s ease,opacity .3s ease}.mv .frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.mv.is-playing .frame video{opacity:1}.mv.is-playing .frame img{opacity:0}.mv:hover .frame img{transform:scale(1.045)}.mv .frame:before,.mv .frame:after{content:"";position:absolute;z-index:2;left:50%;top:50%;opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none}.mv .frame:after{width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#0c0b0b47;transform:scale(.86)}.mv .frame:before{z-index:3;width:13px;height:15px;margin:-7.5px 0 0 -5px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}.mv:hover .frame:before,.mv:hover .frame:after{opacity:1;transform:none}.mv-meta b{transition:color .25s}.mv:hover .mv-meta b{color:var(--link)}.mv-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px}.mv-meta b{font-size:16px;letter-spacing:.06em;line-height:1.5;font-weight:500}.mv-meta span{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:0 0 auto}@media(max-width:560px){.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.mv-meta{flex-direction:column;gap:0;margin-top:8px}.mv-meta b{font-size:13.5px}.mv-meta span{font-size:11px}.mv .frame:after{width:40px;height:40px;margin:-20px 0 0 -20px}}.release-list{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}.release-list li{border-bottom:1px solid var(--line)}.release-list a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:18px 2px;text-decoration:none;transition:padding-left .25s,background .25s}.release-list a:hover{padding-left:12px;background:var(--paper-2)}.release-list b{color:var(--ink);font-weight:500;font-size:15.5px;letter-spacing:.06em}.release-list em{font-style:normal;color:var(--ink-3);font-size:13px;margin-left:12px}.release-list>li>a>span:last-child{font-size:12px;color:var(--ink-3);white-space:nowrap;transition:color .25s}.release-list>li>a>span:last-child:after{content:"↗︎";display:inline-block;margin-left:.5em;transition:transform .3s cubic-bezier(.16,1,.3,1)}.release-list a:hover>span:last-child{color:var(--link)}.release-list a:hover>span:last-child:after{transform:translate(2px,-2px)}.release-list a:hover b{color:var(--ink)}@media(max-width:560px){.release-list em{display:block;margin:2px 0 0;font-size:12px}.release-list>li>a>span:last-child{font-size:0}.release-list>li>a>span:last-child:after{font-size:14px;margin:0}}.band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start}@media(max-width:880px){.band{grid-template-columns:1fr}}.member{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.member li{display:grid;grid-template-columns:9.5em 1fr;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:14px}.member .part{color:var(--ink-3);font-size:11.5px;letter-spacing:.1em;padding-top:.35em}.member a{color:var(--link);text-decoration:none}.member a:hover{text-decoration:underline}.link-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:clamp(24px,4vw,52px)}.link-cols h3{font-size:12px;letter-spacing:.2em;color:var(--ink-3);margin:0 0 12px;font-weight:500}.link-list{list-style:none;margin:0;padding:0}.link-list li{border-bottom:1px solid var(--line)}.link-list a{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:13px 2px;text-decoration:none;transition:padding-left .22s,color .22s}.link-list .ic{display:block;width:22px;height:22px;color:var(--ink-3);margin-top:3px}.link-list .ic svg{width:100%;height:100%;display:block}.link-list a:hover .ic{color:var(--link)}.link-list a:hover{padding-left:9px;color:var(--link)}.link-list b{display:block;font-weight:500;font-size:14.5px;line-height:1.6}.link-list span{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.8;margin-top:2px}html [data-rv]{transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--d, 0s),translate .9s cubic-bezier(.22,1,.36,1) var(--d, 0s),transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}html.fx [data-rv]:not(.rv-in){opacity:0;translate:0 22px}.ln{display:block;overflow:hidden}.ln>span{display:block}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:var(--card);padding:30px 28px;transition:border-color .3s}.card:hover{border-color:var(--gold-soft)}.card .btn{margin-top:auto}.card h3{margin:0 0 12px;font-size:17px;letter-spacing:.08em;font-weight:500}.card p{margin:0 0 24px;font-size:13.5px;color:var(--ink-2);line-height:2}.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:14px 32px;font-size:13px;letter-spacing:.14em;transition:background .25s}.btn:hover{background:#e2493a}.btn.line{background:transparent;color:var(--gold);border:1px solid var(--edge)}.btn.line:hover{background:var(--gold);color:#100e0c;border-color:var(--gold)}.credit{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.credit h3{font-size:11px;letter-spacing:.3em;color:var(--ink-3);margin:0 0 14px;font-weight:500}.credit-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px}.credit-list li{display:flex;gap:12px;flex-wrap:wrap}.credit-list .role{color:var(--ink-3);font-size:12.5px;min-width:7em}.credit-list a{color:var(--link);text-decoration:none}.credit-list a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);padding:44px var(--gut) 40px;display:flex;flex-direction:column;align-items:center;gap:16px}footer img{height:18px;width:auto;opacity:.7}footer small{font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
