:root{--primary-color:#5e0006;--secondry-color:#9b0f06;--highlight-color:#d53e0f;--accent-color:#ffe100;--background-color:#fbf4f4;--ink:#1a1815;--cream:#faf6ec}*{box-sizing:border-box;margin:0}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;min-height:100%;overflow-x:hidden}.route-loading{min-height:100svh;color:var(--ink);place-items:center;font-family:sans-serif;display:grid}body{--mouse-x:50vw;--mouse-y:50vh;--scroll-y:0px;isolation:isolate;background:var(--background-color)}body:before{content:"";z-index:-1;pointer-events:none;width:800px;height:800px;transform:translate3d(calc(var(--mouse-x) - 400px), calc(var(--mouse-y) - 400px), 0);will-change:transform;background:radial-gradient(400px,#ffe1002d,#0000 80%);position:fixed;top:0;left:0}#background-grid{z-index:0;width:100dvw;height:100dvh;transform:translate3d(0, var(--scroll-y), 0);will-change:transform;background:repeating-linear-gradient(90deg,#0000 0 19px,#00000012 20px),repeating-linear-gradient(0deg,#0000 0 19px,#00000012 20px);position:fixed;top:0}#root{z-index:1;position:relative}body::-webkit-scrollbar{display:none}.geist-pixel-uniquifier{font-optical-sizing:auto;font-variation-settings:"ELSH" 0;font-family:Geist Pixel,sans-serif;font-style:normal;font-weight:400}.fontdiner-swanky-regular{font-family:Fontdiner Swanky,serif;font-style:normal;font-weight:400}.rubik-spray-paint-regular{font-family:Rubik Spray Paint,system-ui;font-style:normal;font-weight:400}.jersey-25-regular{font-family:"Jersey 25",sans-serif;font-style:normal;font-weight:300}.chelsea-market-regular{font-family:Chelsea Market,system-ui;font-style:normal;font-weight:400}.rubik-dirt-regular{font-family:Rubik Dirt,system-ui;font-style:normal;font-weight:400}.permanent-marker-regular{font-family:Permanent Marker,cursive;font-style:normal;font-weight:400}.erica-one-regular{font-family:Erica One,sans-serif;font-style:normal;font-weight:400}section{transform-origin:top}@keyframes softRise{0%{opacity:0;translate:0 20px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes paperDrift{0%,to{translate:0}50%{translate:0 -6px}}@keyframes pinnedNoteArrive{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-section{width:100%;height:calc(100vh - 80px);position:relative;top:80px}.landing-section-content{height:100%;display:flex}.landing-section-left-content{flex-direction:column;align-items:center;width:60%;height:100%;display:flex}#landing-section-greeting{color:#fff;letter-spacing:1px;filter:brightness(1.3);background-color:var(--highlight-color);z-index:999;padding:4px 12px;font-size:32px;font-weight:900;animation:5s ease-in-out infinite greetingIdle;position:absolute;top:95px;left:55px}#landing-section-greeting div{filter:url(#crayon)}@keyframes greetingIdle{0%,to{transform:rotate(-20deg)scale(1.2)}50%{transform:rotate(-18deg)scale(1.2)}}.landing-section-title-container{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:375px;padding-bottom:24px;display:flex;position:relative}#landing-section-title{filter:url(#crayon);font-size:104px;line-height:.8;position:relative;left:-18px}#developer-text{color:var(--highlight-color)}#landing-section-sub-title{filter:url(#crayon);color:#0000008c;align-self:flex-start;width:600px;margin-top:12px;margin-left:100px;font-size:20px;font-weight:100;line-height:1.1}.about-section #landing-section-title{animation:.65s cubic-bezier(.2,.8,.2,1) both softRise}.about-section #landing-section-sub-title{animation:.65s cubic-bezier(.2,.8,.2,1) .12s both softRise}.search-box{filter:url(#crayon);border-radius:12px;width:720px;height:65px;margin-bottom:240px;display:flex;box-shadow:2px 6px #000}.search-box.is-searching{animation:.2s cubic-bezier(.2,.8,.2,1) both searchBarPress}.search-box-container{position:relative}.search-feedback{width:100%;min-height:1.25rem;color:var(--ink);text-align:center;font-family:"Jersey 25",sans-serif;font-size:16px;position:absolute;top:calc(100% + 10px);left:0}#search-input{border:3px solid #000;border-top-left-radius:12px;border-bottom-left-radius:12px;flex:1;padding-left:16px;padding-right:8px;font-size:18px;box-shadow:2px 0 #000}#search-input:focus{outline:none}#search-btn{background-color:var(--accent-color);cursor:pointer;border:3px solid #000;border-top-right-radius:12px;border-bottom-right-radius:12px;width:75px}#search-btn:focus-visible{outline:3px solid var(--highlight-color);outline-offset:3px}#search-icon{transform-origin:82% 82%;display:inline-block;scale:1.4}#search-btn:active{filter:brightness(1.1);position:relative;top:3px;left:1px}#search-btn:active #search-icon{animation:.18s cubic-bezier(.34,1.56,.64,1) searchTilt}#search-btn:disabled{cursor:wait}.search-box.is-searching #search-icon{animation:.2s ease-in-out both searchIconLaunch}@keyframes searchBarPress{0%{transform:translateY(0)scale(1)}45%{transform:translateY(3px)scale(.985)}to{transform:translateY(-3px)scale(.99)}}@keyframes searchIconLaunch{0%{transform:rotate(0)scale(1)}55%{transform:rotate(-18deg)scale(1.28)}to{transform:rotate(5deg)scale(1.1)}}@keyframes searchTilt{0%{transform:rotate(0)}35%{transform:rotate(7deg)}to{transform:rotate(0)}}#title-scrible{z-index:99;position:absolute;top:170px;left:60px;transform:rotate(-90deg)scale(1.6)}.landing-section-right-content{box-sizing:border-box;flex-direction:column;align-items:center;width:40%;height:100%;display:flex;position:relative}.right-grid-container{z-index:0;width:450px;height:450px;position:absolute;top:80px;right:0;overflow:hidden;transform:skewY(-8deg)}.sticky-notes{filter:url(#crayonWobble);width:min(100%,232px)}.sticky-notes:hover{filter:brightness(1.05)url(#crayon)}.about-social-links{z-index:4;gap:7px;margin-top:10px;display:grid;position:relative}.about-social-link{z-index:4;width:fit-content;min-height:28px;color:inherit;filter:url(#crayonWobble);align-items:center;gap:8px;padding:3px 2px 2px;font-family:"Jersey 25",sans-serif;font-size:18px;line-height:1.05;text-decoration:none;transition:transform .15s,color .15s,background-color .15s;display:flex;position:relative}.about-social-link:nth-child(2n){transform:rotate(.5deg)}.about-social-link:nth-child(3n){transform:rotate(-.6deg)}.about-social-link svg{flex:0 0 17px;width:17px}.landing-section-right-content .about-social-link>span:first-of-type{isolation:isolate;padding:0 2px;position:relative}.landing-section-right-content .about-social-link>span:first-of-type:before{z-index:-1;background:color-mix(in srgb, var(--highlight-color) 24%, transparent);content:"";border-radius:3px 2px 4px;height:48%;transition:height .15s,background-color .15s;position:absolute;bottom:1px;left:-1px;right:-1px;transform:rotate(-1deg)skew(-8deg)}.about-social-link:hover{color:var(--highlight-color);text-decoration:underline;transform:translate(2px,-1px)rotate(0)}.landing-section-right-content .about-social-link:hover>span:first-of-type:before,.landing-section-right-content .about-social-link:focus-visible>span:first-of-type:before{background:color-mix(in srgb, var(--highlight-color) 34%, transparent);height:82%}.about-social-link:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.about-social-link-arrow{font-family:Space Grotesk,sans-serif;font-size:13px}.about-social-mobile{display:none}#sticky-note-1{z-index:1;position:absolute;top:54px;left:clamp(16px,18%,120px)}#sticky-note-2{z-index:3;position:absolute;top:250px;left:clamp(24px,100% - 240px,380px)}#sticky-note-4{z-index:2;position:absolute;top:368px;left:clamp(12px,12%,100px)}#curious-hint{text-align:center;width:200px;color:var(--highlight-color);z-index:99;font-size:18px;line-height:.8;position:absolute;bottom:180px;left:670px;transform:rotate(10deg)}#right-grid{filter:url(#crayon);background:repeating-linear-gradient(90deg,#0000 0 23.5px,#0009 25px),repeating-linear-gradient(8deg,#0000 0 23px,#0009 25px);border:1px solid #0009;width:450px;height:450px}#wiggle-arrow{position:absolute;top:0;left:785px;transform:rotate(60deg)scale(1.5)}#rough-underline{width:120px;height:60px;position:absolute;top:326px;left:245px}#rough-circle-1{z-index:1;animation:35s ease-in-out infinite rotateCircles;position:absolute;bottom:28px;left:-12px;transform:scale(2.4)}#rough-circle-2{transition:all .5;z-index:1;animation:25s linear infinite reverse rotateCircles;position:absolute;bottom:0;left:124px;transform:scale(1.7)}#rough-circle-3{z-index:1;animation:30s linear infinite rotateCircles;position:absolute;bottom:8px;left:256px;transform:scale(1.9)}@keyframes rotateCircles{0%{rotate:0deg}to{rotate:360deg}}#paint-spot-1{position:absolute;top:-920px;right:-1500px;transform:scale(.1)}#paint-spot-2{z-index:0;position:absolute;top:-650px;left:-1400px;transform:scale(.08)rotate(190deg)}#projects-hint{text-align:center;width:200px;color:var(--ink);z-index:99;font-size:24px;line-height:.8;position:absolute;bottom:150px;left:420px;transform:rotate(-10deg)}#project-arrow{position:absolute;bottom:32px;left:540px;transform:scaleY(-1)scale(.8)rotate(-115deg)}#project-arrow path{stroke:var(--ink)}.project-section{z-index:99;background-color:#000;justify-content:center;align-items:center;height:50vh;margin-top:64px;margin-bottom:108px;display:flex;position:relative;box-shadow:0 96px 64px #0003,0 -96px 64px #0003}#project-section-separator-1{position:absolute;top:-96px;transform:scaleY(.6)}#project-section-separator-shadow-1{animation:7s ease-in-out infinite projectSeparatorShadowDrift;position:absolute;top:-112px;transform:scale(.8)scaleX(1.6)}#project-section-separator-shadow-1 path{fill:#00000090}.project-cards-container{position:relative;overflow:hidden}.project-cards-scroll{gap:40px;width:100%;height:auto;padding:40px 100px;display:flex;overflow-x:scroll}.project-cards-scroll::-webkit-scrollbar{display:none}.project-cards-scroll>*{z-index:99;flex-shrink:0}.project-card-link{color:inherit;flex:none;text-decoration:none;display:block}.project-card-link:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}@media (width>=841px) and (width<=900px){.project-cards-scroll{justify-content:safe center}#project-fade-right,#project-fade-left{display:none}}@media (width>=961px){.project-cards-scroll{justify-content:safe center}#project-fade-right,#project-fade-left{display:none}}.project-section .project-cards-scroll>*{animation:.62s cubic-bezier(.2,.8,.2,1) both postcardEnter}.project-section .project-cards-scroll>:nth-child(2){animation-delay:90ms}.project-section .project-cards-scroll>:nth-child(3){animation-delay:.18s}.project-section .project-cards-scroll>:nth-child(4){animation-delay:.27s}.project-section .project-cards-scroll>:nth-child(5){animation-delay:.36s}.project-section .project-cards-scroll>:nth-child(6){animation-delay:.45s}@keyframes postcardEnter{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}.project-cards-scroll svg:hover{scale:1.02}.project-cards-scroll svg{transition:scale .18s,filter .18s}#project-fade-right,#project-fade-left{color:#ffffff2d;appearance:none;cursor:pointer;z-index:999;background:linear-gradient(90deg,#0000 0%,#000 100%);border:0;justify-content:end;align-items:center;width:250px;height:100%;padding:40px;font-size:70px;transition:all .2s;display:flex;position:absolute;right:0}#project-fade-right:focus-visible,#project-fade-left:focus-visible{outline:3px solid var(--accent-color);outline-offset:-6px}#project-fade-right:hover,#project-fade-left:hover{color:#ffffff8f;translate:0 -2px}#project-fade-right:active,#project-fade-left:active{color:#ffffffa7;font-size:64px}#project-fade-left{background:linear-gradient(90deg,#000 0%,#0000 100%);justify-content:start;left:0}#project-section-separator-2{position:absolute;bottom:-96px;transform:rotate(180deg)scaleY(.6)}#project-section-separator-shadow-2{animation:8s ease-in-out infinite projectSeparatorShadowDriftReverse;position:absolute;bottom:-112px;transform:rotate(180deg)scale(.8)scaleX(1.6)}#project-section-separator-shadow-2 path{fill:#00000090}@keyframes projectSeparatorShadowDrift{0%,to{translate:0}50%{translate:7px 3px}}@keyframes projectSeparatorShadowDriftReverse{0%,to{translate:0}50%{translate:-6px -3px}}#projects-dashed-line{position:absolute;top:100px;left:430px;transform:scale(2.5)}.tools-section{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);margin-top:-96px;display:flex;position:relative}.tools-section #tools-part-1,.tools-section #tools-part-2,.tools-section #tools-part-3{animation:.7s cubic-bezier(.2,.8,.2,1) both toolsColumnEnter}.tools-section #tools-part-2{animation-delay:.12s}.tools-section #tools-part-3{animation-delay:.24s}@keyframes toolsColumnEnter{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}.tools-part{width:33%}#tools-part-1{padding-top:48px;padding-left:24px}#tools-section-title{text-align:left;filter:url(#crayon);font-size:60px;line-height:.8;position:relative}#tools-text{color:var(--highlight-color);font-size:56.7px}#swiggly-line{margin-top:-38px;position:relative;left:-24px}#tools-section-sub-title{filter:url(#crayon);margin-top:-38px;font-size:20px;font-weight:100;line-height:1.1}#legend-note{width:212px;margin-top:24px;position:relative;top:40px;left:104px;scale:1.5}#tools-part-2{padding-top:96px}#tools-part-3{flex-direction:column;align-items:center;padding-top:96px;display:flex}#tools-curved-arrow{position:absolute;top:290px;right:330px;transform:rotate(-50deg)}#tools-info-text{text-align:left;filter:url(#crayon);position:absolute;top:400px;right:340px;transform:rotate(-14deg)}#quick-stat-note{position:relative;left:64px;transform:scale(.9)}#favorite-note{position:relative;top:-60px;left:84px;transform:scale(.7)}#tools-btn-scrible-1{z-index:99;position:absolute;top:670px;right:370px;transform:rotate(-77deg)scale(1.1)}#tools-btn-scrible-1 #stroke-2,#tools-btn-scrible-1 #stroke-3{stroke:var(--highlight-color)}#tools-btn-scrible-2{z-index:99;position:absolute;top:620px;right:60px;transform:rotate(77deg)scale(1.1)}#tools-btn-scrible-2 #stroke-1{stroke:var(--highlight-color)}#tools-send-message-btn{position:relative;top:-84px;rotate:-8deg}.experiments-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);padding-top:32px;display:flex;position:relative}.experiments-section #experiments-section-title{z-index:2;animation:.68s cubic-bezier(.2,.8,.2,1) both softRise}.experiments-section #experiments-section-sub-title{z-index:2;animation:.65s cubic-bezier(.2,.8,.2,1) .13s both softRise;position:relative}.experiments-section .experiment-tabs-container{animation:.65s cubic-bezier(.2,.8,.2,1) .23s both softRise}.experiments-section #pin-board-1,.experiments-section #pin-board-2{animation:.8s both boardFadeIn}.experiments-section #pin-board-2{animation-delay:.14s}@keyframes boardFadeIn{0%{opacity:0}to{opacity:1}}#engage-text{text-align:center;filter:url(#crayon);position:absolute;top:70px;left:140px;transform:rotate(-14deg)}#curved-arrow{position:absolute;top:20px;left:230px}#experiments-title-scrible-1{z-index:99;position:absolute;top:88px;left:310px;transform:rotate(-121deg)scale(1.3)}#experiments-title-scrible-1 g{stroke:var(--highlight-color)}#experiments-title-scrible-2{z-index:99;position:absolute;top:28px;right:310px;transform:rotate(77deg)scale(1.1)}#experiments-title-scrible-2 #stroke-1,#experiments-title-scrible-2 #stroke-2{stroke:var(--highlight-color)}#experiments-section-title{text-align:center;filter:url(#crayon);font-size:60px;line-height:.8;position:relative}#experiments-text{color:var(--highlight-color);font-size:56.7px}#experiments-section-sub-title{text-align:center;filter:url(#crayon);color:#0000006e;margin-top:16px;font-size:20px;font-weight:100;line-height:1.1}.experiment-tabs-container{z-index:4;justify-content:space-between;align-items:center;width:700px;height:50px;display:flex;position:relative}.experiment-tabs-container button{z-index:1;font:inherit;color:#000;transform-origin:50%;cursor:pointer;filter:url(#crayon);background:0 0;border:0;padding:0;font-size:20px;font-weight:800;transition:color .18s,transform .18s;position:relative}.experiment-tabs-container button:hover{transform:translateY(-2px)rotate(-2deg)}.experiment-tabs-container button:active{scale:.96}.experiment-tabs-container button:focus-visible{outline:2px dashed var(--highlight-color);outline-offset:4px}#highlight-circle{z-index:0;pointer-events:none;width:160px;transition:left .26s cubic-bezier(.2,.8,.2,1),top .26s cubic-bezier(.2,.8,.2,1);position:absolute;top:-18px;left:-60px}#experiments-section-separator{z-index:4;filter:url(#crayon);background-color:var(--highlight-color);flex-shrink:0;width:800px;height:4px;position:relative}#experiments-container{z-index:0;flex:1;align-self:stretch;width:100%;min-height:0;position:relative}#pin-board-1{z-index:0;pointer-events:none;width:1300px;height:auto;position:absolute;top:-146px;left:calc(25% - 650px);transform:scale(.55)}#pin-board-2{z-index:0;pointer-events:none;width:1300px;height:auto;position:absolute;top:-146px;left:calc(75% - 650px);right:auto;transform:scale(.55)}.experiment-notes-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;position:absolute;top:41px;left:0}.experiment-board-notes{flex-wrap:wrap;place-content:flex-start center;gap:14px;display:flex}.experiment-note{min-width:0;min-height:146px;color:var(--ink);border:2px solid var(--ink);filter:url(#crayon);background:#f4e6bd;flex:0 280px;padding:22px 18px 16px;transition:box-shadow .18s,translate .18s;animation:.42s cubic-bezier(.2,.8,.2,1) both pinnedNoteArrive;position:relative;box-shadow:5px 6px #0000004d}.experiment-note:nth-child(2){animation-delay:55ms}.experiment-note:hover{translate:0 -4px;box-shadow:7px 10px #0000003d}.experiment-note:nth-child(3n+2){background:#f2b7ae;transform:rotate(1.5deg)}.experiment-note:nth-child(3n){background:#c7dfd1;transform:rotate(-1.2deg)}.experiment-note-pin{z-index:1;background:var(--highlight-color);border:1px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:1px 2px #0000004d}.experiment-note-kind{color:#4d4033;text-transform:uppercase;margin-bottom:5px;font-family:Geist Pixel,sans-serif;font-size:11px;display:block}.experiment-note h2{margin-bottom:6px;font-family:Permanent Marker,cursive;font-size:22px;line-height:1}.experiment-note p{font-family:"Jersey 25",sans-serif;font-size:17px;line-height:1.05}.contact-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex;position:relative}.contact-section #contact-section-title{animation:.7s cubic-bezier(.2,.8,.2,1) both softRise}.contact-section #contact-section-sub-title{animation:.65s cubic-bezier(.2,.8,.2,1) .13s both softRise}.contact-section #contact-section-separator{animation:.7s cubic-bezier(.2,.8,.2,1) .22s both separatorDraw}@keyframes separatorDraw{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}#contact-section-title{text-align:center;filter:url(#crayon);font-size:84px;line-height:.8;position:relative;transform:rotate(-1.4deg)}#cta-text{color:var(--highlight-color);font-size:72px}#contact-title-scrible-1{z-index:99;position:absolute;top:78px;left:310px;transform:rotate(-97deg)scale(1.6)}#contact-title-scrible-1 #stroke-1,#contact-title-scrible-1 #stroke-2{stroke:var(--highlight-color)}#contact-title-scrible-2{z-index:99;position:absolute;top:58px;right:320px;transform:rotate(93deg)scale(1.6)}#contact-title-scrible-2 #stroke-1{stroke:var(--highlight-color)}#contact-section-sub-title{text-align:center;color:#000000d4;margin-top:32px;font-size:20px;font-weight:100;line-height:1.1}#contact-section-separator{filter:url(#crayon);background-color:var(--highlight-color);width:300px;height:10px;margin-top:24px}#contact-letter{width:300px}.contact-section #contact-letter{animation:6s ease-in-out .3s infinite paperDrift}#contact-letter-scrible-1{z-index:99;position:absolute;top:388px;left:590px;transform:rotate(-102deg)scale(1.6)}#contact-letter-scrible-1 g{stroke:var(--highlight-color)}#contact-letter-scrible-2{z-index:99;position:absolute;top:348px;right:575px;transform:rotate(102deg)scale(1.6)}#contact-letter-scrible-2 g{stroke:var(--highlight-color)}#contact-paper-plane{position:absolute;top:30px;transform:scale(.12)rotate(10deg)}.contact-section #contact-paper-plane{animation:7s ease-in-out .3s infinite planeSway}@keyframes planeSway{0%,to{translate:0;rotate:0deg}50%{translate:15px -12px;rotate:-4deg}}#contact-stamp{position:absolute;top:-30px;left:473px;transform:scale(.17)rotate(20deg)}.contact-section #contact-stamp{animation:4.5s ease-in-out .5s infinite stampNod}@keyframes stampNod{0%,to{translate:0;rotate:0deg}50%{translate:0 -5px;rotate:3deg}}@media (width<=900px){.about-section,.tools-section,.experiments-section,.contact-section{height:auto;min-height:calc(100svh - 80px)}.landing-section-title-container{height:auto;min-height:340px;padding:110px 24px 24px}#landing-section-title{font-size:clamp(58px,9vw,88px);left:0}#landing-section-sub-title{align-self:center;width:min(100%,560px);margin-left:0}.search-box{width:min(80vw,620px);margin-bottom:100px}#curious-hint{bottom:100px;left:auto;right:5%}.right-grid-container{transform-origin:100% 0;right:-130px;transform:scale(.8)skewY(-8deg)}#sticky-note-1{left:clamp(0px,100% - 252px,20px)}#sticky-note-2{left:clamp(0px,100% - 232px,160px)}#sticky-note-4{left:clamp(0px,100% - 232px,12px)}#projects-hint{bottom:90px;left:38%}#project-arrow{bottom:10px;left:48%}.project-section{height:45dvh;min-height:320px}.project-cards-scroll{gap:24px;padding:40px 48px}#project-fade-right,#project-fade-left{width:100px;padding:20px}.tools-section{flex-wrap:wrap;align-content:center;gap:24px 0;margin-top:-64px;padding:80px 24px 40px}.tools-part{width:50%}#tools-part-1{padding:24px 12px}#tools-part-2,#tools-part-3{padding-top:24px}#tools-section-title{font-size:clamp(42px,6vw,60px)}#tools-text{font-size:clamp(38px,5.7vw,56.7px)}#tools-curved-arrow,#tools-info-text,#tools-btn-scrible-1,#tools-btn-scrible-2{display:none}#experiments-section-title{font-size:clamp(38px,6vw,60px)}#experiments-text{font-size:clamp(34px,5.7vw,56.7px)}#experiments-section-sub-title{padding:0 24px}.experiment-tabs-container{width:min(92%,700px)}#experiments-section-separator{width:min(90%,800px)}#pin-board-1{left:calc(25% - 650px)}#pin-board-2{left:calc(75% - 650px);right:auto}.experiment-notes-grid{top:0}#pin-board-1,#pin-board-2{top:0;transform:scale(.34)}.experiment-board-notes{gap:12px}.experiment-note{flex-basis:calc(50% - 6px)}#contact-title-scrible-1{left:12%}#contact-title-scrible-2{right:12%}#contact-letter-scrible-1{left:28%}#contact-letter-scrible-2{right:28%}#contact-stamp{left:auto;right:18%}.navbar-container{width:100%;padding:0 16px}.navbar-links-container{width:52%}.navbar-cta-container{width:120px}#navbar-cta{padding:10px 14px}.navbar-banner-container{display:none}}@media (orientation:landscape) and (width>=601px) and (width<=900px){.navbar-banner-container{display:block}#tools-curved-arrow,#tools-btn-scrible-1,#tools-btn-scrible-2{display:inline}#tools-info-text{display:block}#project-fade-right,#project-fade-left{display:flex}}@media (orientation:portrait) and (width<=600px){.about-section{height:auto;min-height:760px;padding-bottom:132px;top:52px}.landing-section-content{min-height:660px}.landing-section-left-content{justify-content:flex-start;width:100%}.landing-section-title-container{min-height:300px;padding:105px 16px 16px}#landing-section-greeting{font-size:22px;top:106px;left:24px}#landing-section-title{text-align:center;font-size:clamp(48px,12vw,68px)}#landing-section-sub-title{text-align:center;padding:0 8px;font-size:18px}.search-box{width:calc(100vw - 40px);margin-bottom:0}#search-input{min-width:0;font-size:16px}#search-btn{width:60px}.about-social-mobile{box-sizing:border-box;z-index:2;width:min(100%,420px);margin:24px auto 0;padding:0 16px;display:block;position:relative}.about-social-mobile-title{color:var(--ink);border-bottom:2px solid var(--highlight-color);margin:0 0 10px;padding:3px 8px 2px;font-family:Permanent Marker,cursive;font-size:15px;display:table;transform:rotate(-1.5deg)}.about-social-mobile .about-social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.about-social-mobile .about-social-link{background:#f7d93e;border:2px solid #1a1815b8;border-radius:14px 10px 12px 8px/9px 13px 8px 12px;width:100%;min-width:0;min-height:42px;padding:8px 9px 6px;font-size:clamp(14px,4vw,17px);box-shadow:3px 3px #1a181533}.about-social-mobile .about-social-link:nth-child(2n){background:#f2984b;transform:rotate(1.1deg)}.about-social-mobile .about-social-link:nth-child(3n){background:#f0836a;transform:rotate(-1.2deg)}.about-social-mobile .about-social-link:nth-child(4n){background:#f2e3b8}.about-social-mobile .about-social-link>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.about-social-mobile .about-social-link-arrow{margin-left:auto}.landing-section-right-content,.right-grid-container,#curious-hint{display:none}#title-scrible{top:80px;left:98px;transform:rotate(70deg)scale(1)}#wiggle-arrow,#rough-underline,#paint-spot-1,#paint-spot-2,#project-arrow,#tools-curved-arrow,#experiments-title-scrible-1,#experiments-title-scrible-2,#engage-text,#curved-arrow,#contact-title-scrible-1,#contact-title-scrible-2,#contact-letter-scrible-1,#contact-letter-scrible-2{display:none}#rough-circle-1{bottom:8px;left:-48px;transform:scale(1.5)}#rough-circle-2{bottom:0;left:52px;transform:scale(1.2)}#rough-circle-3{bottom:4px;left:150px;transform:scale(1.4)}#projects-hint{font-size:20px;bottom:36px;left:auto;right:16px}.project-section{height:360px;min-height:0;margin-top:32px;margin-bottom:72px}.project-cards-scroll{gap:16px;padding:40px 24px}#project-fade-right,#project-fade-left{width:56px;padding:8px;font-size:42px}#projects-dashed-line{display:none}.tools-section{flex-flow:column;place-content:stretch flex-start;align-items:center;gap:24px;min-height:0;margin-top:-56px;padding:88px 20px 48px}.tools-part{width:100%;max-width:380px}#tools-part-1{text-align:center;padding:0}#tools-part-2{min-height:0;padding:0}#tools-part-3{flex-direction:column;align-items:center;gap:16px;min-height:0;padding:0;display:flex}#tools-section-title{text-align:center;font-size:clamp(38px,10vw,48px)}#tools-text{font-size:clamp(36px,9vw,44px)}#swiggly-line{margin:-18px auto 0;left:0}#tools-section-sub-title{text-align:center;max-width:340px;margin:-18px auto 0;font-size:18px}#legend-note{width:min(212px,100%);margin:32px auto 0;display:block;top:auto;left:auto;scale:1.4}#quick-stat-note,#favorite-note{width:min(100%,320px);height:auto;position:static;top:auto;left:auto;transform:none}#tools-send-message-btn{margin:4px auto 0;top:auto}.experiments-section{justify-content:flex-start;min-height:760px;padding:72px 16px 24px;overflow:hidden}#experiments-section-title{font-size:clamp(34px,9vw,48px)}#experiments-text{font-size:clamp(30px,8vw,42px)}#experiments-section-sub-title{padding:0;font-size:18px}#experiments-section-sub-title br{display:none}.experiment-tabs-container{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:12px 4px;width:100%;height:auto;min-height:0;display:grid}.experiment-tabs-container>span[aria-hidden=true]{display:none}.experiment-tabs-container button{white-space:nowrap;width:100%;font-size:clamp(11px,3.6vw,15px)}#highlight-circle{width:min(105px,30vw);top:0;left:0}#experiments-section-separator{width:100%}#experiments-container{flex:none;height:clamp(460px,70vh,620px);min-height:0;overflow:hidden}.experiment-notes-grid{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:16px;width:94%;max-height:none;padding:10px 8px 16px;top:5%;bottom:8%;left:3%;overflow-y:auto;transform:none}.experiment-board-notes{display:contents}.experiment-note{flex:none;width:88%;max-width:320px;min-height:118px;padding:22px 14px 14px}.experiment-note:nth-child(odd){justify-self:start;margin-left:4px;transform:rotate(-1.2deg)}.experiment-note:nth-child(2n){justify-self:end;margin-right:4px;transform:rotate(1.4deg)}.experiment-note:nth-child(odd) .experiment-note-pin{left:38%}.experiment-note:nth-child(2n) .experiment-note-pin{left:62%}.experiment-note h2{font-size:19px}.experiment-note p{font-size:16px}#pin-board-1,#pin-board-2{width:100%;height:100%;top:0;left:0;right:auto;transform:none}.contact-section{min-height:600px;padding:80px 20px 32px;overflow:hidden}#contact-section-title{font-size:clamp(42px,11vw,62px)}#cta-text{font-size:clamp(34px,9vw,52px)}#contact-section-sub-title{margin-top:24px;font-size:18px}#contact-section-sub-title br{display:none}#contact-section-separator{width:min(70%,300px)}#contact-letter{width:240px;max-width:80vw}#contact-paper-plane{top:0;left:-212px;transform:scale(.08)rotate(10deg)}#contact-stamp{top:-64px;left:-102px;transform:scale(.12)rotate(20deg)}}@media (width<=600px){#pin-board-2{display:none}.navbar-container{gap:12px;width:100%;height:72px;padding:0 14px}.navbar-logo-container{flex:auto;justify-content:flex-start;width:auto;min-width:0}#navbar-logo{font-size:clamp(18px,5vw,22px)}.navbar-container .navbar-links-container,.navbar-container .navbar-cta-container,.navbar-universal-container .navbar-banner-container{display:none}.navbar-container .navbar-menu-toggle{background:var(--cream);cursor:pointer;filter:url(#crayonWobble);border:none;border-left:3px solid #1a1815ae;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:5px;width:72px;height:100%;padding:0;display:flex;position:absolute;right:0}.navbar-container .navbar-menu-toggle span{filter:url(#crayon)}.navbar-menu-toggle span{background:var(--ink);border-radius:2px;width:20px;height:2px;transition:transform .18s,opacity .18s}.navbar-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.navbar-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-menu-toggle:focus-visible{outline:3px solid var(--highlight-color);outline-offset:3px}.navbar-universal-container .mobile-navbar-menu{z-index:2;border:2px solid var(--ink);background:var(--cream);filter:url(#crayonWobble)url(#crayon);flex-direction:column;width:min(280px,100vw - 24px);padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:12px;box-shadow:5px 6px #0003}.mobile-navbar-menu a{color:var(--ink);text-transform:uppercase;padding:12px 14px;font-family:Geist Pixel,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:block}.mobile-navbar-menu a+a{border-top:1px solid #1a181533}.mobile-navbar-menu a:focus-visible{outline:2px dashed var(--highlight-color);outline-offset:-3px}#rough-double-underline{display:none}}.note-wrap{width:210px;min-height:200px;position:relative}.grain{position:relative}.grain:before{content:"";mix-blend-mode:soft-light;opacity:.55;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015 0.04' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.grain:after{content:"";mix-blend-mode:multiply;opacity:.3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0;box-shadow:inset 0 0 16px #1a18151f}.sticky{box-sizing:border-box;color:#1a1815;width:100%;min-height:224px;padding:38px clamp(16px,1.7vw,22px) 20px;font-size:19px;line-height:1.35;position:relative}.sticky b{letter-spacing:0;opacity:.82;width:fit-content;margin-bottom:14px;font-family:Permanent Marker,cursive;font-size:16px;display:block;position:relative}.sticky b:after{content:"";opacity:.6;border-bottom:2px solid;border-radius:50%;height:4px;position:absolute;bottom:-3px;left:-1px;right:-5px;transform:rotate(-1.5deg)}.crayon-outline{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.crayon-outline path{fill:none;stroke:#1a1815bf;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.tape{filter:drop-shadow(0 4px 4px #1a181566);z-index:3;background:#1e1b18d1 repeating-linear-gradient(96deg,#ffffff14 0 1.5px,#0000 1.5px 4px);width:78px;height:32px;position:absolute}.v1{clip-path:polygon(0% 1.7%,23.5% 0%,44.4% 0%,67.4% 1.4%,86.9% 0%,100% 10.8%,100% 30.8%,99.7% 56.7%,98.6% 80%,100% 97.7%,75.4% 100%,57.8% 99.4%,31.9% 99.6%,8.8% 98.6%,0% 88.9%,0% 65.3%,0% 44.2%,0% 19.8%);filter:drop-shadow(3px 4px #1a181514)drop-shadow(6px 10px 7px #1a181547)drop-shadow(14px 24px 15px #1a18152e);background:#f7d93e;transform:rotate(-4deg)}.v1-outline{transform:rotate(-4deg)}.v1-tape{clip-path:polygon(2% 10%,92% 0%,100% 78%,96% 100%,6% 92%,0% 22%);margin-left:-39px;top:-14px;left:50%;transform:rotate(-6deg)}.v2{clip-path:polygon(2.3% 2.2%,20% 0%,46.1% 1.2%,67.5% 0%,89.4% .5%,100% 9.4%,99.7% 32.8%,100% 58%,100% 78%,99.7% 98.8%,75.5% 97.6%,55.4% 99.1%,32.7% 100%,11.2% 100%,0% 86.5%,0% 64.9%,.1% 46.9%,.9% 20.6%);filter:drop-shadow(-3px 4px #1a181514)drop-shadow(-6px 10px 7px #1a181547)drop-shadow(-12px 22px 14px #1a18152b);background:#f2984b;transform:rotate(3deg)}.v2-outline{transform:rotate(3deg)}.v2-tape-l{clip-path:polygon(4% 6%,90% 0%,100% 84%,94% 100%,8% 94%,0% 16%);top:-12px;left:-4px;transform:rotate(-15deg)}.v2-tape-r{clip-path:polygon(4% 6%,90% 0%,100% 84%,94% 100%,8% 94%,0% 16%);top:-12px;right:-4px;transform:rotate(19deg)}.stack{width:210px;min-height:200px;position:relative}.stack .sticky{position:absolute;inset:0}.v3-back{clip-path:polygon(0 .2%,21.6% .5%,45.1% 0,64.2% 1.7%,87.7% 0,100% 11%,100% 33.2%,100% 53.8%,100% 79.6%,100% 100%,78.6% 97.8%,56.8% 100%,32.3% 97.7%,12.9% 99.9%,1.1% 90.8%,1.1% 68.8%,0 45.9%,0 24.4%);filter:drop-shadow(4px 8px 8px #1a18153d);background:#f0e3b8;transform:rotate(-9deg)translate(6px,4px)}.v3-back-outline{transform:rotate(-9deg)translate(6px,4px)}.v3-front{clip-path:polygon(0 0,21.7% 0,42.3% 0,68.8% 1.5%,90.2% 0,100% 10%,98.4% 31.4%,98.6% 57.7%,100% 79.3%,100% 98.5%,76.8% 100%,56.7% 100%,35.2% 97.9%,11.6% 100%,0 87.3%,0 64.6%,2.2% 46.3%,.2% 21.2%);filter:drop-shadow(3px 4px #1a181514)drop-shadow(6px 12px 8px #1a18154d)drop-shadow(12px 26px 15px #1a181533);background:#f7d93e;transform:rotate(2deg)}.v3-front-outline{transform:rotate(2deg)}.v3-tape{clip-path:polygon(2% 10%,92% 0%,100% 78%,96% 100%,6% 92%,0% 22%);margin-left:-39px;top:-13px;left:50%;transform:rotate(3deg)}.v4{clip-path:polygon(1.5% 1.6%,22.1% 0%,41.9% .8%,66.5% 1.3%,88.3% 1.4%,98.9% 12.6%,100% 32.9%,100% 56.5%,98.5% 78%,100% 98.8%,79.3% 100%,57.3% 99.2%,31.3% 100%,12.6% 99.7%,0% 87.4%,.7% 65.6%,2.3% 44.9%,0% 23%);filter:drop-shadow(3px 5px #1a181517)drop-shadow(7px 12px 8px #1a18154d)drop-shadow(15px 26px 16px #1a181533);background:#f0836a;transform:rotate(-2deg)}.v4-outline{transform:rotate(-2deg)}.v4-tape-l{top:-12px;left:20px;transform:rotate(-36deg)}.v4-tape-r{top:-12px;right:20px;transform:rotate(32deg)}.navbar-universal-container{z-index:99999;background:repeating-linear-gradient(90deg,#0000 0 19px,#00000012 20px),repeating-linear-gradient(0deg,#0000 0 19px,#00000012 20px),#fff;width:100%;display:flex;position:fixed;top:0}.navbar-container{justify-content:space-between;justify-self:flex-start;align-items:center;width:98%;height:80px;padding:0 24px;display:flex}.crayon-border{pointer-events:none;width:100%;height:18px;position:absolute;bottom:-8px;left:0;right:0}.navbar-logo-container{flex:none;justify-content:center;align-items:center;width:160px;display:flex}#navbar-logo{white-space:nowrap;color:var(--highlight-color);font-size:26px;line-height:1;text-decoration:none;display:inline-flex}.navbar-menu-toggle,.mobile-navbar-menu{display:none}#navbar-logo span{transform-origin:bottom;animation:3s ease-in-out infinite bubbleUp;display:inline-block}#navbar-logo span:nth-child(odd){animation-duration:2.8s}#navbar-logo span:nth-child(2n){animation-duration:3.2s}#navbar-logo span:first-child{color:#000;animation-delay:0s}#navbar-logo span:nth-child(2){color:#000;animation-delay:.15s}#navbar-logo span:nth-child(3){color:#000;animation-delay:.38s}#navbar-logo span:nth-child(4){color:#000;animation-delay:80ms}#navbar-logo span:nth-child(5){color:#000;animation-delay:.52s}#navbar-logo span:nth-child(6){animation-delay:.24s}#navbar-logo span:nth-child(7){animation-delay:.64s}#navbar-logo span:nth-child(8){animation-delay:.11s}#navbar-logo span:nth-child(9){color:#000;animation-delay:.45s}@keyframes bubbleUp{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-1.5px)scale(1.025,.99)}50%{transform:translateY(-.3px)scale(.99,1.01)}75%{transform:translateY(-2px)scale(1.02,.995)}}.navbar-links-container{justify-content:space-between;align-items:center;width:40%;display:flex}.navbar-links-container a{text-transform:uppercase;color:#000;cursor:pointer;transform-origin:50%;font-size:16px;font-weight:800;text-decoration:none;transition:color .18s,transform .18s}.navbar-links-container a:hover{color:var(--highlight-color);transform:translateY(-2px)}.navbar-links-container a:active{font-size:15px}.navbar-links-container a:focus-visible{outline:2px dashed var(--highlight-color);outline-offset:4px}#rough-double-underline{transform-origin:50%;transition:left .3s ease-in-out;position:absolute;top:-42px;left:-210px;transform:scaleX(.05)scaleY(.12)}#rough-double-underline path{stroke:var(--highlight-color)}.navbar-cta-container{justify-content:center;align-items:center;width:160px;display:flex}#navbar-cta{letter-spacing:.4px;text-transform:uppercase;color:var(--cream);background:var(--ink);clip-path:polygon(2% 8%,97% 0%,100% 88%,4% 100%,0% 40%);cursor:pointer;align-items:center;gap:8px;padding:11px 22px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,scale .18s;display:inline-flex;position:relative;scale:1.1}#navbar-cta:hover{background:var(--accent-color);color:var(--ink);transform:translate(-2px,-2px)scale(1.14)}#navbar-cta:active{filter:brightness(.9);font-size:13px}#navbar-cta svg{width:13px;height:13px;stroke:var(--cream);stroke-width:2.5px;fill:none;transition:transform .18s}#navbar-cta:hover svg{stroke:var(--ink);transform:translate(3px,-3px)}.navbar-banner-container{background-color:var(--highlight-color);width:300px;height:65px;color:inherit;cursor:pointer;z-index:1;padding-top:21px;padding-left:74px;text-decoration:none;transition:all .5s ease-in-out;display:block;position:absolute;top:50px;right:-125px;overflow:visible;transform:rotate(90deg)scale(.8)}.navbar-banner-container:hover{filter:brightness(1.4);top:70px}#navbar-banner{font-weight:900}#arrow-icon{margin-left:14px;transform:rotate(-90deg)}