.page-zine{--page-bg:var(--paper);--page-fg:var(--paper-ink);--text-2:#0d0a12ad;--text-3:#0d0a1299;--sheet:#f7f3f8;--mat:#0d0a120d;--mat-2:#b44dff29}.page-zine .grain{mix-blend-mode:multiply;opacity:.06;filter:invert()}.riso{color:var(--violet);text-shadow:.05em .035em 0 var(--paint-pink)}.desk{position:relative}body.page-zine{background-color:var(--paper);background-image:linear-gradient(var(--mat) 1px, transparent 1px), linear-gradient(90deg, var(--mat) 1px, transparent 1px), linear-gradient(var(--mat-2) 1px, transparent 1px), linear-gradient(90deg, var(--mat-2) 1px, transparent 1px);background-position:top;background-size:24px 24px,24px 24px,120px 120px,120px 120px}.desk__pin{perspective:2400px;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.desk__meta{top:calc(var(--nav-h) + 10px);color:var(--text-3);position:absolute}.desk__meta--l{left:var(--gutter)}.desk__meta--r{right:var(--gutter)}.book{--ph:min(76svh, 820px, 64vw);--pw:calc(var(--ph) * .72);width:calc(var(--pw) * 2);height:var(--ph);margin-top:calc(var(--nav-h) * .5);transform-style:preserve-3d;position:relative}.page,.cover{width:var(--pw);height:100%;position:absolute;top:0}.page--right{left:var(--pw);background:var(--sheet);box-shadow:0 30px 50px -30px #0d0a1273,inset 14px 0 18px -14px #0d0a122e;container-type:inline-size}.cover{left:var(--pw);transform-origin:0%;transform-style:preserve-3d;z-index:2}.cover__front,.cover__back{backface-visibility:hidden;padding:calc(var(--pw) * .06);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.cover__front{background:var(--bone);color:var(--paper-ink);flex-direction:column;display:flex;box-shadow:0 40px 70px -34px #0d0a1299}.cover__back{background:var(--paint-cyan);color:#021a1d;flex-direction:column;display:flex;transform:rotateY(180deg);box-shadow:inset -14px 0 18px -14px #0d0a1240}.cover__dots{aspect-ratio:1;background-image:radial-gradient(circle,#b44dff8c 32%,#0000 34%);background-size:3.4cqi 3.4cqi;border-radius:50%;width:70cqi;position:absolute;top:18cqi;right:-14cqi;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 70%);mask-image:radial-gradient(circle,#000 20%,#0000 70%)}.cover__top{border-bottom:2px solid var(--paper-ink);justify-content:space-between;padding-bottom:2cqi;display:flex;position:relative}.cover__top .label{font-size:max(9px,2.6cqi)}.cover__mast{letter-spacing:-.04em;color:var(--violet);text-shadow:1.1cqi .8cqi 0 var(--paint-pink);margin:3cqi 0 0;font-size:24.5cqi;font-weight:900;font-stretch:150%;line-height:.8;position:relative}.cover__kicker{text-transform:uppercase;margin-top:2cqi;font-size:7cqi;font-weight:800;font-stretch:60%;line-height:1;position:relative}.cover__face{width:58%;height:38%;top:40%;left:20%}.cover__lines{gap:1.4cqi;max-width:56%;font-size:3.3cqi;line-height:1.15;display:grid;position:absolute;bottom:6cqi;left:6cqi}.cover__lines b{color:var(--violet-deep);font-weight:800}.cover__sticker{aspect-ratio:1;text-align:center;background:var(--paint-pink);color:#1d0612;border-radius:50%;place-items:center;width:24cqi;padding:3cqi;font-size:3cqi;line-height:1.1;display:grid;position:absolute;top:44%;right:5cqi;rotate:12deg}.cover__barcode{width:22cqi;position:absolute;bottom:6cqi;right:6cqi}.ad__big{text-transform:uppercase;letter-spacing:-.02em;margin-top:6cqi;font-size:30cqi;font-weight:900;font-stretch:52%;line-height:.8}.ad__small{max-width:80%;margin-top:5cqi;font-size:4.4cqi;line-height:1.2}.ad__ring{width:76cqi;height:50cqi;top:13cqi;left:2cqi}.ad__foot{margin-top:auto;font-size:max(9px,2.4cqi)}.toc{flex-direction:column;height:100%;padding:7cqi;display:flex}.toc .label{color:var(--text-3);font-size:max(9px,2.4cqi)}.toc__title{text-transform:uppercase;margin-top:3cqi;font-size:15cqi;font-weight:900;font-stretch:58%;line-height:.84}.toc__list{border-top:2px solid var(--paper-ink);margin-top:6cqi}.toc__list a{border-bottom:1px solid var(--line-ink);transition:color var(--d-fast) linear;align-items:baseline;gap:2cqi;padding:2.6cqi 0;font-size:4.4cqi;font-weight:650;line-height:1.1;display:flex;position:relative}.toc__t{order:1}.toc__dots{border-bottom:2px dotted #0d0a124d;flex:1;order:2;min-width:2cqi;transform:translateY(-.25em)}.toc__n{order:3;font-size:.8em;font-weight:700}.toc__list a:hover{color:var(--violet-deep)}.toc__list a:hover .toc__dots{border-color:var(--violet)}.toc__note{color:var(--violet);align-self:flex-end;margin-top:auto;font-size:4cqi;rotate:-6deg}.sec{padding:var(--s-7) 0;position:relative}.folio{gap:var(--s-4);border-top:2px solid var(--paper-ink);margin-bottom:var(--s-6);grid-template-columns:auto 1fr auto;align-items:baseline;padding-top:14px;display:grid}.folio .mono{font-size:.85rem;font-weight:700}.folio .label{color:var(--text-3)}.folio .label:last-child{justify-self:end}.interview__grid{gap:var(--s-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.interview__head{top:calc(var(--nav-h) + 24px);position:sticky}.interview__title{letter-spacing:-.035em;font-size:clamp(2.6rem,6.2vw,7rem);font-weight:850;font-stretch:78%;line-height:.9}.interview__standfirst{margin-top:var(--s-4);max-width:36ch;color:var(--text-2);font-size:1.1rem;line-height:1.45}.interview__face{aspect-ratio:1;width:min(72%,380px);margin-top:var(--s-5);display:block;position:relative}.qa__row{gap:var(--s-3);padding:var(--s-5) 0;border-top:1px solid var(--line-ink);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.qa__row dt{color:var(--violet-deep);padding-top:.25rem}.qa__q{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-size:.85rem;font-weight:500}.qa__a{letter-spacing:-.025em;margin-top:.7rem;font-size:clamp(1.8rem,3.5vw,3.6rem);font-weight:520;font-stretch:90%;line-height:1.04}.qa__a--pause{display:inline-block;position:relative}.qa__a--pause .hand{color:var(--text-2);font-size:.6em}.qa__dots{height:.6em;bottom:-.5em;left:0;right:0}.hl{background-image:linear-gradient(var(--violet), var(--violet));background-position:0 88%;background-repeat:no-repeat;background-size:var(--hl,0%) .42em;margin:0 -.06em;padding:0 .06em}.howto__title{letter-spacing:-.035em;max-width:14ch;font-size:clamp(2.6rem,6.2vw,7rem);font-weight:850;font-stretch:78%;line-height:.9}.howto__body{gap:var(--s-6);margin-top:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.howto__stick{top:calc(var(--nav-h) + 3svh);height:calc(100svh - var(--nav-h) - 6svh);place-items:center;display:grid;position:sticky}.mini{--mw:min(34vw, 60svh);width:calc(var(--mw) * .75);aspect-ratio:3/4;background:var(--bone);color:var(--paper-ink);padding:calc(var(--mw) * .75 * .07);box-shadow:0 30px 50px -28px #0d0a1280, 0 0 0 1px var(--line-ink);flex-direction:column;display:flex;position:relative;container-type:inline-size}.mini__grid{pointer-events:none;background-image:repeating-linear-gradient(90deg,#b44dff66 0 1px,#0000 1px 16.6667%);position:absolute;inset:7cqi;box-shadow:inset 0 0 0 1px #b44dff66}.mini__top{font-size:max(9px,3.2cqi);position:relative}.mini__word{text-transform:uppercase;letter-spacing:-.02em;transform-origin:0 100%;margin-top:auto;font-size:23cqi;font-weight:900;line-height:.8;position:relative}.mini__sub{margin-top:3cqi;margin-bottom:8cqi;font-size:5cqi;font-stretch:90%;position:relative}.mini__loop{height:34cqi;bottom:18cqi;left:2cqi;right:2cqi}.mini__star{width:22cqi;height:22cqi;top:16cqi;right:7cqi}.mini__tag{color:var(--paint-pink);font-size:8cqi;position:absolute;top:42cqi;right:8cqi;rotate:-10deg}.mini__tape{background:#3cefff8c;width:34cqi;height:9cqi;position:absolute}.mini__tape--1{top:2cqi;left:-9cqi;rotate:-32deg}.mini__tape--2{bottom:3cqi;right:-9cqi;rotate:-28deg}.steps{padding:16svh 0 30svh;display:grid}.step{align-content:center;gap:var(--s-3);opacity:.25;min-height:70svh;transition:opacity var(--d-mid) linear;display:grid}.step.is-on{opacity:1}.step__n{background:var(--paper-ink);width:48px;height:48px;color:var(--paper);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.step h3{letter-spacing:-.03em;font-size:clamp(2.2rem,4.4vw,4.6rem);font-weight:850;font-stretch:92%;line-height:.95}.step p{max-width:40ch;color:var(--text-2);font-size:1.15rem;line-height:1.45}.rules__title{letter-spacing:-.035em;max-width:16ch;margin-bottom:var(--s-6);font-size:clamp(2.6rem,6.2vw,7rem);font-weight:850;font-stretch:78%;line-height:.9}.sheets{display:grid}.sheet{top:calc(var(--nav-h) + 16px + var(--i) * 12px);gap:var(--s-4) var(--s-5);min-height:min(58svh,580px);padding:var(--s-5);background:var(--sheet);box-shadow:0 0 0 1px var(--line-ink), 0 26px 50px -30px #0d0a1273;transform-origin:50% 0;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);margin-bottom:14svh;display:grid;position:sticky}.sheet__n{grid-area:1/1}.sheet__txt{grid-area:2/1;align-self:end}.sheet__demo{grid-area:1/2/span 2}.sheet:last-child{margin-bottom:0}.sheet__n{letter-spacing:-.04em;color:var(--violet);text-shadow:.05em .035em 0 var(--paint-pink);font-size:clamp(4rem,9vw,9.5rem);font-weight:900;font-stretch:150%;line-height:.8}.sheet h3{letter-spacing:-.03em;font-size:clamp(1.9rem,3.6vw,3.9rem);font-weight:850;font-stretch:88%;line-height:.95}.sheet p{margin-top:var(--s-3);max-width:44ch;color:var(--text-2);font-size:1.1rem;line-height:1.45}.sheet__demo{background:var(--paper);height:100%;min-height:220px;box-shadow:inset 0 0 0 1px var(--line-ink);place-items:center;display:grid;position:relative}.demo-inks{gap:10px;display:flex}.demo-inks i{background:var(--c);width:56px;height:120px}.demo-inks i:first-child{border-radius:var(--r-pill)}.demo-deface{place-items:center;display:grid}.demo-deface__w{font-size:3.4rem;font-weight:800;font-stretch:100%;position:relative}.demo-deface__w .scrib{inset:14% -6% 8%}.demo-deface .hand{color:var(--paint-pink);margin-top:-.6rem;font-size:1.6rem;rotate:-8deg}.demo-neon{background:var(--void)}.demo-neon .scrib{inset:22% 32%}.demo-loud{text-align:center;place-items:center;gap:.4rem;display:grid}.demo-loud b{font-size:4rem;font-weight:900;font-stretch:150%;line-height:.8}.demo-loud small{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.7rem}.demo-hand{text-align:center;align-content:center;gap:.8rem;padding:1rem;display:grid}.demo-hand .hand{color:var(--violet);font-size:2rem}.demo-hand .is-bad{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--paint-pink);text-decoration-color:var(--paint-pink);font-size:.85rem;text-decoration-thickness:2px}.demo-radius{align-items:center;gap:14px;display:flex}.demo-radius i{background:var(--paper-ink);width:70px;height:70px}.demo-radius .ci{background:var(--violet);border-radius:50%}.demo-radius .pi{border-radius:var(--r-pill);background:var(--violet);width:110px;height:44px}.demo-width span{text-transform:uppercase;font-variation-settings:"wdth" var(--dw,100), "wght" 900;font-size:4.4rem;font-weight:900;line-height:.8}.palette__title{letter-spacing:-.035em;max-width:16ch;margin-bottom:var(--s-6);font-size:clamp(2.6rem,6.2vw,7rem);font-weight:850;font-stretch:78%;line-height:.9}.chips{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,1vw,16px);display:grid}.pchip{aspect-ratio:1/2.3;text-align:left;background:var(--c);color:var(--t);box-shadow:0 0 0 1px var(--line-ink), 0 20px 40px -28px #0d0a1299;transition:translate var(--d-mid) var(--ease-snap);flex-direction:column;align-items:flex-start;padding:1rem;display:flex;position:relative}.pchip:hover{translate:0 -12px}.pchip__hex{letter-spacing:.04em;font-size:.7rem;font-weight:600}.pchip__name{text-transform:uppercase;order:2;margin-top:auto;font-size:clamp(1.4rem,2.6vw,2.8rem);font-weight:900;font-stretch:60%;line-height:.85}.pchip__role{opacity:.78;order:3;margin-top:.6rem;font-size:.78rem;line-height:1.25}.toast{z-index:60;border-radius:var(--r-pill);background:var(--paper-ink);color:var(--bone);opacity:0;transition:translate var(--d-mid) var(--ease-pop), opacity var(--d-fast) linear;pointer-events:none;padding:.85rem 1.2rem;position:fixed;bottom:28px;left:50%;translate:-50% 140%}.toast.is-on{opacity:1;translate:-50%}.type__stage{gap:var(--s-4);display:grid}.type__giant{text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;font-variation-settings:"wdth" var(--tw,100), "wght" var(--tg,800);color:var(--paper-ink);caret-color:var(--violet);outline-offset:8px;font-size:clamp(5rem,22vw,26rem);font-weight:900;line-height:.82;overflow:hidden}.type__giant:focus-visible{outline:2px dashed var(--violet)}.type__ctl{gap:var(--s-5);color:var(--paper-ink);grid-template-columns:1fr 1fr 1.2fr;align-items:end;display:grid}.type__hint{color:var(--text-3)}.type__voices{gap:var(--s-5);margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line-ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.voice .label{color:var(--text-3)}.voice__s{margin-top:.8rem;font-size:clamp(1.2rem,1.9vw,1.9rem);line-height:1.2}.voice__s--a{font-weight:600;font-stretch:100%}.voice__s--m{font-family:var(--font-mono);letter-spacing:.04em;font-size:clamp(.85rem,1.2vw,1.15rem);font-weight:600}.voice__s--h{color:var(--violet)}.cut{position:relative}.cut__pin{height:100svh;padding:calc(var(--nav-h) + 16px) 0 var(--s-5);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.cut .folio{margin-bottom:0}.cut__phrase{text-align:center;flex-wrap:wrap;justify-content:center;place-self:center;gap:.12em .45em;max-width:96vw;font-size:clamp(2.6rem,8.4vw,9.5rem);line-height:1;display:flex}.cw{white-space:nowrap;gap:.04em;display:inline-flex}.cl{background:var(--bg);color:var(--fg);font-weight:var(--wg);font-stretch:var(--ws);text-transform:uppercase;rotate:var(--r);will-change:transform;padding:.04em .1em .02em;line-height:.92;display:inline-block;box-shadow:0 10px 18px -12px #0d0a1280}.cl--hand{font-family:var(--font-hand);text-transform:lowercase;padding-top:.12em;font-size:.8em;font-weight:400}.cl--mono{font-family:var(--font-mono);font-size:.8em;font-weight:700}.cut__end{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);justify-self:center;font-size:.8rem;font-weight:600}@media (width<=860px){.desk__meta--r{display:none}.book{--ph:min(70svh, 125vw);width:var(--pw)}.page--right,.cover{left:0}.interview__grid{grid-template-columns:1fr}.interview__head{position:relative;top:0}.interview__face{width:50%}.howto__body{grid-template-columns:1fr}.howto__stick{top:calc(var(--nav-h) + 8px);z-index:2;background:var(--paper);height:52svh}.mini{--mw:62svh;width:min(64vw,36svh)}.steps{padding:6svh 0 10svh}.step{min-height:46svh}.sheet{gap:var(--s-3);min-height:auto;padding:var(--s-4);grid-template-rows:auto;grid-template-columns:1fr}.sheet__n,.sheet__txt,.sheet__demo{grid-area:auto/1}.sheet__n{font-size:3.4rem}.sheet__demo{min-height:150px}.chips{grid-template-columns:repeat(4,minmax(0,1fr))}.pchip{aspect-ratio:1/1.7}.type__ctl,.type__voices{grid-template-columns:1fr}}