@import "https://fonts.googleapis.com/css2?family=Chewy&family=JetBrains+Mono:wght@500;600&family=Patrick+Hand&display=swap";
:root{--ink:#111827;--paper:#f1f5f9;--blue:#13a8ff;--violet:#aa71ff;--yellow:#ffe68b;--muted:#4b5563;--mono:"JetBrains Mono", monospace;--hand:"Patrick Hand", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--hand);margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 64px);margin:0 auto}.nav{border-bottom:1px solid #11182724;justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark{font:600 16px var(--mono);letter-spacing:.08em;align-items:center;gap:10px;display:flex}.wordmark-mark{border:2px solid var(--ink);letter-spacing:0;border-radius:50%;place-items:center;width:28px;height:28px;font:22px Chewy,cursive;display:grid;transform:rotate(-10deg)}.nav-links{color:var(--muted);gap:31px;margin-left:130px;font-size:16px;display:flex}.nav-links a,.login,.text-link{transition:color .2s}.nav-links a:hover,.login:hover,.text-link:hover{color:var(--blue)}.nav-actions{align-items:center;gap:25px;display:flex}.login{color:var(--muted);font-size:16px}.button{border-radius:12px;align-items:center;gap:12px;padding:13px 19px;font-size:16px;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 8px #1118271f}.button-dark{background:var(--ink);color:#fff}.button-blue{background:var(--blue);color:var(--ink);padding:16px 22px;font-size:18px}.arrow{font:18px var(--mono);line-height:1}.mobile-menu{font-size:25px;display:none}.hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;min-height:655px;padding:66px 0 90px;display:grid}.eyebrow{color:var(--muted);font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 24px;display:flex}.eyebrow-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #13a8ff26}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:23px;font:500 clamp(64px,8vw,106px)/.87 Chewy,cursive}h1 em,h2 em{color:var(--violet);font-style:normal}.hero-text{max-width:375px;color:var(--muted);font-size:20px;line-height:1.45}.hero-actions{align-items:center;gap:26px;margin-top:32px;display:flex}.text-link{color:var(--muted);font-size:17px}.text-link span{color:var(--ink);margin-left:6px}.hero-art{place-items:center;min-height:480px;display:grid;position:relative}.canvas-window{z-index:2;border:2px solid var(--ink);width:min(100%,585px);height:390px;box-shadow:12px 13px 0 var(--violet);background:#27272a;border-radius:4px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;transform:rotate(2deg)}.canvas-toolbar,.canvas-footer{color:#c8c8cc;height:45px;font:500 10px var(--mono);background:#303035;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.toolbar-brand{color:#fff;font:22px Chewy,cursive}.toolbar-brand span{color:var(--blue)}.toolbar-title{color:#7d7d86}.toolbar-status{color:#a9e7c0}.toolbar-status i{background:#64dc91;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.canvas-body{background:#36363a;height:300px;position:relative;overflow:hidden}.canvas-grid{opacity:.3;background-image:linear-gradient(#66666c 1px,#0000 1px),linear-gradient(90deg,#66666c 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.canvas-label{color:#a1a1a9;font:11px var(--mono);position:absolute;top:29px;left:31px}.idea-card{width:160px;height:126px;color:var(--ink);border-radius:3px;flex-direction:column;justify-content:space-between;padding:15px;transition:transform .2s;display:flex;position:absolute;box-shadow:4px 5px #0000002e}.idea-card:hover{transform:translateY(-6px)rotate(-2deg)}.idea-card strong{font-size:20px;font-weight:400;line-height:1.04}.idea-card small{font:9px var(--mono);opacity:.6}.idea-card-yellow{background:var(--yellow);top:70px;left:68px;transform:rotate(-5deg)}.idea-card-blue{background:var(--blue);top:119px;right:90px;transform:rotate(5deg)}.idea-card-white{background:#f8fafc;bottom:20px;right:51px;transform:rotate(-4deg)}.card-pin{font:20px var(--mono)}.canvas-sticker{color:var(--violet);font:40px Chewy,cursive;position:absolute;bottom:32px;left:240px;transform:rotate(-11deg)}.user-cursor{z-index:3;color:#fff;font:9px var(--mono);align-items:center;gap:5px;display:flex;position:absolute}.user-cursor span{border-top:13px solid;border-right:7px solid #0000;width:0;height:0;display:block;transform:rotate(-28deg)}.cursor-pink{color:#ff83b5;top:94px;left:278px}.cursor-blue{color:var(--blue);bottom:66px;right:29px}.scribble{z-index:3;font:36px/1 Chewy,cursive;position:absolute}.scribble-top{color:var(--blue);top:-2px;right:-7px;transform:rotate(10deg)}.scribble-bottom{color:var(--ink);bottom:-17px;left:-26px;transform:rotate(-7deg)}.scribble-bottom span{color:var(--violet)}.feature-band{color:#fff;background:var(--ink);padding:75px 0 83px}.feature-inner{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.feature-band .eyebrow{color:#9da4b1}.feature-band .eyebrow-dot{background:var(--violet)}.feature-band h2{margin:0;font:500 56px/.95 Chewy,cursive}.feature-list{border-top:1px solid #3d4450}.feature-item{border-bottom:1px solid #3d4450;grid-template-columns:50px 1fr 20px;align-items:center;gap:19px;padding:23px 0;display:grid}.feature-icon{width:43px;height:43px;color:var(--ink);font:12px var(--mono);border-radius:50%;place-items:center;display:grid}.feature-icon.blue{background:var(--blue)}.feature-icon.violet{background:var(--violet)}.feature-icon.yellow{background:var(--yellow)}.feature-item h3{margin:0 0 3px;font-size:23px;font-weight:400}.feature-item p{color:#9da4b1;margin:0;font-size:16px}.feature-arrow{color:#9da4b1;font:18px var(--mono)}.feature-item:hover .feature-arrow{color:var(--blue)}.footer{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;padding:22px 0 28px;display:flex}@keyframes float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-8px)}}@media (max-width:800px){.shell{width:min(100% - 38px,600px)}.nav{height:76px}.nav-links,.nav-actions{display:none}.mobile-menu{display:block}.hero{padding:66px 0 80px;display:block}.hero-copy{margin-bottom:72px}.hero-art{min-height:390px}.canvas-window{height:310px}.canvas-body{height:220px}.idea-card{transform:scale(.8)rotate(-5deg)}.idea-card-blue{transform:scale(.8)rotate(5deg)}.idea-card-white{transform:scale(.8)rotate(-4deg)}.canvas-sticker{bottom:12px;left:39%}.scribble{font-size:29px}.scribble-top{right:-2px}.scribble-bottom{bottom:-22px;left:-5px}.feature-inner{display:block}.section-intro{margin-bottom:50px}.feature-band{padding:65px 0}.feature-band h2{font-size:48px}.footer{flex-wrap:wrap;gap:20px}}@media (max-width:430px){h1{font-size:70px}.hero-text{font-size:18px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.canvas-window{width:calc(100% - 16px)}.idea-card-yellow{left:8px}.idea-card-blue{right:8px}.idea-card-white{right:0}.canvas-label{left:17px}.canvas-sticker{font-size:31px;left:38%}.feature-item{grid-template-columns:43px 1fr 16px;gap:12px}.feature-item p{line-height:1.25}.feature-item h3{font-size:21px}}body{background:#202225}.whiteboard{color:#f5f0e8;background-color:#202225;background-image:radial-gradient(#ffffff17 .7px,#0000 .7px),linear-gradient(108deg,#ffffff06,#0000 44%,#00000026);background-size:7px 7px,100% 100%;min-height:100vh;position:relative;overflow:hidden}.board-noise{pointer-events:none;opacity:.25;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#00000014 4px);position:absolute;inset:0}.board-corner,.board-footer{z-index:4;color:#8d9296;font:600 10px var(--mono);letter-spacing:.08em;position:absolute}.board-corner{top:28px}.board-corner-left{left:38px}.board-corner-right{right:38px}.live-dot{background:#b9ed72;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #b9ed72}.board-intro{z-index:2;width:min(520px,42vw);margin-left:10vw;padding-top:17vh;position:relative}.board-kicker{color:#b9ed72;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}.board-intro h1{color:#f5f0e8;margin:0 0 24px;font:500 clamp(74px,9vw,138px)/.8 Chewy,cursive}.board-intro h1 span{color:#b9ed72}.board-lede{color:#c2c3c2;width:330px;margin:0 0 30px;font-size:20px;line-height:1.35}.board-link{color:#f5f0e8;border-bottom:1px solid #b9ed72;align-items:center;gap:10px;padding-bottom:5px;font-size:18px;display:inline-flex}.board-link span{color:#b9ed72;font:18px var(--mono)}.sticky{z-index:3;color:#1c2022;flex-direction:column;display:flex;position:absolute;box-shadow:7px 10px 2px #00000038}.sticky:after{content:"";background:#f2deb28c;width:24px;height:7px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-3deg)}.sticky-yellow{background:#f5dd70}.sticky-pink{background:#ff8fb4}.sticky-blue{background:#79d9eb}.pin{font-size:17px}.sticky small{font:600 9px var(--mono);letter-spacing:.04em}.sticky p{font-size:24px;line-height:1.02}.note-intro{width:188px;height:176px;padding:19px;top:13vh;right:17vw;transform:rotate(7deg)}.note-intro p{margin:25px 0 auto}.note-about{width:184px;height:194px;padding:20px;top:36vh;right:5vw;transform:rotate(-8deg)}.note-about p{margin:30px 0 auto}.note-arrow{font:27px var(--mono);align-self:flex-end}.note-contact{width:185px;height:176px;padding:20px;bottom:14vh;right:16vw;transform:rotate(4deg)}.note-contact p{margin:21px 0 auto;font-size:28px}.note-contact a{font:13px var(--mono);text-decoration:underline}.tape{z-index:4;background:#f2deb273;width:110px;height:25px;position:absolute;transform:rotate(-20deg)}.tape-intro{top:10vh;left:24vw}.work-zone{z-index:2;width:min(730px,55vw);margin:-13vh 0 0 auto;padding-right:8vw;position:relative}.zone-label{color:#92979b;font:600 10px var(--mono);letter-spacing:.08em;align-items:center;gap:13px;margin-bottom:14px;display:flex}.zone-label i{background:#92979b;width:39px;height:1px}.project-stack{align-items:flex-start;gap:30px;display:flex}.project{width:275px;transition:transform .3s}.project:hover{transform:translateY(-10px)}.project-side{margin-top:59px}.project-image{color:#1c2022;height:280px;padding:22px;position:relative;overflow:hidden}.project-lime{background:#b9ed72}.project-violet{background:#aa71ff}.project-image strong{z-index:1;font:500 55px/.77 Chewy,cursive;display:block;position:relative}.project-image small{font:600 9px var(--mono);position:absolute;bottom:20px;left:22px}.project-symbol,.project-circle{font:80px var(--mono);position:absolute;top:14px;right:20px}.project-circle{font-size:130px;font-weight:100;top:40px;right:36px}.project-meta{border-bottom:1px solid #53575a;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.project-meta span{color:#a0a5a7;font:10px var(--mono)}.project-meta h2{margin:0;font:28px Chewy,cursive}.board-footer{justify-content:space-between;display:flex;bottom:27px;left:38px;right:38px}.board-footer b{color:#b9ed72;font-size:16px}@media (max-width:850px){.board-corner-right{display:none}.board-intro{width:auto;margin:0 38px;padding-top:16vh}.board-intro h1{font-size:clamp(74px,18vw,120px)}.note-intro{transform-origin:100% 0;top:13vh;right:8vw;transform:rotate(7deg)scale(.8)}.note-about{transform-origin:100% 0;top:39vh;right:3vw;transform:rotate(-8deg)scale(.78)}.note-contact{transform-origin:100% 100%;bottom:17vh;right:7vw;transform:rotate(4deg)scale(.8)}.work-zone{width:auto;margin:90px 38px 120px;padding:0}.project-stack{gap:18px}.project{width:calc(50% - 9px)}.project-image{height:240px}.project-image strong{font-size:48px}}@media (max-width:560px){.board-corner{font-size:9px;top:20px}.board-corner-left{left:20px}.board-intro{margin:0 20px;padding-top:130px}.board-kicker{font-size:9px}.board-lede{width:min(290px,70vw);font-size:18px}.note-intro{top:245px;right:0;transform:rotate(7deg)scale(.63)}.note-about{top:385px;right:-18px;transform:rotate(-8deg)scale(.62)}.tape-intro{width:80px;top:116px;left:55%}.work-zone{margin:140px 20px 100px}.project-stack{display:block}.project,.project-side{width:100%;margin:0 0 34px}.project-image{height:260px}.project-side{margin-top:0}.board-footer{font-size:8px;bottom:18px;left:20px;right:20px}.board-footer span:nth-child(2){display:none}}.whiteboard{min-height:100vh;padding:0 0 72px}.board-intro{text-align:center;width:auto;margin:0 auto;padding-top:104px}.board-kicker{margin-bottom:13px}.board-intro h1{margin:0;font-size:clamp(42px,4.5vw,62px)}.about-zone{width:min(800px,100% - 48px);margin:90px auto 0;position:relative}.about-zone .zone-label{margin-bottom:18px}.about-note{color:#1c2022;background:#f5dd70;width:min(100%,760px);min-height:170px;margin:0 auto;padding:25px 30px;position:relative;transform:rotate(-2deg);box-shadow:7px 10px 2px #0000003d}.about-note:after{content:"";background:#f2deb280;width:110px;height:24px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(2deg)}.about-note .pin{z-index:1;position:relative}.about-note p{width:100%;margin:16px 0 19px;font-size:18px;line-height:1.25}.about-note small{font:600 9px var(--mono);letter-spacing:.05em}.about-caption{color:#aeb2b2;margin:27px 0 0 62%;font:24px/1.05 Chewy,cursive;transform:rotate(4deg)}.about-caption span{color:#b9ed72}.work-zone{width:min(900px,100% - 48px);margin:105px auto 0;padding:0}.work-zone .zone-label{margin-bottom:18px}.project-stack{justify-content:center}.project-placeholder .project-image{min-height:280px}.project-placeholder .project-symbol{color:#1c2022}.project-placeholder .project-meta h2{font-size:25px}.project-placeholder:hover .project-image{filter:brightness(1.06)}.board-footer{width:min(900px,100% - 48px);margin:80px auto 0;position:relative;bottom:auto;left:auto;right:auto}@media (max-width:560px){.board-intro{padding-top:92px}.about-zone,.work-zone,.board-footer{width:calc(100% - 40px)}.about-zone{margin-top:74px}.about-note{min-height:160px;padding:22px}.about-note p{font-size:17px}.about-caption{margin-left:39%;font-size:21px}.work-zone{margin-top:83px}.project-placeholder .project-image{min-height:240px}.board-footer{margin-top:44px}}.project-stack{gap:34px}.project-note{color:#1c2022;width:min(100%,330px);padding:15px 15px 20px;transition:transform .25s;position:relative;box-shadow:7px 10px 2px #00000040}.project-note:before{content:"";z-index:2;background:#f2deb285;width:90px;height:22px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg)}.project-note-lime{background:#b9ed72;transform:rotate(-2deg)}.project-note-violet{background:#aa71ff;transform:rotate(3deg)}.project-note:hover{transform:translateY(-9px)rotate(0)}.project-photo{color:#1c2022a6;text-align:center;height:165px;font:600 10px var(--mono);letter-spacing:.06em;background:#1c202226;border:1px dashed #1c20228c;place-items:center;display:grid;position:relative}.project-photo b{font:600 11px var(--mono);position:absolute;top:10px;right:12px}.project-note-body{padding:18px 5px 0}.project-note-body h2{margin:0 0 8px;font:500 33px/1 Chewy,cursive}.project-note-body p{min-height:43px;margin:0 0 18px;font-size:17px;line-height:1.15}.project-note-body small{font:600 9px var(--mono);letter-spacing:.06em}.skills{min-height:29px;margin:5px 0 16px;font-size:15px;line-height:1.15}.project-note-body a{font:12px var(--mono);border-bottom:1px solid;display:inline-block}@media (max-width:560px){.project-note{width:100%;max-width:330px;margin-left:auto;margin-right:auto}.project-photo{height:150px}}.project-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.project-note:nth-child(3),.project-note:nth-child(4),.project-note:nth-child(5){grid-column:auto;justify-self:auto}.project-note{max-width:none}.project-photo{height:145px}@media (max-width:850px) and (min-width:561px){.project-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.project-photo{height:155px}}@media (max-width:560px){.about-zone{margin-top:46px}.work-zone{margin-top:56px}.contact-zone{margin-top:62px}.project-stack{gap:30px}.project-note,.project-note:nth-child(3),.project-note:nth-child(4),.project-note:nth-child(5){max-width:330px}.project-photo{height:150px}}.project-stack{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}@media (max-width:850px) and (min-width:561px){.project-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.board-intro{padding-top:78px}.project-stack{flex-direction:column;display:flex}}@media (max-width:700px) and (min-width:561px){.project-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:701px){.project-stack{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-stack{grid-template-columns:repeat(2,minmax(0,330px));align-items:start;gap:48px 42px;display:grid}.project-note{width:100%}.project-note-blue{background:#79d9eb;transform:rotate(-1deg)}.project-note-yellow{background:#f5dd70;transform:rotate(2deg)}.project-note-pink{background:#ff8fb4;transform:rotate(-2deg)}.project-note:nth-child(3){grid-column:1}.project-note:nth-child(4){grid-column:2}.project-note:nth-child(5){grid-column:1/-1;justify-self:center}.contact-zone{width:min(900px,100% - 48px);margin:110px auto 0;padding-bottom:30px}.contact-notes{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-note{color:#1c2022;flex-direction:column;justify-content:space-between;width:145px;height:82px;padding:13px;transition:transform .2s;display:flex;box-shadow:4px 6px 2px #00000038}.contact-note:hover{transform:translateY(-5px)rotate(0)}.contact-note small{font:600 8px var(--mono);letter-spacing:.04em}.contact-note strong{font:21px Chewy,cursive}.contact-github{color:#1c2022;background:#aa71ff;transform:rotate(-3deg)}.contact-linkedin{color:#1c2022;background:#0a66c2;transform:rotate(2deg)}.contact-email{background:#ff8fb4;transform:rotate(-2deg)}@media (max-width:560px){.project-stack{flex-direction:column;align-items:stretch;gap:38px;display:flex}.project-note,.project-note:nth-child(3),.project-note:nth-child(4),.project-note:nth-child(5){width:min(100%,330px);margin:0 auto}.project-note:first-child{transform:rotate(-2deg)}.project-note:nth-child(2){transform:rotate(3deg)}.project-note:nth-child(3){transform:rotate(-1deg)}.project-note:nth-child(4){transform:rotate(2deg)}.project-note:nth-child(5){transform:rotate(-2deg)}.contact-zone{width:calc(100% - 40px);margin-top:88px}.contact-notes{gap:10px}.contact-note{width:calc(33.333% - 7px);height:76px;padding:10px}.contact-note strong{font-size:18px}.contact-note small{font-size:7px}}@media (min-width:701px){.project-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px;display:grid}.project-note:nth-child(3),.project-note:nth-child(4),.project-note:nth-child(5){grid-column:auto!important;justify-self:auto!important}}.project-coming-soon{text-align:center;justify-content:center;align-items:center;height:409px;display:flex}.project-coming-soon .project-note-body{padding:18px}.project-coming-soon .project-note-body h2{margin:18px 0 10px}.project-coming-soon .project-note-body p{min-height:0;margin-bottom:0}.contact-icon{font-size:24px;line-height:1;display:block}.contact-icon-in{font-size:22px}.contact-icon svg{display:block}.contact-note strong{justify-content:space-between;align-items:center;display:flex}.project-euler-link{margin-top:8px;display:table!important}.project-photo-image{overflow:hidden}.project-photo-image img{object-fit:cover;object-position:center 38%}.project-photo-image b{z-index:1;color:#f8fafc;text-shadow:0 1px 3px #000c}.project-note-violet .project-photo-image{aspect-ratio:1147/513;height:auto}.project-note-violet .project-photo-image img,.project-note-lime .project-photo-image img,.project-note-blue .project-photo-image img{object-fit:contain;padding:0}.project-note-lime .project-photo-image{aspect-ratio:1908/857;height:auto}.project-note-blue .project-photo-image{aspect-ratio:1042/527;height:auto}.board-intro{padding-top:38px}.board-intro h1{font-size:clamp(36px,3.4vw,50px)}.about-zone{margin-top:42px}.work-zone{margin-top:50px}.contact-zone{margin-top:54px}@media (max-width:560px){.board-intro h1{font-size:38px}.about-zone{margin-top:34px}.work-zone{margin-top:42px}.contact-zone{margin-top:48px}.whiteboard{padding-bottom:36px;overflow-x:hidden}.board-intro{padding-top:62px}.about-zone{width:calc(100% - 28px);margin-top:38px}.about-note{width:100%;padding:20px 22px}.about-note p{margin:10px 0 0;font-size:16px;line-height:1.3}.work-zone{width:calc(100% - 28px);margin-top:48px}.project-stack{gap:32px;width:100%}.project-note,.project-note:nth-child(3),.project-note:nth-child(4),.project-note:nth-child(5){width:100%;max-width:none}.project-coming-soon{height:auto;min-height:260px}.project-note-body{padding:16px 5px 4px}.project-note-body h2{font-size:30px}.project-note-body p{font-size:16px;line-height:1.25}.project-photo{height:150px}.project-note-violet .project-photo-image,.project-note-lime .project-photo-image,.project-note-blue .project-photo-image{height:auto}.contact-zone{width:calc(100% - 28px);margin-top:58px}.contact-notes{gap:8px}.contact-note{width:calc(33.333% - 6px);height:auto;min-height:72px}.contact-note strong{font-size:17px}}