:root{--wall: #a89a8a;--wall-dark: #968878;--ink: #1a1a1a;--pumpkin: #f08020;--frog: #3a8f3a;--rust: #854d1d;--paper: #fbf6ea;--note-y: #f4dd6a;--note-g: #b9dd8a;--note-p: #f6b9a4;--tape: rgba(240, 228, 196, .78);--marker: "Permanent Marker", "Comic Sans MS", cursive;--poster: "Bowlby One", Impact, sans-serif;--typed: "Special Elite", "Courier New", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--typed);background-color:var(--wall);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 2px,transparent 3px),radial-gradient(circle at 70% 80%,rgba(0,0,0,.06) 0 1px,transparent 2px),url(/img/texture.webp);background-size:23px 23px,31px 31px,420px 420px;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:50;opacity:.18;background-image:radial-gradient(rgba(26,26,26,.5) 1px,transparent 1.4px);background-size:5px 7px;animation:drift 40s linear infinite}@keyframes drift{to{transform:translate3d(70px,90px,0)}}.scrawl{font-family:var(--marker)}.wall{position:relative;max-width:1320px;margin:0 auto;padding:28px 18px 80px;display:grid;gap:34px;grid-template-columns:1fr}@media(min-width:960px){.wall{grid-template-columns:repeat(12,1fr);gap:26px 22px;padding:40px 40px 120px}.masthead{grid-column:1 / 9;grid-row:1}.sticky.s-yellow{grid-column:9 / 12;grid-row:1;align-self:center}.poster{grid-column:1 / 7;grid-row:2 / 4}.sticky.s-green{grid-column:7 / 9;grid-row:2;align-self:start;margin-top:30px}.printout.big{grid-column:7 / 13;grid-row:2 / 4;align-self:center;margin-top:140px}.typed{grid-column:2 / 7;grid-row:4}.sticky.s-pink{grid-column:8 / 11;grid-row:4;align-self:center}.maker{grid-column:1 / 13;grid-row:5}.printout.tex{grid-column:1 / 8;grid-row:6;align-self:center}.flyer{grid-column:9 / 13;grid-row:6}}.pin-in{--r: 0deg;transform:rotate(var(--r))}.pin-in:not(.in){opacity:0;transform:rotate(calc(var(--r) - 8deg)) scale(1.12)}.pin-in.in{opacity:1;transition:opacity .35s ease-out,transform .45s cubic-bezier(.2,1.6,.4,1)}.tape{position:absolute;width:120px;height:34px;background:var(--tape);box-shadow:0 1px 2px #00000026;z-index:3;clip-path:polygon(3% 0,97% 6%,100% 50%,96% 100%,2% 94%,0 50%)}.tape.t1{top:-16px;left:18px;transform:rotate(-9deg)}.tape.t2{top:-14px;right:22px;transform:rotate(7deg)}.pushpin{position:absolute;top:-9px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9d4a,var(--pumpkin) 45%,var(--rust));box-shadow:2px 4px 4px #00000059;z-index:3}.staple{position:absolute;top:10px;left:50%;width:46px;height:6px;margin-left:-23px;border:2px solid #8a8a8a;border-bottom:none;border-radius:2px}.masthead{position:relative;padding-top:6px}.ransom{margin:0;display:flex;flex-wrap:wrap;gap:4px;line-height:1;font-weight:400}.ransom .word{display:inline-flex;gap:4px;font-style:normal;margin-right:clamp(14px,3vw,40px)}.ransom span{display:inline-block;padding:6px 10px 4px;font-size:clamp(40px,8.4vw,92px);box-shadow:2px 3px #00000040}.ransom .word:first-child span:nth-child(1){font-family:var(--poster);background:var(--pumpkin);color:var(--ink);transform:rotate(-4deg)}.ransom .word:first-child span:nth-child(2){font-family:Georgia,serif;font-weight:700;background:var(--paper);transform:rotate(3deg) translateY(6px)}.ransom .word:first-child span:nth-child(3){font-family:var(--marker);background:var(--ink);color:var(--note-y);transform:rotate(-2deg)}.ransom .word:first-child span:nth-child(4){font-family:var(--typed);background:var(--note-g);transform:rotate(5deg) translateY(-4px)}.ransom .word+.word span:nth-child(1){font-family:var(--poster);background:var(--frog);color:var(--paper);transform:rotate(-6deg) translateY(4px)}.ransom .word+.word span:nth-child(2){font-family:Georgia,serif;font-style:italic;background:var(--note-p);transform:rotate(2deg)}.ransom .word+.word span:nth-child(3){font-family:var(--marker);background:var(--paper);color:var(--pumpkin);transform:rotate(-3deg) translateY(-6px)}.ransom .word+.word span:nth-child(4){font-family:var(--poster);background:var(--ink);color:var(--pumpkin);transform:rotate(4deg)}.ticker{margin:18px 0 0;font-size:clamp(34px,5vw,56px);color:var(--pumpkin);text-shadow:2px 2px 0 var(--ink);transform:rotate(-3deg);display:inline-block}.under{margin:4px 0 0 8px;font-size:22px;transform:rotate(1deg)}.poster{position:relative;background:var(--paper);padding:34px 28px 26px;box-shadow:4px 8px 18px #00000047;--r: -1.2deg}.poster h2{margin:0 0 18px;font-family:var(--poster);font-weight:400;font-size:clamp(36px,6vw,64px);line-height:.95;text-align:center;letter-spacing:.01em}.poster-img{height:auto;width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--ink);filter:contrast(1.05)}.poster-facts{margin:18px 0 0;display:grid;gap:8px;font-size:17px}.poster-facts div{display:grid;grid-template-columns:112px 1fr;gap:10px;border-bottom:1px dashed rgba(26,26,26,.35);padding-bottom:6px}.poster-facts dt{font-family:var(--poster);font-size:14px;text-transform:uppercase;padding-top:2px}.poster-facts dd{margin:0}.ca-slot{margin-top:20px;display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);padding:8px 10px;border-radius:3px;font-family:Courier New,monospace;box-shadow:inset 0 -3px #ffffff0f;transform:rotate(.6deg);min-height:46px}.ca-label{font-family:var(--poster);background:var(--pumpkin);color:var(--ink);padding:3px 8px;border-radius:2px;font-size:15px}.ca-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:.03em}.ca-copy{font-family:var(--marker);font-size:15px;background:var(--note-y);color:var(--ink);border:2px solid var(--ink);padding:3px 10px;cursor:pointer;transform:rotate(-3deg);transition:transform .15s}.ca-copy:hover{transform:rotate(2deg) scale(1.06)}.ca-copy:active{transform:scale(.94)}.ca-copy.done{background:var(--note-g)}.ca-exp{display:inline-flex;width:30px;height:30px;color:var(--pumpkin);transition:transform .15s}.ca-exp:hover{transform:rotate(-12deg) scale(1.1)}.ca-exp svg{width:100%;height:100%}.sticky{position:relative;padding:30px 22px 26px;max-width:300px;justify-self:center;font-family:var(--marker);font-size:24px;line-height:1.2;box-shadow:3px 10px 14px -6px #0006;transition:transform .25s}.sticky p{margin:0}.sticky b{color:var(--rust);font-weight:400;font-size:1.3em}.sticky:hover{transform:rotate(calc(var(--r) * -1)) translateY(-4px)}.s-yellow{background:var(--note-y)}.s-green{background:var(--note-g);text-align:center}.s-pink{background:var(--note-p)}.printout{position:relative;margin:0;background:var(--paper);padding:12px 12px 6px;box-shadow:4px 8px 16px #0000004d;transition:transform .25s}.printout:hover{transform:rotate(0) scale(1.015)}.printout img{width:100%;height:auto}.printout figcaption{font-size:20px;padding:8px 4px 6px;transform:rotate(-1deg)}.typed{position:relative;background:var(--paper) repeating-linear-gradient(transparent 0 31px,#3a8f3a2e 31px,#3a8f3a2e 32px);padding:40px 30px 28px 54px;box-shadow:4px 8px 16px #00000040;font-size:18px;line-height:32px}.typed:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:2px;background:#f0802099}.typed h2{margin:0 0 6px;font-family:var(--poster);font-weight:400;font-size:30px;letter-spacing:.04em}.typed .lede{margin:0 0 10px;font-size:20px}.typed ol{margin:0;padding-left:22px}.typed u{text-decoration-color:var(--pumpkin);text-decoration-thickness:3px}.typed .sig{margin:12px 0 0;text-align:right;font-size:22px;color:var(--frog)}.maker{position:relative;background:var(--ink);color:var(--paper);padding:34px 24px 28px;box-shadow:6px 10px 22px #00000059;--r: .5deg}.maker h2{margin:0 0 18px;font-size:clamp(28px,4vw,44px);font-weight:400;color:var(--pumpkin);transform:rotate(-1.5deg)}.maker-grid{display:grid;gap:22px}@media(min-width:760px){.maker-grid{grid-template-columns:minmax(0,520px) 1fr;align-items:start}}#meme{width:100%;height:auto;aspect-ratio:1;border:6px solid var(--paper);background:var(--wall)}.maker-form{display:grid;gap:16px}.maker-form label{display:grid;gap:6px;font-family:var(--marker);font-size:20px;color:var(--note-y)}.maker-form input{font:20px var(--poster);text-transform:uppercase;padding:12px 14px;border:3px solid var(--paper);background:var(--paper);color:var(--ink);border-radius:0}.maker-form input:focus{outline:4px solid var(--pumpkin);outline-offset:2px}.maker-pics,.maker-actions{display:flex;flex-wrap:wrap;gap:12px}.pic,.btn-tag{font-family:var(--marker);font-size:19px;padding:8px 16px;border:3px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer;transition:transform .15s,background .15s}.pic:hover,.btn-tag:hover{transform:rotate(-2deg) translateY(-2px)}.pic:active,.btn-tag:active{transform:scale(.95)}.pic.on{background:var(--frog);border-color:var(--frog)}.btn-tag.primary{background:var(--pumpkin);border-color:var(--pumpkin);color:var(--ink)}.pic:focus-visible,.btn-tag:focus-visible{outline:3px dashed var(--note-y);outline-offset:3px}.flyer{position:relative;background:var(--paper);padding:34px 0 0;box-shadow:4px 8px 16px #00000047;text-align:center;max-width:420px;justify-self:center;width:100%}.flyer h2{margin:0;font-family:var(--poster);font-weight:400;font-size:52px;line-height:.95;color:var(--pumpkin);text-shadow:2px 2px 0 var(--ink)}.flyer h2 small{display:block;font-family:var(--marker);font-size:26px;color:var(--ink);text-shadow:none;margin-top:6px}.flyer p{margin:14px 24px 22px;font-size:18px}.tabs{display:flex;border-top:2px dashed rgba(26,26,26,.5)}.tab{flex:1;min-height:120px;border-right:2px dashed rgba(26,26,26,.5);display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--marker);font-size:18px;background:var(--paper);transform-origin:top center;transition:transform .2s}.tab:last-child{border-right:none}.tab span{writing-mode:vertical-rl;transform:rotate(180deg)}.tab:hover{transform:rotate(var(--tr)) translateY(6px);background:var(--note-y)}.graffiti{position:absolute;margin:0;font-family:var(--marker);color:#1a1a1a52;pointer-events:none;white-space:nowrap}.g1{top:44.5%;right:6%;font-size:30px;transform:rotate(-14deg);color:#3a8f3a80}.g2{bottom:3%;right:4%;font-size:40px;transform:rotate(6deg)}.g3{top:9%;right:3%;font-size:26px;transform:rotate(12deg);color:#854d1d8c}@media(max-width:959px){.g1,.g2,.g3{display:none}}.tape-footer{position:relative;margin:0 auto 30px;max-width:1240px;width:calc(100% - 24px);background:var(--tape);padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;justify-content:space-between;transform:rotate(-.6deg);clip-path:polygon(0 6%,2% 0,98% 4%,100% 0,99% 96%,97% 100%,3% 95%,0 100%);box-shadow:0 2px 4px #0000002e}.ft-brand{display:flex;align-items:center;gap:12px;font-family:var(--poster);font-size:20px}.ft-brand img{border-radius:50%;border:2px solid var(--ink)}.ft-brand b{color:var(--rust);font-weight:400}.tape-footer .ca-slot{margin:0;flex:1 1 320px;max-width:560px}.ca-slot.empty .ca-value{min-height:1em}.icons{display:flex;gap:12px}.icons a{display:inline-flex;width:46px;height:46px;padding:10px;background:var(--ink);color:var(--paper);border-radius:50%;transition:transform .15s,background .15s,color .15s}.icons a:hover{background:var(--pumpkin);color:var(--ink);transform:rotate(-10deg) scale(1.08)}.icons svg{width:100%;height:100%}@media(max-width:600px){.poster{padding:30px 16px 20px}.poster-facts div{grid-template-columns:1fr;gap:2px}.typed{padding:36px 18px 22px 44px;font-size:16px}.typed:before{left:30px}.sticky{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pin-in:not(.in){opacity:1;transform:rotate(var(--r))}}.s-yellow2{background:var(--note-y)}.printout.cheer{max-width:440px;justify-self:center;width:100%}.clipping{position:relative;background:#ece3cf;padding:30px 26px 24px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.5;box-shadow:4px 8px 16px #00000040;clip-path:polygon(0 2%,4% 0,9% 2%,15% 0,22% 1.5%,30% 0,41% 2%,52% 0,63% 1.5%,75% 0,86% 2%,100% 0,99% 98%,92% 100%,80% 98%,66% 100%,50% 98%,34% 100%,18% 98%,6% 100%,1% 98%)}.clipping .kicker{margin:0 0 6px;font:12px var(--typed);letter-spacing:.18em;border-bottom:2px solid var(--ink);padding-bottom:6px}.clipping h2{margin:0 0 10px;font-family:var(--poster);font-weight:400;font-size:clamp(26px,3.4vw,38px);line-height:1}.clipping p{margin:0 0 10px;columns:1}.clipping .pull{font-size:22px;color:var(--rust);line-height:1.25;margin:14px 0 0}@media(min-width:960px){.printout.cheer{grid-column:1 / 5;grid-row:7}.sticky.s-yellow2{grid-column:5 / 7;grid-row:7;align-self:center}.clipping{grid-column:7 / 13;grid-row:7;align-self:center}}@media(max-width:600px){.maker-form input{font-size:16px}}.wall>*{min-width:0}.ca-slot{min-width:0;max-width:100%}
