@font-face{font-family:"Unbounded";font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/unbounded-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Unbounded";font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/unbounded-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Unbounded";font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/unbounded-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Cousine";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cousine-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Cousine";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cousine-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Special Elite";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/special-elite-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f2f0ea;--paper:#fbfaf6;--gr:#dcdad3;--mut:#5d5b55;--ink:#121212;--y:#f5c518;
--fd:"Unbounded","Onest",system-ui,sans-serif;color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 "Onest",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
html[lang=uk] :is(en,ja),html[lang=en] :is(uk,ja),html[lang=ja] :is(uk,en){display:none}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(18px,4vw,48px);position:relative;z-index:1}
h1,h2,h3{font-family:var(--fd);font-weight:700;letter-spacing:-.025em;line-height:1.02;margin:0}
h2{font-size:clamp(2rem,6vw,5rem);max-width:15ch}
section{padding:clamp(70px,11vw,150px) 0;position:relative;overflow:hidden}
.t{font-weight:200}.b{font-weight:900}
.r{display:inline-block;transform:rotate(-4deg);background:var(--y);padding:0 .16em;border-radius:.12em}
/* abstract shapes */
.sh{position:absolute;pointer-events:none;z-index:0}
.cy{background:var(--y);border-radius:50%}
.rg{border:4px solid var(--ink);border-radius:50%}
.bl{background:var(--y);animation:morph 14s ease-in-out infinite alternate}
@keyframes morph{0%{border-radius:60% 40% 55% 45%/45% 55% 45% 55%}100%{border-radius:40% 60% 45% 55%/60% 40% 60% 40%}}
.sq{width:170px;height:40px}
/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:31;background:var(--bg);border-bottom:2px solid var(--ink)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.nav nav{display:flex;gap:28px;font-size:.95rem;font-weight:500}
.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:.18em;text-underline-offset:.2em}
.logo{font:800 .95rem var(--fd);text-decoration:none;letter-spacing:-.02em}
.logo::before{content:"";display:inline-block;width:.7em;height:.7em;background:var(--y);border:2px solid var(--ink);border-radius:50%;margin-right:.55em}
.lang{display:flex;border:2px solid var(--ink);border-radius:99px;overflow:hidden}


@media(max-width:760px){.nav nav{display:none}}
.btn{display:inline-block;text-decoration:none;font:600 .98rem "Onest",sans-serif;padding:13px 24px;border-radius:99px;background:var(--ink);color:var(--y);border:2px solid var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--y)}
.btn.y{background:var(--y);color:var(--ink)}.btn.y:hover{box-shadow:4px 4px 0 var(--ink)}
.btn.o{background:transparent;color:var(--ink)}.btn.o:hover{box-shadow:4px 4px 0 var(--ink)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* hero */
.hero{position:relative;height:calc(100svh - var(--nh,60px));min-height:44vw;overflow:hidden;background:#fff;padding:0;container-type:inline-size}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* marquee */
.mq{background:var(--y);border-block:2px solid var(--ink);overflow:hidden;white-space:nowrap;transform:rotate(-1.4deg);margin:46px -3vw 0;font:700 clamp(1rem,2vw,1.4rem)/1 var(--fd);letter-spacing:-.02em}
.mi{display:inline-flex;width:max-content;animation:mq 46s linear infinite}
.mi div{display:inline-flex;padding:16px 0}
.mi span::after{content:"✺";margin:0 40px}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mi,.bl{animation:none}html{scroll-behavior:auto}}
/* about */
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,6vw,96px);align-items:center}
.about p{max-width:54ch;color:var(--mut);margin:28px 0 0}
.facts{display:grid;grid-template-columns:repeat(3,auto);gap:14px 40px;margin-top:38px;justify-content:start}
.facts b{display:block;font:800 clamp(1.7rem,3.4vw,2.6rem)/1 var(--fd);letter-spacing:-.03em}
.facts span{font-size:.88rem;color:var(--mut)}
.pt{position:relative;width:min(310px,72vw);aspect-ratio:1/1.25;margin:0 auto}
.pt .rg{position:absolute;left:9%;right:-9%;bottom:-4%;aspect-ratio:1}
.pt .c{position:absolute;left:0;right:0;bottom:0;aspect-ratio:1;background:var(--y);border-radius:50%}
.pt .m{position:absolute;inset:0;overflow:hidden;border-radius:0 0 50% 50%/0 0 40% 40%}
.pt img{position:absolute;bottom:0;left:-12.5%;width:125%;max-width:none}
@media(max-width:820px){.about{grid-template-columns:1fr}.pt{margin:10px auto 0 0}}
/* films */
.films{padding-top:0}
.films h2{margin-bottom:46px}
.panel{--pb:var(--paper);background:var(--pb);border:2.5px solid var(--ink);border-radius:30px;box-shadow:10px 10px 0 var(--ink);padding:clamp(22px,4vw,56px);display:grid;grid-template-columns:minmax(200px,30%) 1fr;gap:clamp(24px,5vw,72px);align-items:center;margin-bottom:46px}
.panel.a{--pb:var(--y)}.panel.c{--pb:var(--gr)}
.poster{display:block;border:2.5px solid var(--ink);border-radius:4px;overflow:hidden;box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg);transition:transform .3s}
.panel.b .poster{transform:rotate(1.6deg)}.panel.c .poster{transform:rotate(-1deg)}
.poster:hover{transform:rotate(0) scale(1.02)}
.panel .y{font:600 .95rem var(--fd);margin:0 0 14px}
.panel h3{font-size:clamp(2rem,5vw,4.2rem);font-weight:800}
.panel .log{margin:22px 0 0;max-width:58ch}
.panel dl{margin:20px 0 26px;display:grid;gap:10px}
.panel dd{margin:0;max-width:56ch}
.panel dd.aw{background:var(--ink);color:var(--y);padding:7px 13px;font-weight:600;justify-self:start;border-radius:4px}
.panel .btn{background:var(--ink);color:var(--y)}
.panel .btn.o{background:transparent;color:var(--ink)}
@media(max-width:899px){.panel{grid-template-columns:1fr}.panel .poster{max-width:340px}}
/* galleries: flush rows */
.sub{font:800 clamp(1.4rem,3vw,2.2rem)/1 var(--fd);letter-spacing:-.03em;margin:0 0 22px}
.jr{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.jr figure{margin:0;overflow:hidden;aspect-ratio:auto!important;border-radius:6px;background:var(--gr)}
.jr img{display:block;width:100%;height:auto;transition:transform .6s}
.jr figure:hover img{transform:scale(1.04)}
@media(max-width:700px){.jr{flex-wrap:wrap}.jr figure{flex:1 1 100%!important}}
.gal{padding-top:0}.gal h2{margin-bottom:46px}
.fr{margin-bottom:clamp(60px,9vw,110px)}
/* commercial */
.com{background:var(--gr);border-block:2px solid var(--ink)}
.com .in{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,6vw,96px);align-items:end}
.com p{max-width:52ch;margin:24px 0 0;color:var(--mut)}
.com ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.com li{border-top:2px solid var(--ink);padding-top:16px}
.com li b{display:block;font:700 1.3rem/1.2 var(--fd);letter-spacing:-.02em;margin-bottom:14px}
@media(max-width:820px){.com .in{grid-template-columns:1fr}}
/* podcast */
.pod .in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);align-items:end}
.pod p{max-width:50ch;margin:22px 0 28px;color:var(--mut)}
.pod ul{list-style:none;margin:0;padding:0;font:700 clamp(1.2rem,2.8vw,2rem)/1.3 var(--fd);letter-spacing:-.025em}
.pod li{border-top:2px solid var(--ink)}
.pod li a{text-decoration:none;display:flex;justify-content:space-between;gap:12px;padding:15px 0;transition:padding .25s,background .25s}
.pod li a::after{content:"↗";font-weight:400}
.pod li a:hover{background:var(--y);padding-left:14px;padding-right:14px}
@media(max-width:820px){.pod .in{grid-template-columns:1fr}}
/* contact */
.contact{background:var(--y);border-top:2px solid var(--ink)}
.contact h2{font-size:clamp(2.4rem,9vw,8rem);max-width:12ch;line-height:.92}
.contact .row{margin-top:36px}
.contact .mailto{font-family:var(--fd);font-size:clamp(1rem,2.6vw,1.4rem);overflow-wrap:anywhere}
.soc{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:40px;font:700 1.05rem var(--fd)}
.soc a{text-decoration-thickness:.12em;text-underline-offset:.25em}
footer{padding:26px 0 40px;color:var(--mut);font-size:.88rem;border-top:2px solid var(--ink)}

@media(prefers-reduced-motion:reduce){.bl{animation:none}html{scroll-behavior:auto}}
body{counter-reset:pg}
section{counter-increment:pg}
.hero{counter-increment:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp{position:absolute;inset:0;padding:2.2cqw 9cqw 2cqw 11cqw;font:700 1.42cqw/1.3 "Courier New",Courier,"Liberation Mono",monospace;color:#1a1a1a;text-transform:none;letter-spacing:0;z-index:2}
.sp .l{min-height:1.32em;white-space:pre-wrap;overflow-wrap:break-word;margin:0}
.sp .a{padding-right:2cqw}.sp .bk{min-height:.45em}
.sp .c{margin-left:34cqw;text-transform:uppercase}
.sp .d{margin-left:20cqw;margin-right:14cqw}
.cur{display:inline-block;width:.6em;height:1.1em;background:#1a1a1a;vertical-align:text-bottom;margin-left:1px;animation:blk 1s steps(1) infinite}
@keyframes blk{50%{opacity:0}}
@media(max-width:760px){.hero{height:auto;min-height:0;aspect-ratio:3/4}.sp{font-size:3.15cqw;line-height:1.38;padding:7cqw 6cqw 4cqw 8cqw}.sp .c{margin-left:30cqw}.sp .d{margin-left:12cqw;margin-right:6cqw}}
@media(prefers-reduced-motion:reduce){.cur{animation:none}}

.h{margin-bottom:44px}.h h2{max-width:16ch}
.hbar{padding-top:28px;padding-bottom:6px;display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between}
.hbar .by{margin:0 0 8px;font:600 .8rem "Onest",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.hbar .note{margin:0;font:600 clamp(1.3rem,2.4vw,1.9rem)/1.3 var(--fd);letter-spacing:-.03em}
.nt{display:inline-block;font:800 2.6rem/1 var(--fd);transform:rotate(-6deg);margin:0}
.ci{display:inline-block;padding:.05em .6em;border:2.5px solid var(--ink);border-radius:50%/62%;transform:rotate(-3deg)}
.contact .r{background:var(--bg)}
.about>div>p:first-child{margin-top:0}
/* create */
#create{padding-bottom:clamp(40px,6vw,80px)}
.paint{background:var(--paper);border:2.5px solid var(--ink);border-radius:26px;box-shadow:10px 10px 0 var(--ink);padding:clamp(14px,2.4vw,26px);display:grid;grid-template-columns:auto 1fr;gap:14px 18px;position:relative;z-index:1}
.tools{display:flex;flex-direction:column;gap:10px}
.cvw{border:2.5px solid var(--ink);border-radius:8px;overflow:hidden;background:#fdfdfc;line-height:0;position:relative}
#cv{width:100%;height:auto;touch-action:none;cursor:crosshair}
.bar{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.g{display:flex;gap:8px;align-items:center}
.paint button{font:600 .9rem "Onest",sans-serif;padding:9px 16px;border-radius:99px;background:transparent;color:var(--ink);border:2px solid var(--ink);cursor:pointer;transition:box-shadow .15s,transform .15s}
.paint button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.paint button.on{background:var(--y)}
.paint .sw{width:30px;height:30px;padding:0;border-width:3px}.paint .sw.on{outline:3px solid var(--ink);outline-offset:2px}
.paint .zb{width:40px;height:40px;padding:0;display:flex}.zb i{display:block;border-radius:50%;background:var(--ink);margin:auto}
@media(max-width:700px){.paint{grid-template-columns:1fr}.tools{flex-direction:row;flex-wrap:wrap}}
/* awards tags */
.aw2{display:flex;flex-wrap:wrap;gap:12px 14px;margin:0 0 54px;max-width:1100px}
.at{display:inline-block;padding:7px 18px;border:2px solid var(--ink);border-radius:99px;font:600 .85rem/1.35 "Onest",sans-serif;background:var(--y)}
.at:nth-child(odd){transform:rotate(-.9deg)}.at:nth-child(even){transform:rotate(.8deg);background:var(--paper)}
/* stills */
.sx{grid-column:1/-1}.sx .nt{margin:0 0 18px}
.stills{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 22px;align-items:start}
.st{margin:0;position:relative;border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;grid-column:span 2;transform:rotate(1deg);cursor:zoom-in;transition:transform .25s}
.st:nth-child(even){transform:rotate(-1.2deg)}
.st:first-child{grid-column:span 6;transform:rotate(-.4deg)}
.st:hover{transform:rotate(0) translateY(-3px)}
.st img{width:100%;aspect-ratio:var(--ar,1.78);object-fit:contain}
.st figcaption{position:absolute;left:10px;bottom:10px;background:var(--y);border:1.5px solid var(--ink);padding:1px 8px;font:700 .75rem "Onest",sans-serif;letter-spacing:.06em}
@media(max-width:700px){.stills{grid-template-columns:1fr 1fr}.st,.st:first-child{grid-column:span 1}.st:first-child{grid-column:span 2}}
.panel{margin-bottom:60px}
.com .in .h,.pod .in .h{margin-bottom:26px}
.soc a{padding:0}
/* lightbox */
#lb{position:fixed;inset:0;z-index:99;background:rgba(242,240,234,.96);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}#lb.on{display:flex}
#lb img{max-width:min(94vw,1300px);max-height:78vh;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--y)}
#lb p{margin:0;font:700 1rem var(--fd)}
#lb button{position:absolute;font:700 2.2rem/1 "Onest",sans-serif;background:var(--y);border:2px solid var(--ink);border-radius:50%;width:56px;height:56px;cursor:pointer;color:var(--ink);padding:0}
#lb [data-k=p]{left:12px;top:46%}#lb [data-k=n]{right:12px;top:46%}#lb [data-k=x]{right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);font-size:1.6rem}

/* nav v2 */
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--nh,64px) + 8px)}
.nav .wrap{--pad:clamp(18px,4vw,48px)}
.nav nav a{white-space:nowrap}
.nav nav a.on{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:.2em;text-underline-offset:.2em}

@media(max-width:1020px){
.nav .wrap{height:auto;flex-wrap:wrap;gap:2px 12px;padding-top:8px;padding-bottom:0}
.logo{flex:1 1 auto}
.nav nav{display:flex;order:3;flex:0 0 auto;width:calc(100% + 2*var(--pad));margin:0 calc(-1*var(--pad));padding:6px var(--pad) 10px;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.nav nav::-webkit-scrollbar{display:none}
.nav nav a{padding:8px 15px;border:2px solid var(--ink);border-radius:99px;font-size:.92rem;line-height:1.2;min-height:40px;display:inline-flex;align-items:center;background:var(--paper)}
.nav nav a.on{background:var(--y);text-decoration:none}
}
/* create v2 */
.cap{margin:18px 0 0;max-width:46ch;font:500 clamp(.95rem,1.7vw,1.1rem)/1.5 "Onest",system-ui,sans-serif;color:var(--mut)}
.studio{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;position:relative;z-index:1}
.stl{min-width:0}
.paint{scroll-margin-top:calc(var(--nh,64px) + 12px)}
.paint.lk{pointer-events:none}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:30px;padding:10px 12px 14px}
.go{position:relative;font:700 clamp(1.05rem,2.5vw,1.45rem)/1.2 var(--fd);letter-spacing:-.02em;color:var(--ink);background:var(--y);border:3px solid var(--ink);border-radius:58% 42% 52% 48%/52% 60% 40% 48%;padding:clamp(22px,3.4vw,34px) clamp(32px,5vw,62px);box-shadow:7px 6px 0 #ff6b9a,-6px 7px 0 #4cc3f0;transform:rotate(-2deg);cursor:pointer;text-align:center;text-wrap:balance;max-width:100%;transition:transform .25s,box-shadow .25s,border-radius .5s}
.go:hover{transform:rotate(1deg) scale(1.03);box-shadow:9px 8px 0 #ff6b9a,-8px 9px 0 #4cc3f0;border-radius:46% 54% 48% 52%/58% 46% 54% 42%}
.go:focus-visible{outline:3px solid var(--ink);outline-offset:7px}
.go:disabled{cursor:progress;opacity:.7}
.sv1{font:600 .88rem "Onest",system-ui,sans-serif;padding:8px 18px;border-radius:99px;background:transparent;color:var(--ink);border:2px solid var(--mut);cursor:pointer;min-height:40px}
.sv1:hover{background:var(--paper)}
.res{position:relative;background:var(--y);border:2.5px solid var(--ink);border-radius:22px 28px 20px 30px;box-shadow:9px 9px 0 var(--ink);padding:clamp(22px,3vw,30px);transform:rotate(-1deg);scroll-margin-top:calc(var(--nh,64px) + 16px);min-width:0}
.res[hidden]{display:none}
.res:focus{outline:none}.res:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.res::before{content:"";position:absolute;left:50%;top:-16px;width:96px;height:28px;margin-left:-48px;background:rgba(255,107,154,.75);border:2px solid var(--ink);transform:rotate(3deg)}
.res.busy .rs{display:none}.res:not(.busy) .ld{display:none}
.ld{display:flex;align-items:center;justify-content:center;min-height:130px;font:600 clamp(1.1rem,2vw,1.35rem)/1.3 var(--fd);letter-spacing:-.02em}
.ld p{margin:0}
.dots{display:inline-flex;gap:6px;flex:none}.dots i{width:12px;height:12px;border-radius:50%;background:var(--ink);animation:dp 1s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dp{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}
.q{margin:0;font:600 clamp(1.2rem,2.3vw,1.7rem)/1.35 var(--fd);letter-spacing:-.025em;overflow-wrap:break-word;hyphens:manual}
.q.pop{animation:pp .35s ease-out}
@keyframes pp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dis{margin:18px 0 22px;font:500 .86rem/1.45 "Onest",system-ui,sans-serif;color:#2b2a26}
.ra{display:flex;flex-wrap:wrap;gap:10px}
.res .btn{flex:1 1 auto;text-align:center;font-size:.92rem;padding:11px 18px;background:var(--ink);color:var(--y)}
.res .btn.o{background:transparent;color:var(--ink)}
.res .btn:hover{box-shadow:4px 4px 0 #ff6b9a}.res .btn.o:hover{box-shadow:4px 4px 0 var(--ink)}
.cf{margin-top:16px;padding:14px;border:2px solid var(--ink);border-radius:14px;background:var(--paper)}
.cf[hidden]{display:none}.cf p{margin:0 0 12px;font-size:.92rem;line-height:1.45}
@media(min-width:1100px){.studio.has-res{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.studio.has-res .res{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nh,64px) + 20px)}}
@media(max-width:700px){.go{width:100%;max-width:440px}.res{transform:none}}
@media(prefers-reduced-motion:reduce){.go,.go:hover{transition:none;transform:rotate(-2deg)}.dots i,.q.pop{animation:none}}
.vm{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:4vw}.vm[hidden]{display:none}.vm .vb{width:min(100%,1100px);aspect-ratio:16/9;background:#000}.vm iframe{width:100%;height:100%;border:0;display:block}.vm .vx{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.sp{font-family:"Courier New",Courier,"Liberation Mono","MS Gothic","Noto Sans Mono CJK JP",monospace}.cvw::after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/images/paper.webp) 0 0/520px;mix-blend-mode:multiply;opacity:1}.pbar{position:fixed;left:0;top:0;height:5px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--y);box-shadow:0 1px 0 #121212;z-index:260;pointer-events:none}
.cl{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(0,0,0,.55);animation:clin .25s ease-out}
@keyframes clin{from{opacity:0}}
.cl .bd{width:min(78vw,460px);transform:rotate(-4deg);filter:drop-shadow(0 12px 30px #0008)}
.cl .st{height:46px;background:repeating-linear-gradient(115deg,#121212 0 34px,#fff 34px 68px);border:3px solid #121212;border-radius:8px 8px 0 0;transform-origin:0 100%;transform:rotate(-26deg);animation:clap .9s .45s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes clap{to{transform:rotate(0)}}
.cl .bx{background:#121212;color:#fff;border:3px solid #121212;border-top:0;border-radius:0 0 8px 8px;padding:22px 22px 26px;font:600 clamp(15px,3.6vw,22px)/1.5 "Courier New",monospace}
.cl .bx b{display:block;color:var(--y);font:800 clamp(34px,9vw,56px)/1.1 Unbounded,system-ui,sans-serif;margin-top:8px;opacity:0;animation:clin .2s 1.3s forwards}
.cl.out{animation:clout .4s forwards}@keyframes clout{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.cl .st{animation:none;transform:none}.cl .bx b{animation:none;opacity:1}}.panel.b .poster:hover,.panel.c .poster:hover{transform:rotate(0) scale(1.02)}
.cw{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:center;background:#fff;border-bottom:2px solid #121212;padding:8px 12px;font:600 12px/1.3 system-ui,sans-serif;color:#121212;position:relative;z-index:50}
.cw>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cw .cws{width:24px;height:24px;border-radius:50%;border:2px solid #121212;cursor:pointer;padding:0}
.cw .cws[aria-pressed=true]{outline:3px solid #121212;outline-offset:2px}.cw .tm{border:2px solid #121212;border-radius:99px;background:#fff;padding:3px 10px;font:600 12px system-ui,sans-serif;cursor:pointer;color:#121212}.cw .tm[aria-pressed=true]{background:#121212;color:#fff}.advo{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(0,0,0,.52);opacity:0;transition:opacity .3s;padding:4vw;cursor:pointer}.advo.in{opacity:1}
.advo .nsh{position:relative;width:min(84vw,400px);aspect-ratio:693/755;background:url(/images/note.webp) center/100% 100% no-repeat;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));transform:rotate(-3deg) translateY(26px);transition:transform .55s cubic-bezier(.2,.9,.3,1.15)}.advo.in .nsh{transform:none}
.advo .nsx{position:absolute;left:13%;right:13%;top:25%;bottom:12%;display:flex;flex-direction:column;justify-content:center;color:#2a2722;font-family:"Cousine","Courier New",monospace;font-size:clamp(13px,3.7vw,17.5px);line-height:1.6;overflow:hidden;font-weight:700;color:#1c1a17;-webkit-text-stroke:.35px #1c1a17;-webkit-font-smoothing:antialiased}
html[lang=en] .advo .nsx{font-family:"Special Elite","Courier New",monospace}html[lang=ja] .advo .nsx{font-family:"Cousine","MS Gothic","Noto Sans CJK JP",monospace}
.advo .nsx *{font-family:inherit}.advo .au{display:block;margin-top:1em;text-align:right}.advo i{font-style:normal;display:inline-block;white-space:pre}.advo .w{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.advo .hn{color:#fff;font:500 13px/1.3 system-ui,sans-serif;opacity:.8}
@media(prefers-reduced-motion:reduce){.advo,.advo .nsh{transition:none}}html[lang=en] .advo .nsx{font-weight:400}.lang a{font:600 .85rem "Onest",sans-serif;color:var(--ink);padding:5px 14px;min-height:36px;display:inline-flex;align-items:center;text-decoration:none}.lang a[aria-current=true]{background:var(--y)}.lang a:hover{background:rgba(0,0,0,.06)}.lang a[aria-current=true]:hover{background:var(--y)}.skip{position:absolute;left:-9999px;top:8px;z-index:300;background:#fff;color:#121212;padding:10px 16px;border:2px solid #121212;border-radius:10px;font:600 15px "Onest",sans-serif}.skip:focus{left:8px}