.zine{display:none;--pw:420px}.zine.z-ready{display:block}.zine .z-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px}.zine .z-mode{white-space:nowrap}.zine .z-stage{position:relative;display:flex;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:pan-y}.zine .z-measure{position:absolute;left:-99999px;top:0;visibility:hidden;width:var(--pw)}.zine .z-spread{display:flex;justify-content:center;filter:drop-shadow(10px 10px 0 var(--pink))}.zine .z-spread.z-solo{padding-left:var(--pw)}.zine .z-desk{display:none;position:absolute;top:0;left:calc(50% - var(--pw));width:var(--pw);aspect-ratio:5.5/8.5;pointer-events:none}.zine .z-desk svg{display:block;width:100%;height:100%}.zine .z-desk-art{display:block;width:100%;height:100%;object-fit:cover;border:2px solid var(--ink);transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--pink)}.zine .z-note{background:var(--pink);color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.zine .z-stage.z-solo-on .z-desk{display:block}.zine .z-turn-fwd>.z-pg:not([hidden]){animation:zfwd .32s ease-out}.zine .z-turn-back>.z-pg:not([hidden]){animation:zback .32s ease-out}@keyframes zfwd{0%{opacity:.25;transform:perspective(1400px) rotateY(-14deg);transform-origin:left center}to{opacity:1;transform:none}}@keyframes zback{0%{opacity:.25;transform:perspective(1400px) rotateY(14deg);transform-origin:right center}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.zine .z-turn-fwd>.z-pg,.zine .z-turn-back>.z-pg{animation:none}}.zine .z-edge{position:absolute;top:0;bottom:0;width:9%;background:none;border:0;cursor:pointer;z-index:2}.zine .z-prev{left:0;cursor:w-resize}.zine .z-next{right:0;cursor:e-resize}.zine .z-ctrl{display:flex;justify-content:center;align-items:center;gap:22px;margin:34px 0 18px}.zine .z-ctrl .btn:disabled{opacity:.35;cursor:default;box-shadow:none}.zine .z-count{font:700 13px/1.3 var(--mono);text-transform:uppercase;min-width:150px;text-align:center}.zine .z-pages{position:relative;display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;justify-content:safe center}.zine .z-pages button{flex:none;font:700 12px/1 var(--mono);padding:8px 7px;border:2px solid var(--ink);background:var(--ground);color:var(--ink);cursor:pointer}.zine .z-pages button.on{background:var(--ink);color:var(--ground)}.zine .z-hint{text-align:center;text-transform:none;margin-top:6px}.z-pg{width:var(--pw);aspect-ratio:5.5/8.5;container-type:inline-size;background:var(--ground);border:2px solid var(--ink);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:calc(var(--pw) * .07) calc(var(--pw) * .075) calc(var(--pw) * .05);flex:none}.zine .z-spread>[hidden],.zine .z-measure [hidden]{display:none!important}.z-pg[hidden]{display:none}.z-spread .z-pg.z-left{border-right-width:1px;box-shadow:inset -10px 0 14px -12px #00000059}.z-spread .z-pg.z-left+.z-pg{border-left-width:1px;box-shadow:inset 10px 0 14px -12px #00000059}.z-run{display:flex;justify-content:space-between;gap:3cqw;font:700 2.5cqw/1.2 var(--mono);text-transform:uppercase;padding-bottom:2.2cqw;margin-bottom:4.5cqw;border-bottom:2px dashed var(--ink)}.z-run span:last-child{color:var(--pink-ink)}.z-text{flex:1;min-height:0;overflow:hidden}.z-folio{font:700 2.6cqw/1 var(--mono);margin-top:3cqw;text-align:right}.z-left .z-folio{text-align:left}.z-pg p{font-size:4.05cqw;line-height:1.56;margin:0 0 .75em}.z-pg h3{font:400 7.6cqw/1 var(--display);text-transform:uppercase;margin:.5em 0 .55em}.z-pg .z-text>h3:first-child{margin-top:0}.z-pg h3:nth-of-type(2n){color:var(--pink-ink)}.z-pg .dropcap:first-letter{font:400 15cqw/.8 var(--display);float:left;margin:1.2cqw 2cqw 0 0;color:var(--pink-ink)}.z-fig{margin:1cqw 0 5.5cqw;border:2px solid var(--ink);background:var(--ground);box-shadow:2.4cqw 2.4cqw 0 var(--pink)}.z-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.z-fig figcaption{font:700 2.4cqw/1.3 var(--mono);text-transform:uppercase;padding:1.6cqw 2cqw;border-top:2px solid var(--ink)}.z-tap{display:block;width:100%;text-align:left;margin:0 0 4cqw;padding:3.2cqw 3.6cqw;border:2px solid var(--ink);background:#fff;font:700 3cqw/1.3 var(--mono);text-transform:uppercase;color:var(--pink-ink);cursor:pointer}.z-tap:before{content:"+ ";color:var(--ink)}.z-tap[aria-expanded=true]:before{content:"− "}.z-tap:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.z-pg p.z-cwp{padding-left:3.4cqw;border-left:1.2cqw solid var(--pink)}.z-cover{background:var(--ground)}.z-pg.z-closing .z-text{display:flex;flex-direction:column;justify-content:center}.z-pg p.z-final{font:400 10cqw/1 var(--display);text-transform:uppercase;text-align:center;margin:0;text-shadow:1cqw 1cqw 0 var(--pink)}.z-pg .label,.z-pg .meta{font-size:2.6cqw}@media(max-width:899px){.zine .z-spread{filter:drop-shadow(6px 6px 0 var(--pink))}.zine .z-ctrl{gap:12px;margin-top:26px}.zine .z-ctrl .btn{padding-left:14px;padding-right:14px}.zine .z-count{min-width:0;font-size:13px;white-space:nowrap}.zine .z-pages{justify-content:flex-start}.z-pg{padding:calc(var(--pw) * .06) calc(var(--pw) * .06) calc(var(--pw) * .045)}.z-pg p{font-size:4.5cqw!important;line-height:1.55!important}.z-pg .z-box p{font-size:4.4cqw!important}.z-run,.z-folio,.z-pg .label,.z-pg .meta,.z-fig figcaption,.z-tap,.z-box span,.z-where,.gi-index b,.gb-door span,.gb-door b,.fc-top,.fc-by{font-size:max(12px,3.3cqw)!important;letter-spacing:.02em}.z-pg .z-where{font-size:max(12px,3.3cqw)!important}}.zine .z-ctrl .btn{-webkit-appearance:none;appearance:none;color:var(--ink);background:var(--ground)}.zine .z-ctrl .btn.btn-primary{color:var(--ground);background:var(--ink)}.zine .z-ctrl .btn.z-note{background:var(--pink);color:var(--ink);box-shadow:6px 6px 0 var(--ink)}@media(max-width:599px){.zine .z-ctrl{flex-wrap:wrap;row-gap:18px}.zine .z-ctrl .btn.z-note{flex:1 1 100%}}