:root{--bg:#050509;--bg2:#0a0a12;--fg:#f4f4f8;--dim:#8f8fa3;--cyan:#00e5ff;--magenta:#ff2d78;--gold:#ffc65c}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif;overflow-x:hidden}.en{font-family:Outfit,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--magenta);color:#fff}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E")}header{position:fixed;inset:0 0 auto;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;background:linear-gradient(#050509d9,#05050900);backdrop-filter:blur(4px)}header .lg{height:38px;width:auto;filter:drop-shadow(0 0 12px #00e5ff44);animation:lgOn .6s both}@keyframes lgOn{0%{opacity:.1;filter:none}45%{opacity:1;filter:drop-shadow(0 0 18px #00e5ffaa)}60%{opacity:.3}to{opacity:1}}.gnav{position:absolute;left:50%;top:0;transform:translate(-50%);height:72px;display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.14em}.gnav a{opacity:.75;transition:opacity .3s}.gnav a:hover{opacity:1}@media(max-width:820px){.gnav{display:none}}.cta-mini{line-height:1;border:1px solid #ff2d7877;padding:9px 22px;border-radius:99px;font-size:12px;letter-spacing:.2em;box-shadow:0 0 16px #ff2d7833;transition:box-shadow .3s,background .3s}.cta-mini:hover{background:#ff2d7822;box-shadow:0 0 30px #ff2d7866}.hero{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:center;padding:110px 5vw 40px}#glbg{position:absolute;inset:0;width:100%;height:100%;opacity:.65}#city{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--bg));z-index:2;pointer-events:none}.rig{position:absolute;z-index:2;left:76%;top:0;translate:-50% 0;display:flex;flex-direction:column;align-items:center;animation:lower 2.4s cubic-bezier(.3,.9,.4,1) .4s both;pointer-events:none}@keyframes lower{0%{transform:translateY(-72vh)}70%{transform:translateY(2.6vh)}85%{transform:translateY(-1vh)}to{transform:translateY(0)}}.rig .cable{width:2px;height:16vh;background:linear-gradient(#8fa4c4,#5a6a84);box-shadow:0 0 4px #000}.rig .hook{width:13px;height:13px;border:3px solid #8fa4c4;border-radius:50%;margin-top:-2px}.clogo{position:relative;margin-top:8px;width:min(24vw,330px);transform-origin:top center;animation:bloom 2.6s ease-out .6s both,sway 3.6s ease-in-out 3.2s infinite}@keyframes sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes bloom{0%{filter:brightness(.14)}45%{filter:brightness(.2) drop-shadow(0 0 4px rgba(126,232,255,.15))}72%{filter:brightness(1.55) drop-shadow(0 0 30px rgba(126,232,255,.95)) drop-shadow(0 0 90px rgba(0,229,255,.55))}to{filter:brightness(1) drop-shadow(0 0 16px rgba(126,232,255,.5)) drop-shadow(0 0 44px rgba(0,229,255,.28))}}.clogo img{width:100%;display:block}.pupil{position:absolute;width:3.32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 58%,#fff0 76%);transition:transform .07s}.clogo.blink .pupil{transform:scaleY(.08)}.hero-in{position:relative;z-index:3;max-width:1100px}@media(min-width:901px){.hero-in{max-width:min(1000px,60vw)}}.hero .kicker{display:inline-flex;gap:10px;font-size:12px;letter-spacing:.3em;color:var(--cyan);border:1px solid #00e5ff44;border-radius:99px;padding:8px 18px;margin-bottom:26px;background:#00e5ff0d}.hero h1{font-size:clamp(34px,6vw,78px);font-weight:900;line-height:1.36;letter-spacing:.02em}.hero h1 em{font-style:normal;white-space:nowrap}.hero h1 em.sign{color:var(--cyan);animation:neonOn 1.2s .3s backwards,neonBlink 2.7s 1.8s infinite;text-shadow:0 0 10px #00e5ff88,0 0 40px #00e5ff44}@keyframes neonBlink{0%,86%,to{opacity:1}88%{opacity:.25}90%{opacity:1}93%{opacity:.5}95%{opacity:1}}@keyframes neonOn{0%,14%{color:#1a2b30;text-shadow:none}18%{color:#d9fbff;text-shadow:0 0 12px #00e5ff,0 0 40px #00e5ff}24%{color:#1a2b30;text-shadow:none}32%,to{color:var(--cyan);text-shadow:0 0 10px #00e5ff88,0 0 40px #00e5ff44}}.hero h1 em.m{color:var(--magenta);text-shadow:0 0 10px #ff2d7888,0 0 40px #ff2d7844;background:linear-gradient(100deg,#ff2d78 30%,#ffb56b,#ff2d78 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:warmth 5s 1.2s ease-in-out infinite}@keyframes warmth{0%,to{background-position:0% 0}50%{background-position:100% 0}}.hero h1 em.g{color:transparent;-webkit-text-fill-color:transparent;background-image:radial-gradient(circle,#ffe9ad 30%,#c77800 38%,transparent 45%);background-size:.075em .075em;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 14px #ffb52d55);animation:ledflow 1.6s 1.6s linear infinite}@keyframes ledflow{0%{background-position:0 0}to{background-position:.075em .15em}}.hero p.sub{margin-top:22px;max-width:620px;color:var(--dim);line-height:2.2;font-size:14.5px}.hero p.sub b{color:var(--fg)}.hero .actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.btn-p{display:inline-block;padding:16px 44px;border-radius:99px;font-weight:900;letter-spacing:.18em;font-size:13.5px;background:linear-gradient(90deg,var(--magenta),#b43cff);box-shadow:0 0 30px #ff2d7855;transition:box-shadow .3s,transform .3s}.btn-p:hover{box-shadow:0 0 50px #ff2d78aa;transform:translateY(-2px)}.btn-g{display:inline-block;padding:16px 36px;border-radius:99px;font-weight:700;letter-spacing:.14em;font-size:13.5px;border:1px solid #ffffff33;background:#ffffff0a;transition:background .3s}.btn-g:hover{background:#ffffff1a}.hero .quick{margin-top:40px;display:flex;gap:10px;flex-wrap:wrap}.hero .quick a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1f;background:#ffffff08;border-radius:12px;padding:12px 18px;font-size:13px;letter-spacing:.08em;transition:border-color .3s,transform .3s}.hero .quick a:hover{border-color:var(--cyan);transform:translateY(-2px)}.hero .quick i{font-style:normal;color:var(--cyan)}section{padding:96px 4vw}.sechead{display:flex;align-items:baseline;gap:18px;margin-bottom:44px;max-width:1240px;margin-inline:auto}.sechead h2{font-size:clamp(26px,4vw,48px);font-weight:900;letter-spacing:.03em}.sechead .jp{font-size:12px;letter-spacing:.32em;color:var(--dim)}.sechead .line{flex:1;height:1px;background:linear-gradient(90deg,#ffffff2e,transparent)}.wrap{max-width:1240px;margin:0 auto}.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1240px;margin:0 auto}.sv{position:relative;border:1px solid #ffffff1c;border-radius:16px;overflow:hidden;background:#ffffff06;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.sv:hover{transform:translateY(-5px);border-color:transparent}.sv .ring{position:absolute;inset:-45%;z-index:0;opacity:0;transition:opacity .35s;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 68%,var(--rc,#00e5ff) 82%,#ffffff 88%,var(--rc,#00e5ff) 94%,transparent 100%)}.sv:hover .ring{opacity:.8;animation:ringspin 2.2s linear infinite}.sv .ph{position:relative;z-index:1;margin:1.5px 1.5px 0;border-radius:15px 15px 0 0}.sv .tx{position:relative;z-index:1;background:#0d0d15;margin:0 1.5px 1.5px;border-radius:0 0 15px 15px}.sv:nth-child(2){--rc:#ff2d78}.sv:nth-child(3){--rc:#ffc65c}.sv .ph{aspect-ratio:16/9;overflow:hidden}.sv .ph img{width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(.85);transition:transform .5s,filter .45s}.sv:hover .ph img{transform:scale(1.05);filter:brightness(1.06) saturate(1.05)}.sv h3 span{transition:text-shadow .3s}.sv:hover h3 span{text-shadow:0 0 12px currentColor}.sv .tx{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.sv h3{font-size:20px;font-weight:900}.sv h3 span{display:block;font-size:10.5px;letter-spacing:.3em;color:var(--cyan);margin-bottom:8px}.sv p{color:var(--dim);font-size:13px;line-height:2;flex:1}.sv .more{font-size:12px;letter-spacing:.14em;color:var(--cyan)}.sv:nth-child(2) h3 span,.sv:nth-child(2) .more{color:var(--magenta)}.sv:nth-child(2):hover{border-color:#ff2d7866}.sv:nth-child(3) h3 span,.sv:nth-child(3) .more{color:var(--gold)}.sv:nth-child(3):hover{border-color:#ffc65c66}.works{background:var(--bg2)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1240px;margin:0 auto;perspective:1000px}.work{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;border:1px solid #ffffff14;transition:transform .3s ease,box-shadow .3s;will-change:transform;transform-style:preserve-3d}.work:after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),#ffffff18,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.work:hover:after{opacity:1}.work:hover{box-shadow:0 20px 50px #000a}.work img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work:hover img{transform:scale(1.05)}.work figcaption{position:absolute;inset:auto 0 0;padding:30px 14px 12px;font-size:12.5px;letter-spacing:.06em;background:linear-gradient(transparent,#000000d0);display:flex;justify-content:space-between;align-items:baseline}.work figcaption em{font-style:normal;color:var(--cyan);font-size:9.5px;letter-spacing:.22em}.works .note{max-width:1240px;margin:18px auto 0;font-size:12px;color:var(--dim);letter-spacing:.06em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:#ffffff18;border-block:1px solid #ffffff18}.stat{background:var(--bg);padding:44px 20px;text-align:center}.stat b{display:block;font-size:clamp(30px,4vw,48px);font-weight:900}.stat b i{font-style:normal;color:var(--cyan);text-shadow:0 0 16px #00e5ff66;animation:neonBlink 3.4s infinite}.stat:nth-child(2) b i{animation-delay:.9s}.stat:nth-child(3) b i{animation-delay:1.7s}.stat:nth-child(4) b i{animation-delay:2.5s}.stat span{font-size:12px;color:var(--dim);letter-spacing:.16em;line-height:1.9;display:block;margin-top:6px}.studio{background:radial-gradient(900px 400px at 50% 0%,#101018,transparent 70%),repeating-linear-gradient(90deg,#0b0b13 0 90px,#0c0c15 90px 91px),#0b0b13}.studio .lead{color:var(--dim);font-size:14px;line-height:2.2;max-width:640px;margin:-20px auto 36px;max-width:1240px}.studio .lead b{color:var(--gold)}.stage{position:relative;max-width:1100px;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid #ffffff14;background:linear-gradient(180deg,#101019,#07070d 70%);box-shadow:inset 0 0 120px #0008}#neon{display:block;width:100%;height:auto;max-height:74vh;margin:0 auto}.stage.fit #neon{width:auto;max-width:100%}.stage .plate{position:absolute;left:50%;bottom:14px;translate:-50% 0;font-size:10px;letter-spacing:.4em;color:#ffffff38}.console{max-width:1100px;margin:18px auto 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.console input{flex:1;min-width:240px;background:#ffffff0a;border:1px solid #ffffff22;border-radius:14px;color:#fff;padding:16px 20px;font-size:16px;font-family:inherit;letter-spacing:.06em;outline:none;transition:border-color .3s,box-shadow .3s}.console input:focus{border-color:var(--cyan);box-shadow:0 0 24px #00e5ff33}.console2{margin-top:10px}.swatches{display:flex;gap:10px}.sw{width:38px;height:38px;border-radius:50%;border:2px solid #ffffff2a;cursor:pointer;transition:transform .2s,box-shadow .2s}.sw:hover{transform:scale(1.12)}.sw.act{border-color:#fff;box-shadow:0 0 18px var(--c)}.fonts{display:flex;gap:8px;flex-wrap:wrap}.fbtn{border:1px solid #ffffff26;background:#ffffff08;color:var(--dim);border-radius:99px;padding:10px 18px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:all .25s}.fbtn.act{color:#fff;border-color:var(--cyan);box-shadow:0 0 16px #00e5ff33}.modenote{max-width:1100px;margin:14px auto 0;font-size:11.5px;color:var(--dim);letter-spacing:.08em;line-height:2}.studio .wrap2{max-width:1100px;margin:0 auto}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1240px;margin:0 auto}.lk{position:relative;border-radius:16px;overflow:hidden;border:1px solid #ffffff1c;aspect-ratio:16/9;display:flex;align-items:flex-end;transition:transform .3s,border-color .3s}.lk:hover{transform:translateY(-4px);border-color:transparent}.lk .ring{position:absolute;inset:-45%;z-index:1;opacity:0;transition:opacity .35s;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 70%,#00e5ff 82%,#ff2d78 92%,transparent 100%)}.lk:hover .ring{opacity:.65;animation:ringspin 2.2s linear infinite}@keyframes ringspin{to{transform:rotate(360deg)}}.lk:before{content:"";position:absolute;inset:1.5px;border-radius:15px;background:#0a0a12;z-index:1}.lk img{z-index:0}.lk .tx{z-index:2}.lk img{position:absolute;inset:1.5px;width:calc(100% - 3px);height:calc(100% - 3px);object-fit:cover;filter:brightness(.55);border-radius:15px;z-index:1}.lk .tx{position:relative;z-index:2;padding:20px;width:100%;background:linear-gradient(transparent,#000000c9)}.lk h3{font-size:18px;font-weight:900}.lk h3 span{display:block;font-size:10px;letter-spacing:.3em;color:var(--cyan);margin-bottom:6px}.lk p{font-size:12px;color:#cfcfdd;margin-top:6px;line-height:1.9}.cta{text-align:center;position:relative}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 60%,#ff2d7822,transparent 70%)}.cta h2{font-size:clamp(28px,4.6vw,54px);font-weight:900;line-height:1.5;position:relative}.cta h2 em{font-style:normal;color:var(--gold);text-shadow:0 0 12px #ffc65c66}.cta p{color:var(--dim);margin:20px 0 36px;position:relative;line-height:2.1}footer{padding:40px 4vw;border-top:1px solid #ffffff14;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;color:#fff6;font-size:12px;letter-spacing:.08em}footer .fnav{justify-self:center}footer>div:last-child{justify-self:end;text-align:right}@media(max-width:860px){footer{grid-template-columns:1fr;justify-items:center;text-align:center}footer>div:last-child{justify-self:center;text-align:center}}footer .fnav{display:flex;gap:18px;flex-wrap:wrap}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.rv.on{opacity:1;transform:none}@media(max-width:900px){.rig{left:50%}.rig .cable{height:9vh}.clogo{width:min(46vw,210px)}.hero{padding-top:96px}.hero-in{margin-top:calc(9vh + min(46vw,210px)*.8 + 40px)}.svc,.works-grid,.links{grid-template-columns:1fr}.console{flex-direction:column;align-items:stretch}.swatches,.fonts{justify-content:center}}@media(pointer:coarse){.work:after{background:linear-gradient(105deg,transparent 32%,#ffffff26 50%,transparent 68%)}.work.on:after{opacity:1;animation:sweep 1.15s ease .25s 1 forwards}.sv.on .ring,.lk.on .ring{opacity:.75;animation:ringspin 2.4s linear 2}.sv.on .ph img{filter:brightness(1.02) saturate(1.02)}}@keyframes sweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.gnav a{white-space:nowrap}@media(max-width:1160px){.gnav{gap:13px;font-size:11px}}@media not (prefers-reduced-motion:reduce){@view-transition{navigation:auto}}::view-transition-old(root){animation:vtOut .26s ease both}::view-transition-new(root){animation:vtIn .4s cubic-bezier(.2,.7,.3,1) .05s both}@keyframes vtOut{to{opacity:0;transform:translateY(8px)}}@keyframes vtIn{0%{opacity:0;transform:translateY(12px)}}header{view-transition-name:site-header}::view-transition-old(site-header),::view-transition-new(site-header){animation:none}