.studio-brand{padding:18px 0}
.studio-name{width:56px;height:28px}
.studio-foot .foot-brand .brand{padding:0}
.site-nav{flex-wrap:wrap}
@media (max-width:420px){.site-nav a{padding-inline:4px}}
.studio-foot .foot-tag [lang="ja"]{color:var(--fg);margin-right:.4em}
.px-title{font:400 40px/1 var(--f-pxd);letter-spacing:0;text-transform:none}
@media (min-width:600px){.px-title{font-size:60px}}
@media (min-width:1024px){.px-title{font-size:80px}}
.studio-hero{display:grid;gap:var(--s7);align-items:center;padding-block:var(--s7) var(--s2)}
.studio-copy .px-title{margin-top:var(--s4)}
.studio-copy .lede{margin-top:var(--s5)}
.studio-meet{margin-top:var(--s4);color:var(--muted);max-width:52ch}
.kun-try{display:none}
.js .kun-try{display:inline}
@media (prefers-reduced-motion:reduce){.js .kun-try{display:none}}
.studio-copy .btns{margin-top:var(--s6)}
.studio-stage{--stage:480px;justify-self:center;width:100%}
.studio-stage .kun-live{--kun:6}
@media (min-width:960px){
  .studio-hero{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:var(--s8);padding-top:var(--s8)}
  .studio-stage{justify-self:end}
  .studio-stage .kun-live{--kun:8}
}
.faces{max-width:480px}
@media (max-width:600px){
  .studio-stage .kun-stage{aspect-ratio:auto;padding-block:52px}
}
@media (max-width:540px){
  .faces{width:100%}
  .faces>button{flex:1 1 auto;padding-inline:4px}
  .faces .faces-more-w{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .faces .faces-sign{margin-left:.35em}
  .faces-rest button{padding-inline:4px}
}
.works{display:grid;gap:var(--s4)}
@media (min-width:860px){.works{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.status{justify-self:start;font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);
  padding:7px 11px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2)}
.burn-card{gap:var(--s3)}
.gift-card{align-content:center;background:transparent;border:1px dashed var(--line-2)}
.gift-card h3{font-size:var(--t-h2);line-height:1.2}
.kq-card{gap:var(--s3)}
.founder{margin-top:var(--s5);color:var(--muted);font-size:var(--t-small)}
.kq-card .more,.burn-card .more{margin-top:var(--s2);font:600 var(--t-label)/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}
.burn{font-family:"Lilita One","Arial Black",Impact,sans-serif;font-weight:400;font-size:clamp(34px,3vw + 20px,48px);line-height:1;letter-spacing:.01em;
  background:linear-gradient(#FFD15C,#FF7A1A 70%,#E8481C);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:2px #2A1208;paint-order:stroke fill}
.burn-art{display:grid;place-items:center;min-height:180px;border-radius:var(--r);background-color:var(--board);
  background-image:radial-gradient(70% 90% at 50% 100%,rgba(255,122,26,.16),transparent 70%)}
.burn-xl{font-size:clamp(48px,5vw + 24px,92px);text-wrap:nowrap}
.game-hero{display:grid;gap:var(--s6);padding-block:var(--s7) var(--s2)}
.burn-board{display:grid;place-items:center;align-content:center;gap:var(--s5);min-height:clamp(260px,32vw,400px);padding:var(--s7) var(--s4);
  background-image:radial-gradient(70% 80% at 50% 105%,rgba(255,122,26,.2),transparent 70%)}
.burn-board .status{justify-self:center;color:var(--fg)}
.game-line{color:var(--fg);max-width:40ch}
.game-dev{margin-top:var(--s4);font:500 var(--t-label)/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.game-copy .btns{margin-top:var(--s5)}
@media (min-width:960px){.game-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:var(--s7);padding-top:var(--s8)}}
.kq-art,.kq-photo{--fg:#1E1D1A;--muted:#58544A;background-color:var(--paper);color:var(--fg);border-radius:var(--r)}
.kq-art img,.kq-photo img{image-rendering:pixelated}
.kq-art{display:grid;place-items:center;min-height:180px;box-shadow:inset 0 0 0 1px rgba(23,24,28,.08)}
.kq-art img{width:200px;height:96px}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .kq-art{background-color:var(--bg)}}
:root[data-theme="light"] .kq-art{background-color:var(--bg)}
.kq-hero{display:grid;gap:var(--s7);align-items:center;padding-block:var(--s7) var(--s2)}
.kq-copy .px-title{margin-top:var(--s4)}
.kq-copy .lede{margin-top:var(--s5)}
.kq-copy .status{display:inline-block;margin-top:var(--s5)}
.kq-photo{justify-self:center;display:grid;justify-items:center;gap:var(--s4);margin:0;padding:var(--s6) var(--s5) var(--s4);
  border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line),0 10px 24px -14px rgba(0,0,0,.6)}
.kq-photo img{width:250px;height:120px}
.kq-photo figcaption{font:500 var(--t-label)/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (min-width:600px){.kq-photo{padding:var(--s7) var(--s7) var(--s5)}.kq-photo img{width:350px;height:168px}}
@media (min-width:960px){.kq-hero{grid-template-columns:minmax(0,1fr) auto;gap:var(--s8);padding-top:var(--s8)}.kq-photo{justify-self:end}}
.kq-soon{display:grid;gap:var(--s4);justify-items:start}
.kq-soon p{color:var(--fg)}
@media (min-width:860px){.kq-soon{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.steps{list-style:none;padding:0;display:grid;counter-reset:step}
.steps li{counter-increment:step;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:baseline;border-top:1px solid var(--line);padding:var(--s4) 0}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(step,decimal-leading-zero);font:500 var(--t-label)/1.9 var(--f-mono);letter-spacing:.14em;color:var(--faint)}
.steps p{color:var(--muted)}
.steps b{display:block;color:var(--fg);font-weight:600}
@media (min-width:960px){
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s6);max-width:none}
  .steps li{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--s2);border-bottom:1px solid var(--line);padding-bottom:var(--s5)}
  .steps li+li{margin-top:0}
}
.page-top{padding-block:var(--s7) var(--s2)}
.page-top h1{margin-top:var(--s4)}
.page-top .lede{margin-top:var(--s5)}
.kit{gap:var(--s3)}
.kit-art{display:grid;place-items:center;min-height:200px;margin:0 0 var(--s2)}
.kit-name svg{width:168px;height:84px}
.kit-kun{min-height:240px}
@media (min-width:720px){
  .kit-h{grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:var(--s6);align-items:start}
  .kit-h>.kit-art{grid-row:1/span 3;align-self:stretch;margin:0}
  .kit-h>:not(.kit-art){grid-column:2}
}
.files{list-style:none;padding:0;display:grid;margin-top:var(--s2)}
.files li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border-top:1px solid var(--line);padding:10px 0}
.files li:last-child{border-bottom:1px solid var(--line)}
.files li>span{flex:1 1 12em;color:var(--muted);font-size:var(--t-small)}
.files a{font:600 var(--t-label)/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:9px 12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-2)}
.files a:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.use-rule{color:var(--muted)}
.kit-all{margin-top:var(--s5);align-items:center;column-gap:var(--s4)}
.kit-all p{max-width:34em}
.about-copy{max-width:37em}
.about-copy p{color:var(--fg);max-width:34em}
.fact-note{display:block;margin-top:2px;color:var(--muted);font-size:var(--t-small)}
.kun-kit{grid-template-columns:repeat(2,minmax(0,1fr))}
.kun-kit .kun-still{--kun:3}
.kit-avatar svg{width:88px;height:88px;border-radius:50%;box-shadow:0 0 0 1px rgba(233,228,216,.32)}
@media (min-width:420px){.kit-avatar svg{width:132px;height:132px}}
@media (max-width:540px){.files-view li>span{flex-basis:100%}}
@media (max-width:719px){.kun-kit .card{padding:var(--s4)}.kun-kit .kit-kun{min-height:184px}}
@media (min-width:720px){.kun-kit .kun-still{--kun:4}.kit-avatar svg{width:176px;height:176px}}
@media (min-width:1024px){.kun-kit{grid-template-columns:repeat(3,minmax(0,1fr))}}
.paper-ground{background-color:var(--paper);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px rgba(23,24,28,.1)}
.kit-lockup{min-height:220px}
.kit-lockup svg{width:232px;height:96px}
@media (min-width:1024px){.kit-lockup{min-height:280px}.kit-lockup svg{width:348px;height:144px}}
.kit-h2{font-size:var(--t-h3)}
.kit-back{margin-top:var(--s5)}
@media (forced-colors:active){.paper-ground,.kq-art,.kq-photo{forced-color-adjust:none}}
.legal{padding-top:var(--s8)}
.legal h1{margin-top:var(--s3)}
.legal .prose{margin-top:var(--s5)}
.legal .prose p{color:var(--muted)}
.legal .prose p:first-child{color:var(--fg)}
.lost-hero .studio-stage{--stage:400px}
@media (min-width:960px){.lost-hero{grid-template-columns:minmax(0,1fr) minmax(0,400px)}.lost-hero .studio-stage .kun-live{--kun:6}}
@media (prefers-reduced-motion:no-preference){
  :is(.studio-copy,.kq-copy,.page-top,.lost) .px-title .px-svg{animation:px-in .5s steps(7,end) both;animation-delay:calc(var(--w,0) * 140ms + 120ms)}
  :is(.studio-copy,.kq-copy,.page-top,.lost) .px-title .px-svg:nth-of-type(2){--w:1}
  :is(.studio-copy,.kq-copy,.page-top,.lost) .px-title .px-svg:nth-of-type(3){--w:2}
}
@keyframes px-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media (prefers-reduced-motion:no-preference){
  .burn-board>.burn{animation:ignite 1.2s var(--ease) .12s both}
  .burn-board>.status{animation:rise .8s var(--ease) .5s both}
}
@keyframes ignite{0%{opacity:0;scale:.94;filter:blur(6px) brightness(1.7)}55%{opacity:1;filter:blur(0) brightness(1.2)}100%{opacity:1;scale:1;filter:none}}
.burn-art{position:relative;overflow:hidden}
.burn-art::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);
  background:radial-gradient(60% 80% at 50% 105%,rgba(255,122,26,.22),transparent 70%)}
.burn-art .burn{transition:scale .5s var(--ease)}
@media (hover:hover) and (pointer:fine){
  .burn-card:hover .burn-art::after{opacity:1}
  .burn-card:hover .burn-art .burn{scale:1.03}
}
.kq-photo{transition:transform .6s var(--ease)}
.kq-photo.tilting{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s linear}
@media (prefers-reduced-motion:no-preference){.kq-hero>.kq-photo{animation:rise-art 1s var(--ease) .16s both}}
