:root{--paper:#EDF2F5;--card:#F9FBFC;--ink:#16232B;--pencil:#697885;--redpen:#D2372C;--ballpoint:#2A4FD6;--marker:#FFE24A;--rule:#CFDDE6;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Newsreader",Georgia,serif;--mono:"DM Mono",ui-monospace,monospace;--hand:"Caveat",ui-rounded,cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 35px,var(--rule) 35px 36px);color:var(--ink);font-family:var(--body);font-size:20px;line-height:36px}.wrap{max-width:760px;margin:0 auto;padding:0 24px 96px;position:relative;overflow:visible}body.memes .wrap{max-width:640px}@media(min-width:900px){.wrap{padding-left:64px}.wrap:before{content:"";position:absolute;top:0;bottom:96px;left:26px;width:2px;background:var(--redpen);opacity:.45}}.tag{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pencil);line-height:36px;margin:0}.tag a{color:var(--pencil);text-decoration:none;border-bottom:1px solid var(--rule)}.tag a:hover{color:var(--ink)}.kicker{display:inline-flex;align-items:center;gap:14px;margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pencil);line-height:36px}.kicker:before,.kicker:after{content:"";width:1.75rem;height:1px;background:var(--redpen);opacity:.5;flex-shrink:0}.topline{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0 0;position:relative;z-index:3;border-bottom:2px solid var(--ink)}.homechip{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;line-height:1;padding:4px 4px 10px}.homechip img{width:28px;height:28px;border-radius:7px;transform:rotate(-6deg)}.homechip.is-on{box-shadow:inset 0 -8px 0 var(--marker)}.homechip:hover{color:var(--ballpoint)}.menu{display:flex;align-items:flex-end;gap:5px;flex-wrap:wrap}.tab{font-family:var(--display);font-weight:600;font-size:15px;line-height:1.2;color:var(--ink);text-decoration:none;background:var(--card);border:2px solid var(--ink);border-bottom:none;border-radius:16px 16px 0 0;padding:8px 14px 11px;position:relative;top:3px;margin-bottom:-2px;box-shadow:2px 0 #16232b0a}.tab-a{transform:rotate(-1.8deg)}.tab-b{transform:rotate(1.4deg);top:5px}.tab-c{transform:rotate(-.9deg)}.tab-d{transform:rotate(1.1deg);top:4px}.tab-d .tab-mark{color:var(--ballpoint);text-transform:lowercase}.tab-mark{display:inline-block;margin-right:6px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--redpen);vertical-align:1px}.tab-b .tab-mark{color:var(--ballpoint);text-transform:lowercase}.tab-c .tab-mark{color:var(--pencil)}.tab.is-on{background:var(--marker);top:0;z-index:1}.tab:hover{background:var(--marker);color:var(--ink)}.tab:focus-visible{outline:3px solid var(--ballpoint);outline-offset:3px;z-index:2}@media(max-width:640px){.tab,.tab-a,.tab-b,.tab-c,.tab-d{transform:none;top:0}}.masthead{padding:48px 0 0;position:relative}.home-hero.masthead{padding:12px 0 24px}.masthead.compact{padding:32px 0 0}h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,9vw,86px);line-height:1.02;letter-spacing:-.03em;margin:16px 0 0}.masthead.compact h1{font-size:clamp(34px,6.4vw,54px);letter-spacing:-.025em}h1 .flip{background:linear-gradient(transparent 62%,var(--marker) 62% 94%,transparent 94%);padding:0 .06em}.byline{margin:14px 0 0;font-size:18px;font-style:italic;color:var(--pencil);line-height:36px}.byline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}.byline a:hover{color:var(--ballpoint);border-bottom-color:var(--ballpoint)}.dek{font-size:22px;margin:24px 0 0;max-width:34em}.dek em{font-style:italic;color:var(--pencil)}.home-start{margin-top:48px;max-width:33em}.home-start p{margin:0 0 28px}.home-start .contents{margin-top:8px}.sprawl{pointer-events:none;position:absolute;inset:-1.5rem -7.5rem auto;height:22rem;z-index:0;display:none}.masthead>:not(.sprawl){position:relative;z-index:1}.scrap{position:absolute;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--card);border:1px solid var(--rule);box-shadow:2px 3px #16232b12;padding:10px 12px;line-height:1.2}.scrap-num{color:var(--redpen);font-size:13px}.scrap-sticky{background:var(--marker);border:none;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;text-transform:none;padding:12px 16px}.scrap-stamp{padding:0;border:0;background:transparent;box-shadow:none;width:52px;height:52px;opacity:.92}.scrap-1{left:-4.8rem;top:18%;transform:rotate(-8deg)}.scrap-2{left:8%;top:-6%;transform:rotate(-3deg)}.scrap-3{right:-5.5rem;top:10%;transform:rotate(7deg)}.scrap-4{right:-3.2rem;bottom:18%;transform:rotate(11deg)}.scrap-5{left:42%;bottom:4%;transform:rotate(-2deg)}.scrap-6{left:-5.6rem;bottom:8%;transform:rotate(8deg)}@media(min-width:960px){.sprawl{display:block}}.toolbar{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}.toolbar .switch{margin:0}.switch{margin:36px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.switch p{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil)}button.toggle{font-family:var(--display);font-weight:600;font-size:16px;border:2px solid var(--ink);background:var(--card);color:var(--ink);padding:0;border-radius:999px;display:inline-flex;cursor:pointer;overflow:hidden}button.toggle span{padding:9px 18px;line-height:1.2;transition:background .18s ease,color .18s ease}button.toggle span:first-child{background:var(--marker)}button.toggle[aria-pressed=true] span:first-child{background:transparent}button.toggle[aria-pressed=true] span:last-child{background:var(--ballpoint);color:#fff}button.toggle:focus-visible{outline:3px solid var(--ballpoint);outline-offset:3px}main{margin-top:80px}.swap{transition:opacity .16s ease}body.swapping .swap{opacity:.18}.contents{border-top:2px solid var(--ink)}.outbound{margin-top:48px}.portrait{float:left;width:min(42%,240px);margin:6px 28px 16px 0;transform:rotate(-2.2deg)}.lesson-body .outbound,.lesson-body .interest-row{clear:both}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center top;border:2px solid var(--ink);background:var(--card);box-shadow:4px 6px #16232b14}.portrait figcaption{margin:8px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pencil)}.interest-row{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.interest-row li{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--card);border:1px solid var(--rule);color:var(--ink);padding:4px 10px;line-height:1.4}.interest-row li:nth-child(3n){transform:rotate(-1.2deg);background:var(--marker);border-color:transparent}.interest-row li:nth-child(4n){transform:rotate(1deg)}.meme-feed{margin-top:12px}.meme-bridge{font-size:22px;line-height:34px;text-align:center;max-width:28em;margin:36px auto 20px}.macro{margin:0 0 8px}.macro-frame{position:relative;background:#111;border:2px solid var(--ink);box-shadow:4px 6px #16232b1a;overflow:hidden}.macro-frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:saturate(.92) contrast(1.06)}.macro-cap{position:absolute;left:4%;right:4%;margin:0;font-family:Anton,Impact,Arial Black,sans-serif;font-weight:400;font-size:clamp(26px,5.4vw,44px);line-height:1.05;letter-spacing:.02em;text-transform:uppercase;text-align:center;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000,0 4px 0 #000}.macro-top{top:5%}.macro-bot{bottom:6%}.entry{display:grid;grid-template-columns:3.2em 1fr;gap:0 20px;align-items:baseline;border-bottom:1px solid var(--rule);padding:20px 12px 22px;margin:0;text-decoration:none;color:inherit;transition:background .14s ease}.entry:hover,.entry:focus-visible{background:var(--card);outline:none}.entry:focus-visible{box-shadow:inset 3px 0 0 var(--ballpoint)}.entry .num{font-family:var(--mono);font-size:13px;color:var(--redpen)}.entry h2{font-family:var(--display);font-weight:600;font-size:clamp(23px,3.6vw,29px);line-height:1.14;letter-spacing:-.02em;margin:0}.entry p{margin:6px 0 0;font-size:18px;line-height:30px;color:var(--pencil)}.entry:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.entry.hand{align-items:center}.entry.hand .num,.entry.hand h2{font-family:var(--hand);font-weight:700;letter-spacing:.01em;font-size:clamp(34px,5vw,46px);line-height:1;color:var(--ballpoint)}.entry.hand .num{color:var(--redpen);font-size:clamp(40px,5.4vw,52px)}.entry.hand:hover h2{text-decoration-thickness:1.5px;text-underline-offset:6px}.lesson-body{max-width:33em}.lesson-body:after{content:"";display:table;clear:both}.lesson-body p{margin:0 0 30px}.lesson-body p:last-child{margin-bottom:0}.grown-mode .lesson-body p{font-size:18px;line-height:32px}.grown-mode .entry{border-left:3px solid var(--ballpoint)}.pager{margin-top:72px;border-top:2px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.pager a{font-family:var(--display);font-weight:600;font-size:17px;color:var(--ink);text-decoration:none;max-width:20em}.pager a:hover{color:var(--ballpoint)}.pager span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pencil)}.pager .next{text-align:right;margin-left:auto}.deck{display:none;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:32px 20px;margin-top:48px}body.cards-on .contents{display:none}body.cards-on .deck{display:grid}.flash{position:relative;min-height:250px;perspective:900px;cursor:pointer;outline:none}.flash:focus-visible{box-shadow:0 0 0 3px var(--ballpoint)}.flash-inner{position:relative;min-height:210px;transform-style:preserve-3d;transition:transform .45s ease}.flash.is-flipped .flash-inner{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;background:var(--card);border:2px solid var(--ink);box-shadow:3px 4px #16232b14;padding:22px 20px 20px;backface-visibility:hidden;display:flex;flex-direction:column}.flash-front{transform:rotate(-1.5deg)}.flash:nth-child(2n) .flash-front{transform:rotate(1.4deg)}.flash-back{transform:rotateY(180deg) rotate(1deg)}.flash-front h2{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 0}.flash-hint{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pencil)}.flash-back p{margin:0;font-size:16px;line-height:26px}.flash-open{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ballpoint);text-decoration:none;border-bottom:1px solid var(--rule)}.flash-open:hover{color:var(--ink)}body.home{overflow-x:hidden}body.home .wrap{min-height:100svh;display:flex;flex-direction:column;max-width:820px}body.home footer{margin-top:auto}body.home .wrap:before{transform-origin:top center;animation:pen-draw 1.1s ease both}body.home main{margin-top:40px}.hero-copy{max-width:34em;position:relative;z-index:1}.home-hero .home-stage{pointer-events:none;position:absolute;inset:-1rem -22% auto;height:22rem;z-index:0}.home-hero>:not(.home-stage){position:relative;z-index:1}.sci{position:absolute;display:block}.sci-bot{width:58px;height:auto;display:block}.sci-walk{left:-5rem;bottom:10%;animation:drop .8s ease both,bob 5.5s ease-in-out infinite}.sci-sat{right:-6.5rem;top:4%;animation:drop .8s .1s ease both,bob 6s ease-in-out infinite}.sci-rocket{left:6%;top:-4%;animation:drop .8s .18s ease both,bob 4.8s ease-in-out infinite}.sci-planet{right:0;bottom:18%;animation:drop .8s .26s ease both,bob 7s ease-in-out infinite}.sci-ufo{left:46%;top:-10%;animation:drop .8s .34s ease both,bob 5.2s ease-in-out infinite}.doodle-star-3{left:78%;top:48%;font-size:16px;color:var(--ballpoint);animation:twinkle 2.8s .9s ease-in-out infinite}.home-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;margin-top:48px;position:relative;z-index:1}.home-flash .flash-inner{min-height:248px}.home-flash .flash-front{align-items:center;text-align:center}.cartoon{width:92px;height:92px;display:block;margin:0 auto 4px}.home-portrait{display:block;width:92px;height:92px;margin:0 auto 4px;object-fit:cover;object-position:center top;border:2px solid var(--ink);background:var(--card);transform:rotate(-2.2deg)}.adler-flash h2{font-family:var(--hand);font-weight:700;font-size:26px;letter-spacing:.01em;color:var(--ballpoint)}@media(max-width:560px){.home-deck{grid-template-columns:1fr}}.orbit{position:absolute;left:42%;top:38%;border:1px dashed var(--rule);border-radius:50%}.orbit-a{width:14rem;height:14rem;border-color:#d2372c47;animation:spin 22s linear infinite}.orbit-b{width:22rem;height:22rem;border-style:solid;border-color:#2a4fd629;animation:spin-rev 34s linear infinite}.orbit-c{width:31rem;height:31rem;border-color:#c9a96259;animation:spin 48s linear infinite}.home-stage .scrap{display:block;animation:drop .8s ease both,bob 5.5s ease-in-out infinite}.float-a{animation-delay:0s,.8s}.float-b{animation-delay:.08s,.88s}.float-c{animation-delay:.16s,.96s}.float-d{animation-delay:.24s,1.04s}.float-e{animation-delay:.32s,1.12s}.float-f{animation-delay:.4s,1.2s}.doodle{position:absolute;color:var(--redpen);line-height:1}.doodle-star{left:58%;top:8%;font-size:22px;animation:twinkle 2.4s ease-in-out infinite}.doodle-star-2{left:12%;top:62%;font-size:14px;color:var(--ballpoint);animation:twinkle 3s .6s ease-in-out infinite}.doodle-scribble{width:150px;right:4%;top:22%;overflow:visible}.doodle-scribble path{stroke:var(--redpen);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:draw 1.3s .55s ease forwards}.reveal{opacity:0;transform:translateY(18px);animation:rise .75s ease forwards}.delay-1{animation-delay:.14s}.delay-2{animation-delay:.28s}.delay-3{animation-delay:.42s}.delay-4{animation-delay:.56s}.home-hero h1 .flip{background-image:linear-gradient(var(--marker),var(--marker));background-repeat:no-repeat;background-position:0 78%;background-size:0% 42%;animation:mark .7s 1s ease forwards}.home-go{margin-top:40px}.home-go a{display:inline-block;font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);text-decoration:none;background:var(--marker);border:2px solid var(--ink);border-radius:999px;padding:10px 22px;transform:rotate(-2deg);animation:wiggle 3.4s 1.2s ease-in-out infinite}.home-go a:hover{background:var(--card)}body.home .homechip img{animation:wobble 3.6s ease-in-out infinite}.kicker:before,.kicker:after{transform-origin:center;animation:line-in .7s .2s ease both}@keyframes rise{to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;translate:0 -36px}to{opacity:1;translate:0 0}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 8px}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-rev{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.85) rotate(-8deg)}50%{opacity:1;transform:scale(1.1) rotate(12deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes mark{to{background-size:100% 38%}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.4deg)}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@keyframes pen-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:959px){.home-stage{inset:-1rem -8% auto;height:26rem}.orbit-c,.sci-planet,.sci-sat{display:none}}dl{margin:24px 0 0;display:grid;grid-template-columns:minmax(0,13em) 1fr;gap:2px 24px}dt{font-family:var(--mono);font-size:14px;color:var(--ballpoint);line-height:32px}dd{margin:0;line-height:32px;font-size:18px}@media(max-width:640px){dl{grid-template-columns:1fr}dt{margin-top:16px}}footer{margin-top:88px;border-top:2px solid var(--ink);padding-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pencil)}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}.footer-copyright{margin:18px 0 0;font-size:11px;letter-spacing:.14em;color:var(--pencil)}footer a{color:var(--pencil);text-decoration:none;border-bottom:1px solid var(--rule)}footer a:hover{color:var(--ink)}a{color:var(--ballpoint)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.doodle-scribble path{stroke-dashoffset:0}.home-hero h1 .flip{background-size:100% 42%}}