.stroke-text{display:block;width:100%;line-height:0}.stroke-text__svg{display:block;width:100%;max-width:var(--stroke-text-width, 600px);height:auto;margin:0;overflow:visible}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none}.loader{display:grid;justify-items:center;align-content:center;gap:8px;min-height:88px;color:var(--ink)}.loader-label{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.loader.is-compact{min-height:0;gap:0;width:100%;height:100%}.loader.is-compact .loader-label{display:none}.rec{display:grid;place-items:center;width:72px;height:72px;border:3px solid var(--ink);border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#1c1916 0 3px,#3a342c 3px 5px);box-shadow:3px 3px 0 var(--red)}.rec i{width:14px;height:14px;border:3px solid var(--paper);border-radius:50%;background:var(--red)}.loader.is-compact .rec{width:42px;height:42px;box-shadow:2px 2px 0 var(--red)}.loader.is-compact .rec i{width:10px;height:10px}.listen-scene .rec{width:96px;height:96px}.listen-scene .rec i{width:18px;height:18px}.load-duck{width:74px;height:54px}.loader.is-compact .load-duck{width:78%;height:auto}.ink-cycle{position:relative;display:block;width:92px;height:42px}.ink-cycle b{position:absolute;inset:0;display:grid;place-items:center;border:3px solid var(--red);color:var(--red);font-family:var(--display);font-size:1.7rem;letter-spacing:.04em;line-height:1;text-transform:uppercase;opacity:0}.load-bubble,.load-dots,.load-pages{display:flex;align-items:end;justify-content:center;gap:7px}.load-bubble{min-width:92px;padding:12px 14px;border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.load-bubble i,.load-dots i{width:10px;height:10px;border-radius:50%;background:var(--ink)}.load-dots i:nth-child(3n){background:var(--red)}.load-dots i:nth-child(4n){background:var(--yellow);border:2px solid var(--ink)}.load-pages{height:64px;perspective:400px}.load-pages i{width:36px;height:48px;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.load-pages i:nth-child(2){background:var(--yellow)}.load-pages i:nth-child(3){background:var(--paper-2)}.page-turn{position:fixed;z-index:8;left:50%;bottom:16px;display:flex;justify-content:center;pointer-events:none;transform:translate(-50%)}.page-turn .loader{min-height:0;grid-auto-flow:column;align-items:center;padding:6px 10px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--red)}.page-turn .load-pages{height:28px}.page-turn .load-pages i{width:16px;height:22px}.cutout-wait{display:grid;place-items:center;width:150px;height:150px;border:3px solid var(--ink);background:radial-gradient(rgba(20,18,16,.16) 1px,transparent 1.1px) 0 0 / 6px 6px,var(--paper-2);box-shadow:6px 6px 0 var(--ink)}.loader-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.loader-card{display:grid;align-content:center;justify-items:center;min-height:150px;padding:10px;border:3px solid var(--ink);background:var(--paper)}.lyric-status .loader,.lyrics .loader{justify-items:start;min-height:0}.listen-scene .loader-label{color:var(--paper)}.listen-scene .load-dots i{background:var(--yellow)}.listen-scene .load-dots i:nth-child(3n){background:var(--red)}@media(max-width:680px){.cutout-wait{width:118px;height:118px}.loader-row{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:no-preference){.rec{animation:spin .9s linear infinite}.load-duck{animation:bob .55s ease-in-out infinite}.ink-cycle b{animation:stamp-cycle 1.5s steps(1,end) infinite}.ink-cycle b:nth-child(2){animation-delay:.5s}.ink-cycle b:nth-child(3){animation-delay:1s}.load-bubble i,.load-dots i{animation:hop .7s ease-in-out infinite}.load-bubble i:nth-child(2),.load-dots i:nth-child(2){animation-delay:.1s}.load-bubble i:nth-child(3),.load-dots i:nth-child(3){animation-delay:.2s}.load-dots i:nth-child(4){animation-delay:.3s}.load-dots i:nth-child(5){animation-delay:.15s}.load-dots i:nth-child(6){animation-delay:.28s}.load-dots i:nth-child(7){animation-delay:.08s}.load-pages i{animation:flip-page 1.1s ease-in-out infinite;transform-origin:left center}.load-pages i:nth-child(2){animation-delay:.15s}.load-pages i:nth-child(3){animation-delay:.3s}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bob{0%,to{transform:translate(-4px) rotate(-6deg)}50%{transform:translate(6px) rotate(6deg)}}@keyframes stamp-cycle{0%{opacity:1;transform:rotate(-6deg) scale(1.08)}32%{opacity:1}33%,to{opacity:0}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes flip-page{0%,to{transform:rotateY(0)}50%{transform:rotateY(68deg)}}@media(prefers-reduced-motion:reduce){.ink-cycle b{position:static;opacity:1}.ink-cycle{display:flex;width:auto;height:auto;gap:6px}.ink-cycle b{padding:2px 6px}}:root{--ink: #141210;--paper: #f3ecdf;--paper-2: #e6d8c2;--red: #e23a2b;--yellow: #f0c53d;--display: "Big Shoulders Display", Impact, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}body{margin:0;min-height:100vh;background-color:var(--ink);background-image:radial-gradient(rgba(243,236,223,.18) .7px,transparent .8px);background-size:5px 5px;color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.45}img,svg,canvas{max-width:100%}button,input{font:inherit;color:inherit}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.skip{position:absolute;left:12px;top:10px;z-index:20;transform:translateY(-160%);padding:8px 12px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);text-decoration:none}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zine{--crumple: 0;--peel: 0;position:relative;width:min(1080px,calc(100% - 20px));margin:14px auto 28px;background-color:var(--paper);background-image:radial-gradient(rgba(20,18,16,.055) .6px,transparent .7px);background-size:3px 3px;border:3px solid var(--paper)}.wad{position:fixed;left:12px;bottom:18px;z-index:3;width:62px;height:50px;pointer-events:none;border:2px solid var(--ink);border-radius:46% 54% 42% 58%;background:repeating-linear-gradient(28deg,var(--paper) 0 5px,var(--paper-2) 5px 9px);box-shadow:4px 5px #00000047,inset -8px -6px #14121014;transform:rotate(calc(var(--peel) * 20deg)) scale(calc(.96 + var(--crumple) * .06))}.topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--paper);border-bottom:3px solid var(--ink)}.brand{font-family:var(--display);font-size:1.85rem;font-weight:800;letter-spacing:-.04em;line-height:1;text-decoration:none;color:inherit}.topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.topbar nav a{color:inherit;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav a[aria-current=page]{border-bottom-color:var(--red)}.cover{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mast mast" "kicker cut" "bubble cut" "ticket ticket";gap:10px 16px;align-items:end;padding:6px 12px 20px}.mast{grid-area:mast;margin:0;min-height:.62em}.mast .stroke-text__svg{width:100%;max-width:none}.kicker{grid-area:kicker;align-self:center;width:fit-content;margin:0;padding-bottom:2px;border-bottom:3px solid var(--red);font-size:1rem}.bubble{grid-area:bubble;justify-self:start;position:relative;width:fit-content;max-width:16rem;margin:0;padding:8px 12px 10px;border:3px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:.9;text-transform:uppercase}.bubble:after{content:"";position:absolute;right:22px;bottom:-13px;border:7px solid transparent;border-top-color:var(--ink)}.cutout{grid-area:cut;position:relative;z-index:2;width:150px;margin:-92px 8px 12px 0;transform:rotate(-7deg)}.cutout img{display:block;width:150px;height:150px;object-fit:cover;border:3px solid var(--ink);background:var(--paper-2);box-shadow:6px 6px 0 var(--ink)}.tape{position:absolute;z-index:2;top:-12px;left:34px;width:74px;height:18px;background:#f0c53deb;border:2px solid var(--ink);transform:rotate(-10deg)}.cutout figcaption{position:absolute;right:-6px;bottom:-16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;width:max-content;max-width:190px;margin:0;padding:4px 7px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-size:.7rem;line-height:1.25}.cutout-status{text-transform:uppercase;letter-spacing:.08em}.cutout-note{flex-basis:100%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dot{width:8px;height:8px;border:1px solid var(--ink);background:#6d675f}.dot[data-status=online]{background:#1f7a45}.dot[data-status=idle]{background:#c4891a}.dot[data-status=dnd]{background:#c4312e}.ticket{grid-area:ticket;display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"art copy go" "art meter go";gap:4px 12px;align-items:center;margin-top:8px;padding:8px;border:3px solid var(--ink);background:var(--paper);color:inherit;text-decoration:none;box-shadow:5px 5px 0 var(--red)}.ticket .art{grid-area:art;width:62px;height:62px}.ticket-copy{grid-area:copy;min-width:0;display:grid;gap:1px}.ticket .meter{grid-area:meter}.ticket-go{grid-area:go;padding:8px 10px;border:2px solid var(--ink);background:var(--yellow);font-family:var(--display);font-size:1.35rem;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}.spread{display:grid;gap:26px;padding:18px 12px 8px}.scene{display:grid;gap:12px 22px;padding:16px;border:3px solid var(--ink);color:inherit;text-decoration:none;background:var(--paper);box-shadow:7px 7px 0 var(--ink);scroll-margin-top:72px}.scene-copy{min-width:0}.issue{margin:0 0 4px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.scene h2,.tools h2,.listen-scene h2{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:.82;text-transform:uppercase}.scene h2{font-size:clamp(3.3rem,9vw,6.2rem)}.scene p{max-width:38em;margin:10px 0 0;font-size:.95rem}.goto{display:inline-block;margin-top:14px;padding:8px 12px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.82rem;font-weight:600}.goto:after{content:" →"}.scene-jitter{grid-template-columns:minmax(0,1.15fr) minmax(190px,.75fr);align-items:center;background-color:var(--ink);background-image:radial-gradient(rgba(243,236,223,.22) 1px,transparent 1.15px);background-size:8px 8px;color:var(--paper)}.scene-jitter .issue{color:var(--yellow)}.scene-jitter .goto,.scene-nocturne .goto{border-color:var(--paper);box-shadow:3px 3px 0 var(--red)}.jitter-art{width:min(100%,300px);justify-self:end}.scene-nocturne{grid-template-columns:minmax(0,1.15fr) minmax(220px,.72fr);padding:0;overflow:hidden;background:#171410;color:var(--paper)}.nocturne-frame{min-height:240px;background:#221e1a}.nocturne-frame img,.media-fallback{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}.media-fallback{display:grid;place-items:center;font-family:var(--display);font-size:3rem;letter-spacing:-.04em}.nocturne-copy{padding:16px 16px 18px;align-self:end}.scene-duck{grid-template-columns:minmax(210px,.85fr) minmax(0,1fr);align-items:center;background:var(--paper-2)}.relay{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.say{margin:0;padding:8px 10px;border:3px solid var(--ink);background:var(--paper);font-family:var(--display);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:.88;text-transform:uppercase}.say-a{transform:rotate(-2.5deg);background:var(--yellow)}.say-b{transform:rotate(2deg)}.duck{width:84px}.tools{padding:28px 12px 12px;scroll-margin-top:72px}.tools h2{font-size:clamp(2.4rem,6vw,3.8rem)}.tools ul{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0;padding:0;list-style:none}.tools li{display:flex;align-items:baseline;gap:8px;padding:8px 12px 6px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-size:1.65rem;font-weight:800;letter-spacing:.01em;line-height:1}.tools li span{font-family:var(--mono);font-size:.65rem;font-weight:600;letter-spacing:.08em}.tools li:nth-child(odd){transform:rotate(-1.5deg);background:var(--yellow)}.tools li:nth-child(3n){transform:rotate(1.1deg)}.listen-scene{margin:22px 12px 16px;padding:16px;border:3px solid var(--ink);background-color:#1c1916;background-image:radial-gradient(rgba(243,236,223,.16) 1px,transparent 1.15px);background-size:7px 7px;color:var(--paper);box-shadow:7px 7px 0 var(--red);scroll-margin-top:72px}.listen-scene h2{font-size:clamp(3rem,8vw,5.4rem)}.listen-face{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px}.listen-meta{min-width:0}.listen-scene .art{width:140px;height:140px;border:3px solid var(--paper)}.art{display:grid;place-items:center;overflow:hidden;border:3px solid var(--ink);background:var(--paper-2);color:var(--ink);font-family:var(--display);font-size:1.6rem}.art img{width:100%;height:100%;object-fit:cover}.song,.artist,.state,.time,.fine,.lyric-status,.lyric-next{margin:0}.song,.artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song{font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:-.03em;line-height:.9;text-transform:uppercase}.ticket .song{font-size:1.25rem}.artist,.fine,.time,.lyric-status,.lyric-next{color:#5c564e;font-size:.78rem}.listen-scene .artist,.listen-scene .fine,.listen-scene .time,.listen-scene .lyric-status,.listen-scene .lyric-next{color:#efe6d8}.listen-scene .song{font-size:clamp(1.8rem,4vw,2.8rem)}.state{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.state i{width:8px;height:8px;border:1px solid currentColor;background:currentColor}.state i[data-kind=live]{background:#1f7a45;border-color:#1f7a45}.state i[data-kind=paused]{background:var(--red);border-color:var(--red)}.state i[data-kind=replay]{background:#3d6f9a;border-color:#3d6f9a}.state i[data-kind=error]{background:var(--red);border-color:var(--red)}.listen-scene .state i[data-kind=live]{background:var(--yellow);border-color:var(--yellow)}.meter{display:grid;gap:4px;min-width:0}.listen-scene .meter{margin-top:12px}.progress{height:10px;overflow:hidden;border:2px solid var(--ink);background:transparent}.listen-scene .progress{border-color:var(--paper)}.progress>span{display:block;height:100%;width:0;background:var(--red)}.ticket .progress>span{background:var(--ink)}.time{display:flex;justify-content:space-between;gap:8px}.spectrum{height:96px;margin-top:14px;overflow:hidden}.spectrum canvas{display:block;width:100%;height:100%}.lyrics{margin-top:8px}@property --fill{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.lyric-stage{position:relative}.lyric-layer.is-ghost{position:absolute;inset:0 0 auto;width:100%;pointer-events:none}.lyric-line{display:flex;flex-wrap:wrap;gap:.16em .32em;margin:8px 0 0;font-family:var(--display);font-size:clamp(1.8rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:.95;text-transform:uppercase}.lyric-word{background-image:linear-gradient(90deg,var(--paper) var(--fill),rgba(243,236,223,.55) var(--fill));-webkit-background-clip:text;background-clip:text;color:transparent}.hold{display:flex;align-items:flex-end;gap:6px;height:54px;margin-top:10px}.hold span{width:7px;height:100%;background:var(--yellow);transform-origin:bottom;animation:hold var(--cycle, 1.2s) ease-in-out infinite}.hold span:nth-child(2){animation-delay:.1s}.hold span:nth-child(3){animation-delay:.2s}.hold span:nth-child(4){animation-delay:.05s}.hold span:nth-child(5){animation-delay:.18s}.hold span:nth-child(6){animation-delay:.28s}.hold span:nth-child(7){animation-delay:.12s}@keyframes hold{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.listen-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}.listen-scene .text-link{display:inline-block;color:var(--yellow);font-weight:600;text-decoration-thickness:2px;text-underline-offset:3px}.btn{display:inline-block;padding:10px 14px;border:3px solid var(--paper);background:var(--red);color:var(--paper);font-family:var(--mono);font-weight:600;text-decoration:none;cursor:pointer}.colophon{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 18px;padding:18px 12px 16px;border-top:3px solid var(--ink)}.colophon p{margin:0;font-family:var(--display);font-size:2.2rem;font-weight:800;letter-spacing:-.04em;line-height:.85}.colophon ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none}.colophon a{color:inherit;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--red)}#work,#tools,#listening{scroll-margin-top:70px}@media(prefers-reduced-motion:no-preference){.zine{box-shadow:inset 16px 0 28px rgba(20,18,16,calc(var(--crumple) * .14)),inset -16px 0 28px rgba(20,18,16,calc(var(--crumple) * .14))}.panel{transform:perspective(900px) translateY(34px) rotateX(8deg) rotate(-.7deg);transition:transform .55s cubic-bezier(.16,.9,.24,1)}.panel.in{transform:none}a.panel.in:hover{transform:translate(-4px,-5px) rotate(-.25deg)}a.panel.in:active{transform:translate(1px,2px)}.ticket,.btn,.ticket-go,.goto{transition:transform .16s cubic-bezier(.2,1.3,.4,1)}.ticket:hover{transform:translate(-2px,-3px) rotate(-.3deg)}.ticket:active{transform:translate(1px,1px)}.btn:hover,.tools li:hover{transform:translate(-2px,-2px)}.lyric-word{transition:--fill .12s linear}.lyric-layer.is-in{animation:lyric-in .22s cubic-bezier(.16,.84,.32,1)}.lyric-layer.is-ghost{animation:lyric-out .22s ease forwards}.progress>span{transition:width .25s linear}}@keyframes lyric-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lyric-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}@media(max-width:800px){.scene-jitter,.scene-nocturne,.scene-duck{grid-template-columns:1fr}.jitter-art{justify-self:start}.nocturne-frame img,.media-fallback{min-height:220px}.scene-nocturne .nocturne-copy{padding-top:14px}}@media(max-width:1240px){.wad{display:none}}@media(max-width:680px){.zine{width:min(100% - 12px,1080px);margin-top:8px}.cover{grid-template-columns:1fr;grid-template-areas:"mast" "cut" "kicker" "bubble" "ticket";justify-items:start}.cutout{justify-self:end;margin:-1.6rem 8px 8px 0}.cutout,.cutout img,.cutout-wait{width:118px;height:118px}.bubble:after{right:auto;left:28px}.ticket{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"art copy" "meter meter" "go go"}.ticket .art{width:56px;height:56px}.ticket-go{justify-self:start}.relay{grid-template-columns:1fr;justify-items:start}.duck{width:72px}.listen-face{grid-template-columns:92px minmax(0,1fr)}.listen-scene .art{width:92px;height:92px}.tools li{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel,[data-sheet]{transform:none}.zine{box-shadow:none}.wad{display:none}.hold span{animation:none;transform:scaleY(.5)}.lyric-word{transition:none}.lyric-layer{animation:none}}