.zn-hero{--focus:#fff;background:var(--cobalt);color:#fff;border-block:4px solid var(--edge);margin-top:-4.4rem;padding:clamp(8rem,12vw,9.5rem) 0 clamp(7rem,11vw,10rem);position:relative}.zn-headwrap{max-width:100%;display:inline-block;position:relative}.zn-h1{font:800 clamp(3.6rem, 12vw, 12rem) / .86 var(--f-display);letter-spacing:-.03em;color:#fff;--echo:clamp(3px, .42vw, 6px);margin:0}.zn-line{white-space:nowrap;display:block}.zn-line--2{color:var(--yellow);margin-top:.04em}.zn-l{text-shadow:var(--echo) var(--echo) 0 var(--pink);transition:translate .5s var(--spring), rotate .5s var(--spring), scale .5s var(--spring);display:inline-block}@media (hover:hover){.zn-l:hover{translate:0 -.07em;rotate:var(--r);scale:1.08}}.zn-tag{z-index:3;background:var(--yellow);color:var(--night);border:3px solid var(--edge);box-shadow:4px 4px 0 var(--shadow-color);font:700 clamp(.72rem, 1.5vw, 1.05rem) / 1 var(--f-mono);white-space:nowrap;align-items:center;gap:.35rem;margin:0;padding:.5rem .9rem .5rem 1rem;display:inline-flex;position:absolute;top:-1.9rem;right:-.4rem;rotate:-4deg}.zn-tag:before{content:"";background:#ffffff9e;border-inline:2px dashed #0d0b1e40;width:3.4rem;height:1.3rem;position:absolute;top:-.85rem;left:50%;translate:-50%;rotate:5deg}.zn-caret{background:var(--night);width:.6em;height:1.1em;animation:1s step-end infinite zn-blink;display:inline-block}@keyframes zn-blink{50%{opacity:0}}.zn-note{z-index:2;background:var(--surface);max-width:37rem;color:var(--ink);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color), 14px 14px 0 var(--shadow2);margin-top:clamp(2rem,4vw,3rem);padding:1.4rem 1.5rem 1.6rem;position:relative;rotate:-1.2deg}.zn-note p{text-wrap:pretty;margin:0;font-weight:500}.zn-orbit{z-index:4;flex-wrap:wrap;align-items:center;gap:2rem 1.75rem;margin-top:3rem;display:flex;position:relative}.zn-st{--dx:0px;--dy:0px;--tilt:0deg;--s:1;--so:5px;text-align:center;color:var(--night);translate:var(--dx) var(--dy);rotate:calc(var(--rot) + var(--tilt));scale:var(--s);transition:rotate .45s var(--spring), scale .45s var(--spring), box-shadow .25s var(--expo);cursor:grab;touch-action:none;user-select:none;outline-offset:8px;place-items:center;display:grid;position:relative}.zn-st.is-drag{--s:1.08;--tilt:5deg;--so:12px;cursor:grabbing;z-index:6}.zn-st-txt{justify-items:center;gap:.2rem;padding:0 .6rem;display:grid;position:relative}.zn-st-num{font:800 clamp(2.4rem, 4vw, 3.2rem) / .9 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.zn-st-lbl{font:700 .7rem/1.1 var(--f-mono);text-transform:uppercase;letter-spacing:.02em}.zn-st-cap{font:600 .68rem/1.25 var(--f-mono);letter-spacing:0;max-width:8rem}.zn-st--burst{aspect-ratio:1;width:10.5rem}.zn-st-bg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zn-st-sh{fill:var(--shadow-color);translate:var(--so) var(--so);transition:translate .25s var(--expo)}.zn-st-fill{fill:var(--mint);stroke:var(--edge);stroke-width:2.2px;stroke-linejoin:miter;transform-box:fill-box;transform-origin:50%}.zn-spin{animation:24s linear infinite zn-spin}@keyframes zn-spin{to{transform:rotate(360deg)}}.zn-st--circle{aspect-ratio:1;background:var(--coral);border:3px solid var(--edge);width:9rem;box-shadow:var(--so) var(--so) 0 var(--shadow-color);border-radius:50%}.zn-st--pill{background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:var(--so) var(--so) 0 var(--shadow-color);border-radius:999px;padding:.9rem 1.7rem}.zn-st--pill .zn-st-txt{grid-auto-flow:column;place-items:center start;gap:.7rem;padding:0}.zn-st--pill .zn-st-cap{text-align:left;max-width:6.5rem}.zn-st--tag{background:var(--sky);border:3px solid var(--edge);width:8rem;box-shadow:var(--so) var(--so) 0 var(--shadow-color);padding:1.6rem .5rem 1rem}.zn-st--tag:before{content:"";background:var(--cobalt);border:3px solid var(--edge);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:.5rem;left:50%;translate:-50%}.zn-st--tag .zn-st-num{font-size:2.5rem}@media (width>=1100px){.zn-orbit{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.zn-st{pointer-events:auto;position:absolute}.zn-st--burst{width:11.5rem;top:0;right:0}.zn-st--circle{width:9.5rem;top:44%;right:3rem}.zn-st--pill{bottom:5rem;right:11rem}.zn-st--tag{width:8.5rem;bottom:-1rem;right:1rem}}@media (prefers-reduced-motion:no-preference){.zn-l{animation:zn-letter .75s var(--spring) backwards;animation-delay:calc(var(--i) * 55ms + .12s)}@keyframes zn-letter{0%{opacity:0;translate:0 .5em;scale:.3;rotate:calc(var(--r) * 3)}}.zn-st{animation:zn-sticker .7s var(--spring) backwards;animation-delay:.9s}@keyframes zn-sticker{0%{opacity:0;scale:.2}}.zn-note{animation:zn-note .7s var(--expo) backwards;animation-delay:.7s}@keyframes zn-note{0%{opacity:0;translate:0 2rem}}}.zn-tapes{z-index:5;margin-top:-3.4rem;padding-bottom:1.8rem;position:relative;overflow-x:clip}.zn-tape{border-block:3px solid var(--edge);width:108%;color:var(--night);margin-left:-4%;position:relative;overflow:hidden}.zn-tape--pink{background:var(--pink);z-index:1;rotate:-2deg}.zn-tape--yellow{background:var(--yellow);z-index:2;margin-top:-3.6rem;rotate:1.5deg}.zn-track{width:max-content;animation:42s linear infinite zn-run;display:flex}.zn-tape--yellow .zn-track{animation-duration:50s;animation-direction:reverse}.zn-group{flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}.zn-group li{align-items:center;gap:1.4rem;padding:.7rem 1.4rem .7rem 0;display:inline-flex}.zn-group li>span{font:800 clamp(1.3rem, 3vw, 2rem) / 1 var(--f-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}.zn-star{width:1.6rem;height:1.6rem;fill:var(--night);transition:rotate .6s var(--spring)}.zn-tape--yellow .zn-star{fill:var(--cobalt);stroke:var(--night);stroke-width:6px}@keyframes zn-run{to{transform:translate(-50%)}}@media (hover:hover){.zn-tape:hover .zn-track{animation-play-state:paused}.zn-tape:hover .zn-star{rotate:90deg}}@media (prefers-reduced-motion:reduce){.zn-track{flex-wrap:wrap;width:auto;animation:none}.zn-group{flex-wrap:wrap}.zn-group[aria-hidden=true]{display:none}.zn-tape--yellow{margin-top:-1.6rem}}.zn-works{background:var(--paper);padding:clamp(4rem,8vw,7rem) 0 clamp(5rem,9vw,8rem)}.zn-works-grid{grid-template-columns:1fr;gap:3rem 2.25rem;display:grid}@media (width>=720px){.zn-works-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1060px){.zn-works-grid{grid-template-columns:repeat(3,1fr)}}.zn-work{background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color);rotate:var(--rot);transition:rotate .45s var(--spring), translate .3s var(--expo), box-shadow .3s var(--expo);flex-direction:column;text-decoration:none;display:flex}.zn-work:focus-visible,.zn-work:active{box-shadow:14px 14px 0 var(--shadow-color);translate:-6px -6px;rotate:0deg}@media (hover:hover){.zn-work:hover{box-shadow:14px 14px 0 var(--shadow-color);translate:-6px -6px;rotate:0deg}}.zn-work-art,.zn-ticket-art{isolation:isolate;background:var(--spot);position:relative;overflow:hidden}.zn-work-art{border-bottom:3px solid var(--edge);height:11rem}.zn-work-art>svg,.zn-ticket-art>svg,.zn-ticket-art>div{mix-blend-mode:multiply;filter:grayscale()contrast(1.45)brightness(1.04);width:100%;height:100%;position:absolute;inset:0}.zn-work-art:after,.zn-ticket-art:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.35;background-image:radial-gradient(circle,#0d0b1e 1.1px,#0000 1.6px);background-size:7px 7px;position:absolute;inset:0}.zn-work-no,.zn-work-cat{z-index:2;border:2px solid var(--night);color:var(--night);position:absolute}.zn-work-no{font:700 .75rem/1 var(--f-mono);background:#fff;padding:.3rem .5rem;top:.7rem;left:.7rem}.zn-work-cat{background:var(--yellow);font:700 .68rem/1 var(--f-mono);letter-spacing:.04em;box-shadow:3px 3px 0 var(--night);transition:rotate .35s var(--spring);padding:.35rem .6rem;bottom:.7rem;right:.7rem;rotate:-3deg}@media (hover:hover){.zn-work:hover .zn-work-cat{rotate:3deg}}.zn-work-body{flex-direction:column;flex:1;gap:.8rem;padding:1.3rem 1.3rem 1.4rem;display:flex}.zn-work-title{font:800 1.7rem / 1.02 var(--f-display);letter-spacing:-.025em;margin:0}.zn-work-ex{color:var(--dim);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.97rem;line-height:1.55;display:-webkit-box;overflow:hidden}.zn-badges{flex-wrap:wrap;gap:.45rem;margin:auto 0 0;padding:0;list-style:none;display:flex}.zn-badges li{border:2px solid var(--edge);background:var(--tint);font:600 .7rem/1 var(--f-mono);padding:.3rem .6rem}.zn-work-go{font:800 .95rem/1 var(--f-body);text-decoration:underline 3px var(--pink);text-underline-offset:.3em;margin-top:.2rem}.zn-blogs{--shadow-color:var(--night);--focus:var(--night);--slab:var(--sky);background:var(--slab);color:var(--night);border-block:4px solid var(--edge);padding:clamp(4rem,8vw,7rem) 0 clamp(4.5rem,8vw,7rem)}.zn-tickets{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.zn-ticket{--art:13.5rem;background:var(--surface);color:var(--ink);border:3px solid var(--edge);box-shadow:9px 9px 0 var(--shadow-color);transition:translate .35s var(--expo), box-shadow .3s var(--expo);grid-template-columns:1fr;text-decoration:none;display:grid;position:relative}.zn-ticket-art{border-bottom:3px dashed var(--edge);height:9.5rem}.zn-ticket-body{align-content:center;gap:.6rem;padding:1.2rem 1.3rem 1.4rem;display:grid}.zn-ticket-meta{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:0;display:flex}.zn-cat{background:var(--spot);color:var(--night);border:2px solid var(--edge);font:700 .68rem/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;padding:.3rem .6rem}.zn-meta{color:var(--dim);font:600 .72rem/1.2 var(--f-mono)}.zn-ticket-title{font:800 clamp(1.5rem, 2.6vw, 2.2rem) / 1.02 var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.zn-ticket-desc{color:var(--dim);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:60ch;margin:0;display:-webkit-box;overflow:hidden}.zn-ticket-no{font:800 3.4rem / 1 var(--f-display);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:2px #fff;z-index:2;pointer-events:none;position:absolute;top:.5rem;right:.9rem}.zn-ticket:focus-visible,.zn-ticket:active{box-shadow:9px 9px 0 var(--pink);translate:12px}@media (hover:hover){.zn-ticket:hover{box-shadow:9px 9px 0 var(--pink);translate:12px}.zn-ticket:hover .zn-ticket-art{animation:zn-wiggle .45s var(--expo)}}@keyframes zn-wiggle{0%{rotate:0deg}30%{rotate:-2deg}65%{rotate:2deg}to{rotate:0deg}}@media (width>=760px){.zn-ticket{grid-template-columns:var(--art) 1fr auto;align-items:stretch}.zn-ticket-art{border-bottom:0;border-right:3px dashed var(--edge);height:auto;min-height:11rem}.zn-ticket-body{padding:1.5rem 1.8rem}.zn-ticket-no{-webkit-text-stroke-color:var(--edge);align-self:center;padding:0 1.8rem 0 0;font-size:clamp(4.5rem,8vw,7.5rem);position:static}.zn-ticket:before,.zn-ticket:after{content:"";left:calc(var(--art) - .9rem);background:var(--slab);border:3px solid var(--edge);z-index:3;border-radius:50%;width:1.8rem;height:1.8rem;position:absolute}.zn-ticket:before{clip-path:inset(50% 0 0);top:-.9rem}.zn-ticket:after{clip-path:inset(0 0 50%);bottom:-.9rem}}.zn-game{--shadow-color:var(--night);--focus:var(--night);background:var(--yellow);color:var(--night);padding:clamp(4rem,8vw,7rem) 0 clamp(5rem,9vw,8rem);overflow-x:clip}.zn-game ::selection{background:var(--night);color:#fff}.zn-bubble{background:var(--surface);max-width:34rem;color:var(--ink);border:3px solid var(--edge);box-shadow:8px 8px 0 var(--shadow-color);margin:0 0 2.6rem;padding:1.3rem 1.6rem 1.5rem;display:inline-block;position:relative;rotate:-1.5deg}.zn-bubble:after{content:"";background:var(--surface);border:3px solid var(--edge);border-top:0;border-left:0;width:1.7rem;height:1.7rem;position:absolute;bottom:-1.05rem;left:3rem;rotate:45deg}.zn-bubble p{text-wrap:pretty;margin:.7rem 0 0;font-weight:500}.zn-frame{background:var(--surface);max-width:80rem;color:var(--ink);border:4px solid var(--edge);box-shadow:10px 10px 0 var(--shadow-color), 18px 18px 0 var(--pink);margin-inline:auto;padding:clamp(.5rem,1.5vw,1rem);position:relative}.zn-frame:before,.zn-frame:after{content:"";z-index:3;pointer-events:none;background:#ffffffb8;border-inline:2px dashed #0d0b1e4d;width:6rem;height:1.7rem;position:absolute}.zn-frame:before{top:-.7rem;left:-2.4rem;rotate:-35deg}.zn-frame:after{top:-.7rem;right:-2.4rem;rotate:33deg}.zn-cta{--shadow-color:var(--night);--focus:var(--night);background:var(--pink);color:var(--night);border-block:4px solid var(--edge);padding:clamp(5rem,11vw,10rem) 0;position:relative;overflow:hidden}.zn-cta-in{z-index:2;position:relative}.zn-status{color:var(--night);border:3px solid var(--night);box-shadow:4px 4px 0 var(--night);font:700 .8rem/1.2 var(--f-mono);background:#fff;border-radius:999px;align-items:center;gap:.75rem;margin:0 0 1.6rem;padding:.6rem 1.2rem .6rem 1rem;display:inline-flex}.zn-dot{background:var(--cobalt);border:2px solid var(--night);border-radius:50%;flex-shrink:0;width:.9rem;height:.9rem;position:relative}.zn-dot:after{content:"";border:2px solid var(--cobalt);opacity:0;border-radius:50%;position:absolute;inset:-5px}.zn-cta-h{font:800 clamp(3.2rem, 14vw, 13rem) / .86 var(--f-display);letter-spacing:-.035em;margin:0}.zn-cta-h span{color:#fff;text-shadow:clamp(3px, .45vw, 7px) clamp(3px, .45vw, 7px) 0 var(--night);display:block}.zn-cta-actions{flex-wrap:wrap;align-items:center;gap:1.6rem 1.4rem;margin-top:clamp(2rem,4vw,3.2rem);display:flex}.zn-mag{translate:var(--mx,0px) var(--my,0px);transition:translate .6s var(--spring);display:inline-block}.zn-bolt{transition:rotate .2s}@media (hover:hover){.zn-btn:hover .zn-bolt{animation:.45s linear infinite zn-shake}}@keyframes zn-shake{0%,to{translate:0;rotate:0deg}20%{translate:-2px;rotate:-14deg}40%{translate:2px -1px;rotate:12deg}60%{translate:-1px 1px;rotate:-10deg}80%{translate:1px;rotate:8deg}}.zn-deco{z-index:1;pointer-events:none;position:absolute;inset:0}.zn-deco-i{width:6rem;height:6rem;rotate:var(--r);translate:calc(var(--px,0) * var(--d) * 1px) calc(var(--py,0) * var(--d) * 1px);transition:translate .4s var(--expo);stroke:var(--night);stroke-width:2.4px;stroke-linejoin:miter;position:absolute;overflow:visible}.zn-deco-1{width:9rem;height:9rem;fill:var(--yellow);top:8%;right:4%}.zn-deco-2{fill:var(--sky);bottom:10%;right:12%}.zn-deco-3{width:7rem;height:7rem;fill:var(--mint);bottom:8%;left:3%}.zn-deco-3 path{fill:none;stroke-width:5px}.zn-deco-4{fill:#fff;width:4rem;height:4rem;top:6%;left:46%}@media (width<=759px){.zn-headwrap{flex-direction:column-reverse;align-items:flex-start;display:flex}.zn-tag{margin-bottom:1.6rem;position:relative;top:auto;left:.3rem;right:auto}.zn-deco-1{width:7rem;height:7rem;top:2%;right:-2rem}.zn-deco-2{width:4.5rem;height:4.5rem;bottom:2%;right:2%}.zn-deco-3,.zn-deco-4{display:none}}@media (prefers-reduced-motion:no-preference){.zn-dot:after{animation:zn-ring 1.6s var(--expo) infinite}@keyframes zn-ring{0%{opacity:.9;scale:.6}to{opacity:0;scale:1.9}}}.zn-st--burst .zn-st-txt{padding:0 1.1rem}.zn-st--burst .zn-st-cap{max-width:6.4rem;font-size:.62rem}.zn-st--burst .zn-st-num{font-size:clamp(2.2rem,3.6vw,3rem)}
