@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Nunito:wght@400;500;600;700&display=swap";:root{color:#34332e;font-synthesis:none;--paper:#f7f4ea;--ink:#34332e;--red:#b44d42;--blue:#4b73a4;--green:#68815b;--yellow:#d3a949;--hand:"Patrick Hand","Comic Sans MS",cursive;background:#e8e5db;font-family:Nunito,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}a{color:inherit}a:focus-visible{outline:2px dashed var(--blue);outline-offset:5px}::selection{color:var(--ink);background:#e4d6a0}.album{background:var(--paper);width:min(100%,1440px);margin:auto;position:relative;overflow:hidden;box-shadow:0 0 30px #77756a29}.album:before{content:"";pointer-events:none;z-index:5;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.top-links{z-index:10;font:22px var(--hand);gap:clamp(14px,2vw,34px);display:flex;position:absolute;top:24px;right:6%}.top-links a{border-bottom:2px solid #0000;text-decoration:none;transform:rotate(-2deg)}.top-links a:nth-child(2){transform:rotate(2deg)}.top-links a:nth-child(3){transform:rotate(-3deg)}.top-links a:hover{border-color:var(--red);transform:rotate(1deg)translateY(-2px)}.paper-section{border-bottom:2px solid #5e5a4f29;min-height:480px;padding:clamp(70px,8vw,120px) clamp(25px,7vw,110px);position:relative}.paper-section:after{content:"";background:#706f6240;height:2px;position:absolute;bottom:-4px;left:10%;right:7%;transform:rotate(.14deg)}.section-number{font:18px var(--hand);color:#787367;letter-spacing:.02em;width:max-content;transform:rotate(-1deg)}.scribble-heading{font:clamp(45px,6.5vw,94px)/.95 var(--hand);letter-spacing:-.025em;margin:22px 0 0;font-weight:400;transform:rotate(-1deg)}.scribble-heading span{color:var(--blue);position:relative}.scribble-heading span:after{content:"";background:var(--red);border-radius:50%;height:4px;position:absolute;bottom:-7px;left:-3%;right:-4%;transform:rotate(-2deg)}.doodle{width:100px;height:100px;color:var(--ink);display:block;overflow:visible}.hero{height:min(830px,100svh);min-height:650px;padding-top:65px}.hero-content{grid-template-columns:1.1fr .9fr;align-items:center;height:100%;max-height:620px;display:grid}.hero-words{z-index:2;position:relative}.hi{font:clamp(34px,4vw,62px) var(--hand);color:var(--red);margin:0 0 -8px 18px;transform:rotate(-8deg)}.hi span{color:var(--yellow);vertical-align:top;font-size:30px}.hero h1{font:clamp(95px,13vw,190px)/.88 var(--hand);letter-spacing:-.09em;text-shadow:2px 2px #34332e40,-2px 1px #34332e2e;margin:0 0 22px -9px;font-weight:400;transform:rotate(-2deg)}.hero-subtitle{font:clamp(30px,3.2vw,48px) var(--hand);margin:0 0 48px 15px;transform:rotate(1.5deg)}.hero-subtitle span{color:var(--red);text-decoration:line-through;text-decoration-thickness:2px}.hero-start{font:25px var(--hand);border-bottom:2px solid var(--blue);align-items:center;gap:12px;width:max-content;margin-left:30px;text-decoration:none;display:flex}.hero-start .doodle{width:50px;height:50px;color:var(--blue);transform:rotate(22deg)}.hero-start:hover .doodle{transform:rotate(22deg)translate(7px)}.hero-drawing{height:380px;position:relative;transform:rotate(3deg)}.hero-drawing .doodle-computer{width:290px;height:290px;color:var(--blue);position:absolute;top:4%;right:3%;transform:rotate(5deg)}.hero-drawing .doodle-person{width:225px;height:315px;color:var(--ink);position:absolute;bottom:0;left:5%;transform:rotate(-7deg)}.hero-drawing span{font:25px var(--hand);color:var(--red);position:absolute;bottom:5%;right:10%;transform:rotate(-8deg)}.hero-bottom{font:17px var(--hand);color:#7e7a6f;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:18px;left:7%;right:8%}.hero-bottom .doodle{width:90px;height:90px;color:var(--yellow);transform:rotate(8deg)}.story{min-height:760px}.story-intro{max-width:640px;margin:36px 0 60px 12px;font-size:17px;line-height:1.7}.crossed{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:2px}.story-path{grid-template-columns:1fr 75px 1fr 75px 1fr;align-items:center;gap:10px;max-width:1090px;margin:10px auto 60px;display:grid}.story-moment{background:#fffdf633;border:2px solid #5c574c99;border-radius:9px 3px 11px 5px;min-height:330px;padding:16px 20px 20px;position:relative;transform:rotate(-2deg)}.story-moment:after{content:"";pointer-events:none;border:1px solid #5c574c60;border-radius:5px 10px 3px 9px;position:absolute;inset:5px -4px -4px 5px;transform:rotate(.8deg)}.story-moment:nth-of-type(2){margin-top:35px;transform:rotate(1.8deg)}.story-moment:nth-of-type(3){margin-top:-25px;transform:rotate(-1deg)}.story-moment b{font:34px var(--hand);color:var(--red);font-weight:400}.story-moment .doodle{width:100px;height:100px;color:var(--blue);margin:5px auto;transform:rotate(7deg)}.story-moment p{font:25px/1.1 var(--hand);margin:7px 0}.story-moment small{font:17px var(--hand);color:#7c796d}.story-moment:nth-of-type(2) .doodle{color:var(--red)}.story-moment:nth-of-type(3) .doodle{color:var(--yellow)}.story-arrow{width:75px;height:75px;color:var(--green);transform:rotate(13deg)}.arrow-two{transform:rotate(-11deg)}.margin-sun{color:var(--yellow);width:70px;position:absolute;top:95px;right:8%}.story-side-note{font:20px var(--hand);color:var(--green);position:absolute;bottom:65px;right:8%;transform:rotate(-12deg)}.games{padding-bottom:130px}.games-intro,.notes-intro{max-width:520px;margin:34px 0 0 8px;font-size:17px;line-height:1.6}.game-list{flex-direction:column;gap:120px;margin-top:80px;display:flex}.game-scrap{grid-template-columns:minmax(0,1.15fr) minmax(220px,.72fr);align-items:center;gap:clamp(30px,6vw,100px);display:grid;position:relative}.game-scrap:nth-child(2n){grid-template-columns:minmax(220px,.72fr) minmax(0,1.15fr)}.game-scrap:nth-child(2n) .game-picture{order:2}.game-scrap:nth-child(2n) .game-writing{order:1}.game-picture{position:relative}.photo{background:#fff;margin:0;padding:10px 10px 16px;position:relative;transform:rotate(-1.5deg);box-shadow:3px 6px 1px #807c7040}.photo img{-o-object-fit:cover;object-fit:cover;background:#191919;width:100%;height:auto;display:block}.tape{z-index:2;clip-path:polygon(0 7%,99% 0,94% 100%,4% 90%);background:#d7c8a8ad;border-left:1px solid #afa28060;width:75px;height:26px;position:absolute;top:-12px}.tape-left{left:7%;transform:rotate(-20deg)}.tape-right{right:7%;transform:rotate(18deg)}.game-scrap:nth-child(2n) .photo{transform:rotate(1.5deg)}.game-scrap:nth-child(3) .photo{transform:rotate(-2deg)}.game-picture .photo img{aspect-ratio:16/9}.game-writing{transform:rotate(1deg)}.game-counter{font:18px var(--hand);color:var(--green)}.game-writing h3{font:clamp(42px,5vw,72px)/.98 var(--hand);max-width:450px;margin:12px 0 25px;font-weight:400}.game-writing p{font:clamp(21px,2vw,28px)/1.25 var(--hand);max-width:380px;margin:0 0 25px}.game-type{font:17px var(--hand);color:var(--blue);margin-bottom:25px;display:block}.rough-link{font:23px var(--hand);border-bottom:2px solid var(--red);text-decoration:none}.rough-link:hover{color:var(--red)}.picture-note{font:21px var(--hand);color:var(--red);position:absolute;bottom:-35px;left:20%;transform:rotate(-4deg)}.game-doodle{width:75px;color:var(--yellow);position:absolute;bottom:-65px;right:2%;transform:rotate(15deg)}.game-question{font:80px var(--hand);color:var(--red);position:absolute;bottom:-35px;right:5%;transform:rotate(18deg)}.notes{min-height:840px}.notes-wall{grid-template-columns:1fr 1fr;align-items:start;gap:60px 80px;max-width:1110px;margin:70px auto 30px;display:grid;position:relative}.note-item{position:relative}.note-a{transform:rotate(-2deg)}.note-c{margin-top:-110px;transform:rotate(2deg)}.note-item .photo{padding:8px 8px 13px}.note-item .photo img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.note-a p,.note-c p{font:21px var(--hand);color:var(--red);margin:14px 15px}.note-b{height:270px;padding:20px 35px;transform:rotate(4deg)}.hand-note{font:27px/1.3 var(--hand)}.hand-note strong{color:var(--blue);font-weight:400}.note-b .doodle{width:80px;color:var(--green);position:absolute;bottom:0;right:15px}.note-d{font:25px/1.2 var(--hand);color:var(--green);align-items:center;gap:20px;display:flex;transform:rotate(-3deg)}.note-d .doodle{color:var(--red)}.about{min-height:490px}.about-layout{justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:auto;display:flex}.about-layout p{font:clamp(23px,2.3vw,30px) var(--hand);margin:18px 0;transform:rotate(-1deg)}.about-person{margin-right:10%;position:relative;transform:rotate(6deg)}.about-person .doodle{width:210px;height:230px}.about-person span{font:26px var(--hand);color:var(--red);position:absolute;top:10px;right:-50px}.links{border:0;min-height:400px}.social-list{font:clamp(22px,2.5vw,31px) var(--hand);flex-wrap:wrap;gap:25px 55px;margin:45px 0 95px;display:flex}.social-list a{border-bottom:2px solid var(--blue);text-decoration:none;transform:rotate(-2deg)}.social-list a:hover{color:var(--blue);transform:rotate(2deg)translateY(-2px)}.social-list span{color:var(--green)}.footer-small{font:18px var(--hand);color:#7b786f}.footer-star{width:85px;color:var(--yellow);position:absolute;bottom:60px;right:12%;transform:rotate(14deg)}@media (width<=850px){.paper-section{padding:70px 35px}.hero{min-height:650px}.hero-content{grid-template-columns:1fr .65fr}.hero-drawing .doodle-computer{width:190px;right:0}.hero-drawing .doodle-person{width:150px;left:-15px}.story-path{grid-template-columns:1fr;gap:10px;max-width:450px}.story-moment,.story-moment:nth-of-type(2),.story-moment:nth-of-type(3){min-height:250px;margin:0}.story-arrow{margin:auto;transform:rotate(90deg)}.arrow-two{transform:rotate(90deg)}.game-list{gap:90px}.game-scrap,.game-scrap:nth-child(2n){grid-template-columns:1fr;gap:30px;max-width:620px;margin:auto}.game-scrap:nth-child(2n) .game-picture,.game-scrap:nth-child(2n) .game-writing{order:initial}.game-writing{padding-left:15px}.notes-wall{gap:30px}.note-c{margin-top:0}}@media (width<=600px){.album{width:100%}.top-links{justify-content:flex-end;gap:15px;font-size:19px;top:18px;left:20px;right:20px}.paper-section{padding:75px 22px}.section-number{font-size:16px}.hero{height:760px;min-height:0;padding-top:85px}.hero-content{height:auto;max-height:none;display:block}.hero-words{padding-top:50px}.hero h1{margin-left:-5px;font-size:clamp(80px,19vw,120px)}.hero-subtitle{margin-left:4px;font-size:32px}.hero-drawing{height:265px;margin-top:-15px}.hero-drawing .doodle-computer{width:195px;height:190px;top:25px;right:6%}.hero-drawing .doodle-person{width:140px;height:210px;bottom:0;left:9%}.hero-drawing span{font-size:19px;bottom:7%;right:12%}.hero-bottom{font-size:14px;left:22px;right:18px}.hero-bottom .doodle{width:65px;height:65px}.story-intro{margin:35px 0 50px}.margin-sun{width:50px;top:125px;right:20px}.story-side-note{display:none}.games-intro,.notes-intro{margin-left:0}.game-list{margin-top:60px}.game-scrap{width:100%}.game-writing h3{font-size:49px}.game-writing p{font-size:24px}.picture-note{font-size:18px}.notes-wall{flex-direction:column;gap:45px;display:flex}.note-a,.note-b,.note-c,.note-d{width:100%;margin:0}.note-b{height:210px}.note-d{padding:0 20px}.about-layout{align-items:flex-start}.about-person{margin:35px 25px 0 0}.about-person .doodle{width:105px;height:130px}.about-person span{font-size:20px;right:-35px}.footer-star{width:55px;bottom:40px;right:30px}.social-list{margin-bottom:80px}.scribble-heading{font-size:56px}}@media (width<=390px){.top-links{gap:10px;font-size:17px}.hero h1{font-size:78px}.hero-subtitle{font-size:28px}.about-person{margin-right:5px}.about-person .doodle{width:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.svg-filters{width:0;height:0;position:absolute;overflow:hidden}.doodle .pencil-shadow{opacity:.24;stroke-width:1.4px}.hi .doodle-star{width:30px;height:30px;color:var(--yellow);vertical-align:top;display:inline-block;transform:rotate(13deg)}.hero-drawing .hero-avatar{mix-blend-mode:multiply;width:min(100%,420px);height:auto;display:block;position:absolute;top:-18px;right:1%;transform:rotate(5deg)}.hero-drawing .avatar-computer{width:90px;height:90px;color:var(--blue);inset:auto auto 5% 2%;transform:rotate(-8deg)}.hero-drawing span{bottom:-2%;right:3%}.game-sickness-says .photo img{aspect-ratio:920/430;-o-object-fit:contain;object-fit:contain}.game-after-truth .photo img,.game-wrong-bell .photo img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (width<=850px){.hero-drawing .hero-avatar{width:min(100%,320px);top:26px;right:-2%}.hero-drawing .avatar-computer{width:75px;height:75px;bottom:13%;left:-13%}}@media (width<=600px){.hero-drawing .hero-avatar{width:min(85%,260px);top:0;right:7%}.hero-drawing .avatar-computer{width:60px;height:60px;bottom:3%;left:6%}.hero-drawing span{bottom:1%;right:0}}.crossed,.hero-subtitle span{text-decoration-line:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:solid;text-decoration-thickness:6px}.hero-subtitle span{text-decoration-thickness:8px}.album{transition:opacity .18s ease-out}.album.modal-dimmed{opacity:.68}.motion-ready .hi{animation:.23s 20ms both hero-hi-in}.motion-ready .hero-start{animation:.23s .165s both hero-link-in}.motion-ready .hero-avatar{animation:.32s .105s both avatar-place,11s .95s infinite avatar-idle}.motion-ready .avatar-computer{animation:.24s .21s both doodle-place}@keyframes hero-hi-in{0%{opacity:0;transform:translateY(5px)rotate(-9deg)}to{opacity:1;transform:rotate(-8deg)}}@keyframes hero-title-in{0%{opacity:0;transform:translateY(9px)rotate(-3deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes hero-subtitle-in{0%{opacity:0;transform:translateY(7px)rotate(.5deg)}to{opacity:1;transform:rotate(1.5deg)}}@keyframes hero-link-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-place{0%{opacity:0;transform:translateY(9px)rotate(3deg)}to{opacity:1;transform:rotate(5deg)}}@keyframes avatar-idle{0%,81%,to{translate:0;rotate:0deg}85%{translate:1px -1px;rotate:.35deg}90%{translate:-1px;rotate:-.25deg}}@keyframes doodle-place{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.motion-ready [data-reveal]{opacity:0;transition:opacity .29s ease-out,translate .32s cubic-bezier(.2,.8,.25,1.08),rotate .32s ease-out;transition-delay:var(--reveal-delay,0s);translate:0 9px;rotate:-.35deg}.motion-ready [data-reveal].is-visible{opacity:1;translate:0;rotate:0deg}.story-intro,.games-intro,.notes-intro,.social-list{--reveal-delay:55ms}.story-moment:nth-of-type(2),.game-scrap:nth-child(2),.note-item:nth-child(2){--reveal-delay:50ms}.story-moment:nth-of-type(3),.game-scrap:nth-child(3),.note-item:nth-child(3){--reveal-delay:95ms}.note-item:nth-child(4),.about-person{--reveal-delay:70ms}.motion-ready .hero-start .doodle-arrow g:last-child path{stroke-dasharray:220;stroke-dashoffset:220px;animation:.38s cubic-bezier(.28,.75,.4,1) .3s forwards pencil-line}.motion-ready .story-moment.is-visible .doodle-star g:last-child path{stroke-dasharray:420;stroke-dashoffset:420px;animation:.5s cubic-bezier(.3,.8,.4,1) 90ms forwards pencil-line}@keyframes pencil-line{to{stroke-dashoffset:0}}.motion-ready .scribble-heading span:after{transform-origin:0;transition:scale .33s cubic-bezier(.2,.75,.35,1) .1s;scale:0 1}.motion-ready .scribble-heading.is-visible span:after,.motion-ready [data-reveal].is-visible .scribble-heading span:after{scale:1}.game-photo-button{z-index:4;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.game-picture .photo{transition:transform .22s cubic-bezier(.2,.75,.25,1.08),box-shadow .22s ease-out}.game-picture .photo img{transform-origin:50%;transition:transform .22s cubic-bezier(.2,.75,.25,1.08)}.game-photo-button:hover+.photo{transform:rotate(-.4deg)scale(1.01);box-shadow:4px 7px 1px #807c7040}.game-scrap:nth-child(2n) .game-photo-button:hover+.photo{transform:rotate(.5deg)scale(1.01)}.game-photo-button:hover+.photo img{transform:scale(1.012)}.game-photo-button:active+.photo,.game-scrap:nth-child(2n) .game-photo-button:active+.photo{transform:rotate(0)scale(.984);box-shadow:1px 2px 1px #807c7040}.game-photo-button:focus-visible+.photo{outline:2px dashed var(--blue);outline-offset:6px}.game-title-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:inline-block;position:relative}.game-title-button:after,.rough-link:after,.top-links a:after{content:"";background:var(--red);transform-origin:0;height:2px;transition:scale .21s cubic-bezier(.25,.7,.3,1);position:absolute;bottom:0;left:0;right:0;scale:0 1}.game-title-button:hover:after,.game-title-button:focus-visible:after,.rough-link:hover:after,.rough-link:focus-visible:after,.top-links a:hover:after,.top-links a:focus-visible:after{scale:1}.game-title-button:active{transform:scale(.985)}.rough-link{border-bottom:0;display:inline-block;position:relative}.top-links a:hover{border-color:#0000}.notebook-overlay{z-index:50;background:#28251ed1;place-items:center;padding:clamp(8px,2vw,26px);animation:.18s ease-out both notebook-shade-in;display:grid;position:fixed;inset:0}.notebook-page{background:var(--paper);transform-origin:50% 6%;border:2px solid #514f46;width:min(100%,1160px);height:min(94dvh,900px);min-height:0;animation:.22s cubic-bezier(.23,.78,.3,1) both notebook-open;box-shadow:6px 8px #26231c73}.notebook-scroll{overscroll-behavior:contain;scrollbar-color:#918c7e var(--paper);height:100%;overflow-y:auto}.notebook-toolbar{z-index:2;background:var(--paper);min-height:66px;font:20px var(--hand);border-bottom:2px solid #5b584d9c;justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(20px,4vw,50px);display:flex;position:sticky;top:0}.notebook-toolbar button{color:var(--ink);cursor:pointer;font:28px var(--hand);text-decoration:underline;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);text-underline-offset:5px;background:0 0;border:0;padding:4px 0}.notebook-toolbar button:hover{translate:-2px}.notebook-toolbar span{color:#6d695e;text-align:right}.notebook-content{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(25px,5vw,75px);padding:clamp(25px,5vw,70px);display:grid}.notebook-art{background:#fff;margin:0;padding:10px 10px 16px;animation:.27s 35ms both notebook-block-in;transform:rotate(-1deg);box-shadow:3px 5px #807c7040}.notebook-art img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:70dvh;display:block}.notebook-copy{animation:.27s 90ms both notebook-block-in}.notebook-copy h2{font:clamp(44px,5.5vw,77px)/.97 var(--hand);margin:0 0 18px}.notebook-subtitle{font:clamp(20px,2.2vw,29px) var(--hand);color:var(--blue);margin:0 0 30px}.notebook-description{max-width:540px;margin:0 0 28px;font:18px/1.7 Nunito,Arial,sans-serif}.notebook-tags{font:20px/1.4 var(--hand);color:var(--green);margin:0 0 32px}.notebook-copy a{font:24px var(--hand);border-bottom:2px solid var(--red);text-decoration:none}.notebook-copy a:hover{color:var(--red)}.notebook-overlay.is-closing{pointer-events:none;animation:.18s ease-in both notebook-shade-out}.notebook-overlay.is-closing .notebook-page{animation:.18s ease-in both notebook-close}@keyframes notebook-shade-in{0%{opacity:0}to{opacity:1}}@keyframes notebook-shade-out{0%{opacity:1}to{opacity:0}}@keyframes notebook-open{0%{opacity:0;transform:translateY(10px)rotate(-.5deg)scale(.994)}to{opacity:1;transform:none}}@keyframes notebook-close{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(7px)rotate(.3deg)scale(.997)}}@keyframes notebook-block-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (width<=850px){.notebook-content{grid-template-columns:1fr;align-items:start}.notebook-art{max-width:680px}.notebook-art img{max-height:none}}@media (width<=600px){.notebook-overlay{padding:0}.notebook-page{width:100%;height:100dvh;box-shadow:none;border:0}.notebook-toolbar{min-height:58px}.notebook-toolbar button{font-size:25px}.notebook-toolbar span{font-size:16px}.notebook-content{padding:24px 20px 50px}.notebook-copy h2{font-size:48px}.notebook-description{font-size:16px}.motion-ready .hero-avatar{animation:.26s .105s both avatar-place}.game-photo-button:hover+.photo,.game-scrap:nth-child(2n) .game-photo-button:hover+.photo,.game-photo-button:hover+.photo img{transform:none}}@media (prefers-reduced-motion:reduce){.album,.motion-ready [data-reveal],.game-picture .photo,.game-picture .photo img,.game-title-button:after,.rough-link:after,.top-links a:after,.scribble-heading span:after{transition:none!important;animation:none!important}.motion-ready .hi,.motion-ready .hero h1,.motion-ready .hero-subtitle,.motion-ready .hero-start,.motion-ready .hero-avatar,.motion-ready .avatar-computer{animation:none!important}.motion-ready [data-reveal]{opacity:1!important;translate:0!important;rotate:0deg!important}.motion-ready .hero-start .doodle-arrow g:last-child path,.motion-ready .story-moment .doodle-star g:last-child path{stroke-dashoffset:0!important;animation:none!important}.motion-ready .scribble-heading span:after{scale:1!important}.notebook-overlay,.notebook-page,.notebook-art,.notebook-copy{animation:none!important}.notebook-toolbar button:hover{translate:0}.game-photo-button:hover+.photo,.game-photo-button:active+.photo,.game-scrap:nth-child(2n) .game-photo-button:hover+.photo,.game-scrap:nth-child(2n) .game-photo-button:active+.photo{transform:none}}.hero-drawing .avatar-fill{isolation:isolate;width:min(100%,420px);position:absolute;top:-18px;right:1%;transform:rotate(5deg)}.hero-drawing .avatar-fill .hero-avatar{mix-blend-mode:multiply;width:100%;height:auto;display:block;position:static;top:auto;right:auto;transform:none}.avatar-pencil-pass{pointer-events:none;mix-blend-mode:multiply;opacity:0;background:repeating-linear-gradient(140deg,#0000 0 7px,#5d594b48 8px 9px,#0000 10px 17px);position:absolute;inset:0}.motion-ready .avatar-fill{animation:.3s 45ms both avatar-place,11s 1.1s infinite avatar-idle}.motion-ready .avatar-fill .hero-avatar{animation:.86s steps(8,end) 80ms both avatar-pencil-fill}.motion-ready .avatar-pencil-pass{animation:.86s steps(8,end) 80ms both avatar-pencil-fill,.86s linear 80ms both avatar-shading}@keyframes avatar-pencil-fill{0%{clip-path:polygon(0 0,0 0,0 0,0 0,0 0)}24%{clip-path:polygon(0 0,48% 0,27% 28%,0 54%,0 54%)}49%{clip-path:polygon(0 0,100% 0,73% 48%,29% 100%,0 100%)}74%{clip-path:polygon(0 0,100% 0,100% 74%,75% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%)}}@keyframes avatar-shading{0%,15%{opacity:0}25%,70%{opacity:.55}to{opacity:0}}@media (width<=850px){.hero-drawing .avatar-fill{width:min(100%,320px);top:26px;right:-2%}}@media (width<=600px){.hero-drawing .avatar-fill{width:min(85%,260px);top:0;right:7%}.motion-ready .avatar-fill{animation:.23s 45ms both avatar-place}.motion-ready .avatar-fill .hero-avatar,.motion-ready .avatar-pencil-pass{animation-duration:.62s}}.motion-ready .hero h1{animation:.28s 65ms both hero-title-in,.54s steps(7,end) 65ms both pencil-text-uncover}.motion-ready .hero-subtitle{animation:.28s .115s both hero-subtitle-in,.46s steps(7,end) .115s both pencil-text-uncover}.motion-ready .scribble-heading[data-reveal],.motion-ready [data-reveal] .scribble-heading{clip-path:inset(-10px 100% -16px 0)}.motion-ready .scribble-heading[data-reveal].is-visible,.motion-ready [data-reveal].is-visible .scribble-heading{animation:pencil-text-uncover .48s var(--reveal-delay,0s) steps(8,end) both}@keyframes pencil-text-uncover{0%{clip-path:inset(-10px 100% -16px 0)}to{clip-path:inset(-10px 0 -16px)}}.motion-ready .game-scrap .photo img,.motion-ready .note-item .photo img{clip-path:polygon(0 0,0 0,0 0,0 0,0 0)}.motion-ready .game-scrap.is-visible .photo img,.motion-ready .note-item.is-visible .photo img{animation:.65s steps(8,end) 90ms both avatar-pencil-fill}.motion-ready .game-scrap .game-writing h3{clip-path:inset(-8px 100% -8px 0)}.motion-ready .game-scrap.is-visible .game-writing h3{animation:.44s steps(7,end) .145s both pencil-text-uncover}.motion-ready .story-intro[data-reveal],.motion-ready .games-intro[data-reveal],.motion-ready .notes-intro[data-reveal],.motion-ready .footer-small[data-reveal],.motion-ready .story-side-note[data-reveal],.motion-ready .about-layout [data-reveal] p,.motion-ready .social-list[data-reveal]>*,.motion-ready .game-scrap .picture-note,.motion-ready .game-scrap .game-question{clip-path:inset(-4px 100% -4px 0)}.motion-ready .story-intro.is-visible,.motion-ready .games-intro.is-visible,.motion-ready .notes-intro.is-visible,.motion-ready .footer-small.is-visible,.motion-ready .story-side-note.is-visible,.motion-ready .game-scrap.is-visible .picture-note,.motion-ready .game-scrap.is-visible .game-question{animation:.43s steps(7,end) 80ms both pencil-text-uncover}.motion-ready .about-layout [data-reveal].is-visible p{animation:.39s steps(6,end) both pencil-text-uncover}.motion-ready .about-layout [data-reveal].is-visible p:first-of-type{animation-delay:.11s}.motion-ready .about-layout [data-reveal].is-visible p:nth-of-type(2){animation-delay:.18s}.motion-ready .about-layout [data-reveal].is-visible p:nth-of-type(3){animation-delay:.25s}.motion-ready .social-list.is-visible>*{animation:.39s steps(6,end) both pencil-text-uncover}.motion-ready .social-list.is-visible>:nth-child(2){animation-delay:75ms}.motion-ready .social-list.is-visible>:nth-child(3){animation-delay:.15s}.motion-ready .game-scrap .photo:before,.motion-ready .note-item .photo:before{content:"";z-index:3;pointer-events:none;clip-path:inset(0 100% 0 0);border:1px solid #6860528c;position:absolute;inset:5px}.motion-ready .game-scrap.is-visible .photo:before,.motion-ready .note-item.is-visible .photo:before{animation:.52s steps(7,end) .18s both pencil-frame}@keyframes pencil-frame{to{clip-path:inset(0)}}.motion-ready .story-moment .doodle,.motion-ready .note-item .doodle,.motion-ready .about-person .doodle,.motion-ready .doodle[data-reveal],.motion-ready .hero-bottom .doodle-sun{clip-path:inset(0 100% 0 0)}.motion-ready .story-moment.is-visible .doodle,.motion-ready .note-item.is-visible .doodle,.motion-ready .about-person.is-visible .doodle,.motion-ready .doodle[data-reveal].is-visible{animation:.43s steps(7,end) 80ms both pencil-doodle-uncover}.motion-ready .hero-bottom .doodle-sun{animation:.42s steps(7,end) .36s both pencil-doodle-uncover}@keyframes pencil-doodle-uncover{to{clip-path:inset(0)}}.notebook-art img{animation:.65s steps(8,end) 70ms both avatar-pencil-fill}.notebook-copy h2{animation:.43s steps(7,end) 80ms both pencil-text-uncover}@media (width<=600px){.motion-ready .game-scrap.is-visible .photo img,.motion-ready .note-item.is-visible .photo img,.notebook-art img{animation-duration:.43s;animation-timing-function:steps(5,end)}.motion-ready [data-reveal]{transition-duration:.23s}}@media (prefers-reduced-motion:reduce){.motion-ready .avatar-fill,.motion-ready .avatar-fill .hero-avatar,.motion-ready .avatar-pencil-pass,.motion-ready .hero h1,.motion-ready .hero-subtitle,.motion-ready .scribble-heading[data-reveal],.motion-ready [data-reveal] .scribble-heading,.motion-ready .game-scrap .photo img,.motion-ready .note-item .photo img,.motion-ready .game-scrap .game-writing h3,.motion-ready .story-intro[data-reveal],.motion-ready .games-intro[data-reveal],.motion-ready .notes-intro[data-reveal],.motion-ready .footer-small[data-reveal],.motion-ready .story-side-note[data-reveal],.motion-ready .about-layout [data-reveal] p,.motion-ready .social-list[data-reveal]>*,.motion-ready .game-scrap .picture-note,.motion-ready .game-scrap .game-question,.motion-ready .game-scrap .photo:before,.motion-ready .note-item .photo:before,.motion-ready .story-moment .doodle,.motion-ready .note-item .doodle,.motion-ready .about-person .doodle,.motion-ready .doodle[data-reveal],.motion-ready .hero-bottom .doodle-sun,.notebook-art img,.notebook-copy h2{clip-path:none!important;opacity:1!important;animation:none!important}.motion-ready .avatar-pencil-pass{display:none}}