@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Caveat,cursive;overflow:hidden}button,a{font-family:inherit}.app{--bg:#f9f1dd;--paper:#fff9e5db;--text:#171717;--muted:#4c4439;--grid:#372f230e;--line:#191919;--shadow:#4b33102e;background:var(--bg);width:100vw;height:100vh;color:var(--text);overflow:hidden}.app.dark{--bg:#101315;--paper:#161a1edb;--text:#f4efe5;--muted:#c8bda9;--grid:#ffffff0f;--line:#f4efe5;--shadow:#0006}.topbar{background:var(--paper);z-index:50;border-bottom:2px dashed #7f7f7f38;grid-template-columns:270px 1fr 230px 64px;align-items:center;gap:16px;height:70px;padding:12px 28px;display:grid;position:relative}.brand{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;font-size:1.45rem;font-weight:700}.brand:first-letter{color:#d14b8f}.topbar nav{justify-content:center;gap:34px;display:flex}.topbar nav button,.back-btn{color:var(--c,var(--text));cursor:pointer;background:0 0;border:2px dashed;border-radius:999px;padding:6px 24px;font-size:1.15rem;font-weight:700;transition:transform .2s,background .2s}.top-hint{color:#d35400;margin:0;font-size:1.05rem;font-weight:700;line-height:1.05}.top-hint:after{content:"";border-bottom:3px solid #d35400;border-radius:50%;width:115px;margin-top:2px;display:block}.back-btn{color:var(--text);position:absolute;right:92px}.bulb-button{width:54px;height:54px;color:var(--text);cursor:pointer;background:0 0;border:0}.bulb-button svg{width:100%;height:100%;overflow:visible}.bulb-button .bulb-fill{stroke:#f1c40f;opacity:.25}.bulb-button.lit{filter:drop-shadow(0 0 7px #ffe837e6)drop-shadow(0 0 18px #ffe83773)}.bulb-button.lit .bulb-fill{opacity:1}.board-wrap{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:31px 31px;height:calc(100vh - 70px);position:relative;overflow:hidden}.landing{min-height:100%;padding:26px 32px 80px;position:relative;overflow:hidden}.hero{text-align:center;z-index:3;position:relative}.hero p{color:#998d7b;letter-spacing:4px;margin:0 0 8px;font-family:system-ui,sans-serif;font-size:.8rem;font-weight:900}.hero h1{margin:0;font-size:clamp(3.1rem,5.3vw,5.7rem);font-weight:800;line-height:.88}.wave{color:#d14b8f;width:270px;height:34px;margin-top:6px}.hero h2{color:var(--muted);margin:6px 0 0;font-size:1.25rem;font-weight:500;line-height:1.15}.hero h2:after{content:"";border-bottom:3px solid #d14b8f;border-radius:50%;width:55px;margin:-1px auto 0;display:block}.route-grid{z-index:4;grid-template-columns:repeat(3,1fr);gap:34px;width:min(890px,70vw);margin:28px auto 0;display:grid;position:relative}.route-card{border:2px dashed var(--c);background:radial-gradient(circle at 30% 18%, #ffffff59, transparent 40%), var(--paper);min-height:230px;color:var(--c);box-shadow:0 18px 32px var(--shadow);text-align:center;cursor:pointer;border-radius:22px 17px 24px 15px;padding:28px 24px 22px;transition:transform .22s,box-shadow .22s;position:relative}.route-card:hover{box-shadow:0 25px 40px var(--shadow);transform:translateY(-9px)rotate(0)scale(1.02)}.card-1{transform:rotate(2.5deg)}.card-2{transform:rotate(0)}.card-3{transform:rotate(-2.5deg)}.route-card:after{content:"";border-radius:inherit;border:1px dashed #7f7f7f14;position:absolute;inset:9px}.route-mark{color:#e74793;font-size:2rem;font-weight:900;position:absolute;top:20px;right:20px}.route-card strong{width:fit-content;color:var(--text);letter-spacing:1px;border-bottom:3px solid;margin:12px auto 10px;padding-bottom:5px;font-family:system-ui,sans-serif;font-size:1.35rem;font-weight:900;display:block}.route-card em{color:var(--text);font-size:1.18rem;font-style:normal;line-height:1.05;display:block}.route-card small{color:var(--c);margin-top:18px;font-size:1rem;font-weight:800;display:block}.draw-canvas{z-index:20;cursor:crosshair;touch-action:none;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.toolbar{z-index:30;background:var(--paper);width:72px;box-shadow:0 12px 30px var(--shadow);border:2px dashed #7f7f7f47;border-radius:22px;padding:8px;position:absolute;top:25px;right:22px}.tool-toggle{width:52px;height:44px;color:var(--text);cursor:pointer;background:#7f7f7f1f;border:0;border-radius:16px;font-size:1.6rem}.tool-drop{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:none}.toolbar.open .tool-drop{display:flex}.tool-drop button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:6px 8px;font-size:1rem}.tool-drop button.active{background:#7f7f7f29}.dots{gap:7px;display:grid}.dot{width:22px;height:22px;border:2px solid #7f7f7f80!important;border-radius:50%!important;padding:0!important}.active-dot{outline:2px solid var(--text)}.clear{color:#d14b8f!important}.doodles{pointer-events:none;z-index:2;color:var(--line);position:absolute;inset:0}.doodle{position:absolute}.bulb-doodle{width:115px;top:54px;left:15%}.plane-one{width:150px;top:78px;right:13%}.rocket-doodle{width:96px;bottom:64px;left:12%}.code-doodle{width:84px;top:100px;right:5%}.note{font-size:1.16rem;font-weight:800;line-height:1.02;position:absolute}.note-left{top:42px;left:5%;transform:rotate(-6deg)}.note-click{top:255px;left:4%;transform:rotate(-5deg)}.note-click b{color:#2f80ed;font-size:1.7rem}.note-bug{bottom:38px;right:4%;transform:rotate(-6deg)}.note-bug:before{content:"☆";color:#e74793;margin-right:8px;font-size:1.8rem}.current-card{background:linear-gradient(#3486c324 1px, transparent 1px), var(--paper);width:205px;min-height:195px;box-shadow:0 15px 28px var(--shadow);background-size:100% 32px;border:1px solid #7f7f7f33;padding:36px 26px 18px;position:absolute;top:220px;right:3.5%;transform:rotate(-3deg)}.current-card h3{border-bottom:3px solid #d14b8f;width:fit-content;margin:0 0 12px;font-size:1.55rem}.current-card p{margin:7px 0;font-size:1.05rem;font-weight:800}.current-card span{position:absolute;bottom:8px;right:18px}.tape{background:#e1c691a6;border:1px solid #6e522633;width:88px;height:32px;position:absolute;transform:rotate(-4deg)}.current-card .tape{top:-15px;left:58px}.page-scroll{height:100%;overflow:hidden auto}.rough-box{box-shadow:0 12px 28px var(--shadow);background:#fffceb0d;border:4px solid;border-radius:25px 18px 28px 15px;position:relative}.rough-box:before{content:"";border-radius:inherit;opacity:.18;pointer-events:none;border:1.5px solid;position:absolute;inset:9px}mark{color:inherit;background:linear-gradient(#0000 58%,#d89b008f 58%);padding:0 3px}.about-board{background-color:#ffffff0a;background-image:linear-gradient(#dc5f3c1f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:min(1120px,100% - 42px);min-height:1000px;margin:22px auto;padding:36px 64px 60px;position:relative}.black-frame{border:8px solid var(--line);pointer-events:none;z-index:10;border-radius:8px;position:absolute;inset:0}.about-head{min-height:124px;position:relative}.about-head h1{color:#078c86;margin:0;font-size:clamp(3.5rem,7vw,6rem);line-height:.85}.double-line{border-top:5px solid #078c86;border-bottom:5px solid #078c86;width:230px;height:17px;margin-top:8px;transform:rotate(-3deg)}.about-top-note{color:#078c86;font-size:1.35rem;font-weight:800;line-height:1;position:absolute;top:8px;left:48%;transform:rotate(-5deg)}.stars{color:#078c86;letter-spacing:15px;font-size:3rem;position:absolute;top:0;right:34px;transform:rotate(-8deg)}.center-tape{top:-25px;left:48%}.who-box h2,.current-box h2,.stack-box h2,.journey-box h2,.fun-box h2,.todo-box h2{color:currentColor;letter-spacing:3px;margin:0 0 18px;font-size:2.35rem}.mini-face{vertical-align:middle;width:48px;height:48px;color:var(--text);margin-right:12px}.who-box p{color:var(--text);font-size:1.42rem;line-height:1.28}.machine-note{color:#078c86;font-size:1.3rem;font-weight:800;position:absolute;top:360px;right:135px}.about-row{grid-template-columns:.95fr 1.15fr;gap:36px;width:88%;margin:32px auto 0;display:grid}.current-box{color:#145bd7}.stack-box{color:#078c86}.current-box ul,.todo-box ul{color:var(--text);font-size:1.16rem;line-height:1.32}.stack-box p{color:var(--text);font-size:1.34rem;line-height:1.4}.stack-box span{color:#078c86;margin:0 12px;font-weight:900}.journey-box{color:#7e3ed7;width:88%;min-height:220px;margin:34px auto 0;padding:32px 46px 36px}.corner-tape{background:#a076cd6b;top:-18px;right:60px;transform:rotate(35deg)}.timeline{color:var(--text);grid-template-columns:repeat(4,1fr);gap:26px;display:grid;position:relative}.timeline:before{content:"";background:#7e3ed7;height:3px;position:absolute;top:36px;left:55px;right:28px}.timeline div{font-size:1rem;line-height:1.16;position:relative}.timeline b{color:#7e3ed7;text-align:center;margin-bottom:24px;display:block}.timeline i{background:var(--bg);border:4px solid #7e3ed7;border-radius:50%;width:16px;height:16px;position:absolute;top:29px;left:50%;transform:translate(-50%)}.about-bottom{grid-template-columns:1fr 1fr;gap:54px;width:62%;margin:34px auto 0;display:grid}.fun-box{color:#d86b00}.todo-box{color:#078c86}.fun-box p{color:var(--text);font-size:1.13rem}.small-tape{top:-17px;right:34px}.float-text{color:#078c86;font-size:1.08rem;font-weight:800;line-height:1.05;position:absolute}.graph{bottom:82px;left:58px;transform:rotate(-8deg)}.coffee{bottom:17px;left:390px}.bug{bottom:38px;right:54px}.projects-page,.links-page{color:#202020;background-color:#f3ead2;background-image:linear-gradient(90deg,#0000 0 105px,#e0464661 106px,#0000 108px),linear-gradient(#3486c338 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 100%,100% 43px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.projects-board,.links-board{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:46px 76px 80px 145px;position:relative;overflow:hidden}.projects-head{min-height:250px;position:relative}.crown{font-size:4rem;position:absolute;top:10px;left:-55px}.projects-head h1,.links-head h1{margin:0;font-size:clamp(4.5rem,8vw,7rem);font-weight:500;line-height:.82}.pink-wave,.blue-wave{border-bottom:6px solid #ea6b93;border-radius:50%;width:360px;height:22px}.projects-head p{font-size:1.75rem;line-height:1.15;position:absolute;top:135px;left:95px}.projects-head small{font-size:1.45rem;line-height:1.1;position:absolute;top:34px;right:120px;transform:rotate(-4deg)}.project-stack{gap:36px;margin-top:-10px;display:grid}.project-paper{width:min(760px,100%);min-height:285px;color:var(--p);background:#f8f0dc;border:1px solid #372a1938;padding:30px 34px;position:relative;box-shadow:0 18px 26px #402d1633}.project-paper-1{margin-left:60px;transform:rotate(-2deg)}.project-paper-2{margin-left:150px;transform:rotate(1.4deg)}.project-paper-3{margin-left:175px;transform:rotate(-1deg)}.project-tape{top:42px;left:-32px;transform:rotate(-35deg)}.project-status{color:#202020;justify-content:space-between;font-size:1.2rem;display:flex}.project-status b{color:#ea6b93;font-family:system-ui,sans-serif;font-size:.95rem}.project-content{grid-template-columns:1fr 220px;gap:30px;display:grid}.project-paper h2{color:#171717;margin:22px 0 14px;font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:.85}.stack-list{flex-wrap:wrap;gap:18px;margin-top:24px;display:flex}.stack-list em{color:#202020;border-bottom:3px solid #2f80ed;font-size:1.1rem;font-style:normal}.stack-list .u1{border-color:#7ac66b}.stack-list .u2{border-color:#f2994a}.stack-list .u3{border-color:#9b5de5}.stack-list .u4{border-color:#ea6b93}.project-sketch{color:#202020;text-align:center;align-self:center;font-size:4rem}.project-actions{justify-content:flex-end;gap:18px;margin-top:16px;display:flex}.project-actions a,.resume-card a,.social-card a{color:#151515;background:#9ede76c7;border-radius:14px 6px 16px 8px;padding:7px 18px;font-size:1.45rem;font-weight:800;text-decoration:none}.project-actions a:nth-child(2){background:#78beebb8}.more-projects{text-align:center;border:2px dashed #ea6b93;border-radius:12px;width:min(430px,80vw);margin:48px auto 0;padding:14px 24px;font-size:1.6rem}.links-head{align-items:flex-start;gap:20px;min-height:230px;display:flex;position:relative}.doc-doodle{font-size:5rem}.links-head p{font-size:1.35rem;line-height:1.1;position:absolute;top:30px;right:70px;transform:rotate(-5deg)}.blue-wave{border-color:#145bd7}.resume-card{background:#f8f0dc;border:2px dashed #145bd7;border-radius:22px;grid-template-columns:150px 1fr 200px;align-items:center;gap:24px;width:min(820px,100%);min-height:280px;margin:-12px auto 36px;padding:44px 34px;display:grid;position:relative;transform:rotate(-.8deg);box-shadow:0 18px 28px #402d162e}.resume-tape{top:-24px;left:-28px;transform:rotate(-35deg)}.pdf-icon{color:#145bd7;border:3px solid #145bd7;border-radius:50%;place-items:center;width:104px;height:104px;font-size:2rem;font-weight:800;display:grid}.resume-card b{color:#145bd7;font-family:system-ui,sans-serif}.resume-card h2{color:#171717;border-bottom:4px solid #145bd7;width:fit-content;margin:12px 0 18px;font-size:clamp(3rem,5vw,5rem);line-height:.85}.resume-card p{color:#202020;font-size:1.2rem}.resume-card a{color:#145bd7;background:0 0;border:2px solid #145bd7}.resume-card small{color:#145bd7;text-align:center;border:2px dashed #145bd7;border-radius:999px;place-items:center;width:100px;height:100px;font-size:1.15rem;display:grid;position:absolute;top:44px;right:-120px}.link-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(840px,92%);margin:0 auto 34px;font-size:2rem;display:grid}.link-divider span{border-top:2px dashed}.social-grid{grid-template-columns:repeat(2,1fr);gap:34px 36px;width:min(800px,100%);margin:0 auto;display:grid}.social-card{border:2px dashed var(--s);background:#f8f0dc;border-radius:20px;grid-template-columns:82px 1fr;grid-template-areas:"icon title""icon text""icon link";gap:8px 18px;min-height:230px;padding:36px 28px 24px;display:grid;position:relative;box-shadow:0 14px 20px #402d1624}.card-tape{top:-22px;left:22px;transform:rotate(-25deg)}.social-icon{border:2px solid var(--s);width:72px;height:72px;color:var(--s);border-radius:50%;grid-area:icon;place-items:center;font-family:system-ui,sans-serif;font-size:1.6rem;font-weight:900;display:grid}.social-card h2{color:#171717;border-bottom:4px solid var(--s);grid-area:title;width:fit-content;margin:0;font-size:2.8rem;line-height:.9}.social-card p{color:#202020;grid-area:text;margin:0;font-size:1.12rem}.social-card a{color:var(--s);border:2px solid var(--s);background:0 0;grid-area:link;justify-self:end}.links-bottom{text-align:center;margin-top:42px;font-size:2rem;line-height:1.15}.links-bottom:after{content:"";border-bottom:4px solid #145bd7;border-radius:50%;width:260px;margin:4px auto 0;display:block}@media (width<=1100px){.topbar{grid-template-columns:230px 1fr 54px}.top-hint,.current-card,.code-doodle,.resume-card small{display:none}.route-grid{gap:24px;width:min(820px,86vw)}.project-paper-1,.project-paper-2,.project-paper-3{margin-left:40px}}@media (width<=900px){body{overflow:hidden}.app{height:100dvh}.topbar{grid-template-columns:1fr 52px;grid-template-areas:"brand bulb""nav nav";height:auto;min-height:108px;padding:10px 14px}.brand{grid-area:brand;font-size:1.1rem}.brand span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:inline-block;overflow:hidden}.topbar nav{grid-area:nav;justify-content:flex-start;gap:10px;padding-bottom:2px;overflow-x:auto}.topbar nav button{min-width:auto;padding:5px 14px;font-size:1rem}.bulb-button{grid-area:bulb;width:46px;height:46px}.back-btn{padding:4px 12px;font-size:.95rem;top:16px;right:72px}.board-wrap{-webkit-overflow-scrolling:touch;height:calc(100dvh - 108px);overflow-y:auto}.draw-canvas{pointer-events:none}.draw-mode .draw-canvas{pointer-events:auto}.landing{min-height:auto;padding:22px 16px 130px}.hero h1{font-size:clamp(2.5rem,13vw,3.7rem)}.hero h2{font-size:1rem}.wave{width:180px}.route-grid{grid-template-columns:1fr;gap:18px;width:min(390px,100%);margin-top:24px}.route-card,.card-1,.card-2,.card-3{min-height:205px;transform:none}.doodles .doodle,.note{display:none}.bulb-doodle,.rocket-doodle{opacity:.35;display:block!important}.bulb-doodle{width:70px;top:12px;left:12px}.rocket-doodle{width:62px;bottom:20px;left:12px}.toolbar{top:14px;right:14px}.about-board,.projects-board,.links-board{width:100%;min-height:100%;margin:0;padding:28px 16px 80px;overflow:visible}.black-frame,.machine-note,.stars,.about-top-note,.float-text,.projects-head small{display:none}.about-head h1,.projects-head h1,.links-head h1{font-size:clamp(3.2rem,16vw,5rem)}.double-line{width:190px}.who-box,.about-row,.journey-box,.about-bottom{width:100%;margin-left:0;margin-right:0}.who-box{padding:28px 20px}.about-row,.about-bottom,.social-grid{grid-template-columns:1fr;gap:26px}.journey-box{padding:26px 20px;overflow-x:auto}.timeline{min-width:680px}.projects-board,.links-board{padding-left:48px}.projects-head,.links-head{min-height:190px}.projects-head p{margin-top:18px;font-size:1.35rem;position:static}.project-paper-1,.project-paper-2,.project-paper-3{width:100%;min-height:auto;margin-left:0;padding:24px 20px;transform:none}.project-content,.resume-card{grid-template-columns:1fr}.project-sketch{display:none}.project-paper h2{font-size:clamp(2.8rem,13vw,4rem)}.resume-card{margin-top:0;padding:28px 20px}.links-head{gap:10px}.doc-doodle{font-size:3rem}.links-head p{display:none}.social-card{grid-template-columns:70px 1fr}}@media (width<=520px){.projects-board,.links-board{padding-left:34px}.route-card{min-height:190px}.route-card strong{font-size:1.2rem}.route-card em{font-size:1.05rem}.who-box p,.project-paper p{font-size:1.12rem}.current-box,.stack-box,.journey-box,.fun-box,.todo-box{padding:22px 18px}.stack-box p{font-size:1.04rem}.project-actions{flex-wrap:wrap;justify-content:flex-start}.social-card{grid-template-columns:1fr;grid-template-areas:"icon""title""text""link"}.social-card a{justify-self:start}}.about-head h1{font-size:clamp(3.6rem,7.2vw,6.4rem)}.about-top-note{top:14px;left:50%}.about-row{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.15fr);width:min(1080px,92vw);margin-top:36px}.journey-box{width:min(1080px,92vw)}.about-bottom{width:min(760px,72vw)}.machine-note{top:380px;right:clamp(40px,10vw,180px)}.float-text.graph{left:clamp(24px,4vw,64px)}.float-text.coffee{left:43%}.float-text.bug{right:clamp(24px,5vw,80px)}.rough-box{box-shadow:none;isolation:isolate;background:#fffceb09;border:none!important}.rough-box:before{content:"";z-index:-1;pointer-events:none;opacity:1;clip-path:polygon(2.4% 6.2%,13% 4.6%,24% 5.5%,37% 3.9%,49% 5.1%,61% 3.8%,74% 5.4%,87% 4.2%,97.4% 6.4%,96.2% 17%,97.8% 28%,96.1% 41%,97.1% 54%,95.8% 67%,97.2% 80%,95.3% 94.2%,83% 96.1%,70% 94.8%,58% 96.3%,45% 94.9%,32% 96.5%,20% 95.1%,5.2% 94%,3.6% 82%,4.9% 70%,3.2% 57%,4.7% 44%,3.1% 31%,4.8% 19%);background:currentColor;border:0;position:absolute;inset:-7px}.rough-box:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#dc5f3c17 1px, transparent 1px), color-mix(in srgb, var(--bg), white 4%);clip-path:polygon(3.7% 7.9%,15% 6.5%,27% 7.1%,39% 5.9%,51% 7%,64% 5.9%,77% 7.4%,95.3% 8.2%,94.2% 20%,95.5% 33%,94% 46%,95% 59%,93.8% 72%,95.1% 91.6%,82% 93.3%,69% 92.4%,57% 93.6%,44% 92.4%,31% 94%,18% 92.7%,7.1% 91.8%,5.7% 80%,6.9% 68%,5.2% 55%,6.5% 42%,5.1% 29%,6.6% 18%);background-size:100% 44px;position:absolute;inset:0}.app.dark .rough-box:after{background:linear-gradient(#ffffff0d 1px, transparent 1px), color-mix(in srgb, var(--bg), white 3%);background-size:100% 44px}.who-box:before{clip-path:polygon(1.8% 5.8%,10% 4.2%,22% 5.1%,35% 3.8%,48% 4.7%,63% 3.9%,78% 5.3%,96.8% 6.5%,95.6% 18%,97.2% 30%,95.3% 43%,96.8% 56%,95.1% 69%,96.5% 82%,94.6% 94%,78% 95.7%,61% 94.8%,44% 96.1%,28% 94.7%,6% 93.5%,4.2% 78%,5.7% 62%,3.8% 45%,5.4% 28%)}.current-box:before,.fun-box:before{clip-path:polygon(2.2% 7%,16% 5%,30% 6.6%,48% 4.7%,67% 5.8%,96.8% 7.4%,95.4% 24%,97% 48%,95.1% 72%,96.4% 93.8%,74% 95.4%,51% 93.7%,28% 96%,5.1% 93%,3.6% 67%,5.2% 43%,3.8% 20%)}.stack-box:before,.todo-box:before{clip-path:polygon(3.1% 6%,20% 4.8%,38% 6.2%,55% 4.5%,73% 5.5%,96.7% 6.4%,95.2% 22%,96.6% 44%,95% 66%,96.2% 94%,80% 95.8%,60% 94.4%,38% 96%,17% 94.6%,4.5% 92.8%,5.8% 73%,4.1% 52%,5.5% 31%)}.journey-box:before{clip-path:polygon(1.7% 9%,13% 6.5%,28% 7.4%,44% 5.9%,61% 7.2%,79% 6%,97% 8%,95.5% 24%,97% 47%,95.2% 70%,96.5% 92%,82% 94.5%,64% 93.2%,45% 95%,28% 93.3%,4.4% 91.8%,5.8% 70%,3.9% 48%,5.3% 26%)}.who-box h2,.current-box h2,.stack-box h2,.journey-box h2,.fun-box h2,.todo-box h2,.who-box p,.current-box ul,.stack-box p,.journey-box .timeline,.fun-box p,.todo-box ul{z-index:2;position:relative}.who-box,.current-box,.stack-box,.journey-box,.fun-box,.todo-box{border-radius:0}@media (width<=980px){.about-board{padding:30px 18px 80px}.who-box,.about-row,.journey-box,.about-bottom{width:100%;margin-left:0;margin-right:0}.who-box{padding:30px 22px}.about-row,.about-bottom{grid-template-columns:1fr}.machine-note,.float-text,.about-top-note{display:none}}@media (width<=560px){.about-board{padding:24px 14px 80px}.about-head h1{font-size:clamp(3.1rem,16vw,4.5rem)}.who-box,.current-box,.stack-box,.journey-box,.fun-box,.todo-box{padding:24px 18px}.who-box p{font-size:1.14rem}}.about-page{background:linear-gradient(#dc5f3c24 1px, transparent 1px), var(--bg);background-size:100% 44px}.about-board{background-color:#0000;background-image:linear-gradient(#dc5f3c1c 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100%;margin:0;padding:34px clamp(28px,5.4vw,92px) 72px;overflow:visible}.black-frame,.stars{display:none!important}.about-head{min-height:118px}.about-head h1{line-height:.84;font-size:clamp(3.1rem,5.5vw,5.2rem)!important}.double-line{border-top-width:4px;border-bottom-width:4px;width:clamp(190px,19vw,260px);height:15px}.about-top-note{font-size:1.18rem;top:12px;left:49%}.who-box{color:#d89b00;width:min(820px,72vw)!important;min-height:310px!important;margin-left:clamp(10px,4vw,70px)!important;padding:42px clamp(34px,5vw,66px) 34px clamp(54px,7vw,112px)!important}.who-box h2,.current-box h2,.stack-box h2,.journey-box h2,.fun-box h2,.todo-box h2{letter-spacing:2.5px;margin-bottom:16px;font-size:1.78rem!important}.who-box p{margin:14px 0;line-height:1.27;font-size:1.24rem!important}.mini-face{width:38px!important;height:38px!important}.machine-note{font-size:1.12rem!important;top:340px!important;right:clamp(30px,10vw,170px)!important}.about-row{grid-template-columns:minmax(300px,.95fr) minmax(390px,1.15fr);gap:34px;width:min(1040px,92vw)!important;margin-top:30px!important}.current-box,.stack-box{min-height:150px;padding:26px 34px!important}.current-box ul,.todo-box ul{font-size:1.02rem!important}.stack-box p{font-size:1.13rem!important}.journey-box{width:min(1040px,92vw)!important;min-height:200px!important;margin-top:32px!important;padding:30px 42px 34px!important}.timeline div{font-size:.92rem!important}.about-bottom{width:min(700px,70vw)!important;margin-top:32px!important}.fun-box,.todo-box{min-height:135px;padding:24px 30px!important}.fun-box p{font-size:1.02rem!important}.rough-box{isolation:isolate;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.rough-box:before,.rough-box:after{display:none!important}.hand-border{z-index:-1;width:calc(100% + 20px);height:calc(100% + 20px);color:inherit;pointer-events:none;position:absolute;inset:-10px;overflow:visible}.hand-border path{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hand-border .border-top,.hand-border .border-bottom{stroke-width:6px}.hand-border .border-left,.hand-border .border-right{stroke-width:8px}.current-box .hand-border path,.stack-box .hand-border path,.fun-box .hand-border path,.todo-box .hand-border path{stroke-width:5.2px}.current-box .hand-border .border-left,.current-box .hand-border .border-right,.stack-box .hand-border .border-left,.stack-box .hand-border .border-right,.fun-box .hand-border .border-left,.fun-box .hand-border .border-right,.todo-box .hand-border .border-left,.todo-box .hand-border .border-right{stroke-width:6.4px}.journey-box .hand-border path{stroke-width:5.6px}.rough-box>:not(.hand-border){z-index:2;position:relative}.about-doodle-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.about-doodle{fill:none;stroke:#078c86;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;position:absolute}.about-plane{stroke-dasharray:9 8;width:118px;top:145px;right:9%}.about-plane path:nth-child(2){stroke-dasharray:none}.about-spark{width:52px;top:84px;right:19%}.about-code{width:82px;stroke:var(--line);opacity:.75;bottom:72px;right:5%}.about-curl{stroke:#078c86;width:96px;top:430px;right:16%}@media (width<=980px){.about-board{padding:26px 16px 78px!important}.about-head{min-height:108px}.about-head h1{font-size:clamp(2.75rem,14vw,4.2rem)!important}.double-line{width:190px}.who-box,.about-row,.journey-box,.about-bottom{width:100%!important;margin-left:0!important;margin-right:0!important}.who-box{min-height:auto!important;padding:30px 20px 28px!important}.who-box h2,.current-box h2,.stack-box h2,.journey-box h2,.fun-box h2,.todo-box h2{font-size:1.5rem!important}.who-box p{font-size:1.08rem!important}.about-row,.about-bottom{grid-template-columns:1fr!important;gap:26px!important}.current-box,.stack-box,.journey-box,.fun-box,.todo-box{padding:24px 18px!important}.journey-box{overflow-x:auto}.timeline{min-width:660px}.about-top-note,.machine-note,.float-text{display:none!important}.about-doodle-layer{display:block!important}.about-plane{opacity:.55;width:92px;display:block;top:78px;right:16px}.about-spark{opacity:.55;width:42px;display:block;top:26px;right:112px}.about-code{opacity:.42;width:70px;display:block;bottom:26px;right:18px}.about-curl{opacity:.35;width:78px;display:block;top:360px;right:18px}.hand-border path{stroke-width:4.8px}.hand-border .border-left,.hand-border .border-right{stroke-width:5.8px}}@media (width<=560px){.about-board{padding:22px 12px 76px!important}.about-head{min-height:96px}.about-head h1{font-size:clamp(2.45rem,14vw,3.5rem)!important}.double-line{width:160px;height:12px}.who-box,.current-box,.stack-box,.journey-box,.fun-box,.todo-box{padding:22px 15px!important}.who-box p,.current-box ul,.todo-box ul,.stack-box p,.fun-box p{font-size:1rem!important}.mini-face{width:32px!important;height:32px!important}.timeline{min-width:600px}.about-plane{width:76px;top:66px}.about-spark{width:34px;right:92px}}.projects-page{color:var(--text);background:linear-gradient(90deg, transparent 0 105px, #e046463d 106px, transparent 108px), linear-gradient(#3486c329 1px, transparent 1px), var(--bg);background-size:100% 100%,100% 43px}.app.dark .projects-page{color:var(--text);background:linear-gradient(90deg, transparent 0 105px, #e046462e 106px, transparent 108px), linear-gradient(#ffffff0e 1px, transparent 1px), var(--bg);background-size:100% 100%,100% 43px}.projects-board{width:min(1040px,100%);padding:34px 64px 72px 132px}.projects-head{min-height:205px;color:var(--text)}.projects-head h1{color:var(--text);letter-spacing:1px;line-height:.82;font-size:clamp(3.8rem,6.2vw,5.9rem)!important}.crown{display:none!important}.pink-wave{border-bottom-width:5px;width:clamp(230px,34vw,330px);height:18px}.projects-head p{color:var(--text);font-size:1.38rem;line-height:1.12;top:112px;left:clamp(48px,11vw,120px)}.projects-head small{color:var(--text);font-size:1.18rem;top:34px;right:clamp(28px,8vw,110px)}.project-stack{gap:28px;margin-top:-4px}.project-paper{background:linear-gradient(#3486c314 1px, transparent 1px), color-mix(in srgb, var(--bg), white 6%);width:min(640px,100%);min-height:225px;color:var(--p);box-shadow:0 12px 22px var(--shadow);border-color:color-mix(in srgb, var(--line), transparent 82%);background-size:100% 38px;padding:24px 28px}.app.dark .project-paper{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);border-color:color-mix(in srgb, var(--line), transparent 76%);background-size:100% 38px}.project-paper-1{margin-left:clamp(12px,5vw,54px)}.project-paper-2{margin-left:clamp(60px,11vw,130px)}.project-paper-3{margin-left:clamp(80px,13vw,150px)}.project-status{color:var(--text);font-size:1.02rem}.project-status b{font-size:.78rem}.project-content{grid-template-columns:1fr 145px;gap:22px}.project-paper h2{color:var(--text);margin:16px 0 12px;font-size:clamp(2.35rem,4vw,3.75rem)!important}.project-paper p{color:var(--text);font-size:1.18rem;line-height:1.18}.stack-list{gap:13px;margin-top:18px}.stack-list em{color:var(--text);font-size:.98rem}.project-sketch{color:var(--text);opacity:.82;font-size:3rem}.project-sketch span{font-size:1.45rem}.project-actions{gap:12px;margin-top:12px}.project-actions a{padding:6px 15px;font-size:1.22rem}.project-tape{width:74px;height:27px;top:36px;left:-22px}.more-projects{width:min(360px,78vw);color:var(--text);text-align:center;background:0 0;border:none;border-radius:0;margin:42px auto 0;padding:20px 26px;font-size:1.3rem;line-height:1.22;position:relative}.more-projects:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(3% 16%,16% 10%,30% 14%,45% 9%,60% 13%,76% 9%,97% 15%,95% 36%,98% 55%,94% 76%,96% 91%,78% 95%,61% 91%,45% 96%,29% 92%,8% 94%,5% 72%,2% 54%,6% 34%);background:#ea6b93;position:absolute;inset:-8px}.more-projects:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#3486c31a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);clip-path:polygon(6% 19%,18% 14%,31% 17%,46% 13%,60% 16%,75% 13%,94% 18%,92% 38%,95% 56%,91% 74%,93% 88%,78% 91%,61% 88%,46% 93%,30% 89%,11% 90%,9% 71%,6% 55%,10% 36%);background-size:100% 34px;position:absolute;inset:-3px}.app.dark .more-projects:after{background:linear-gradient(#ffffff0b 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);background-size:100% 34px}.projects-page mark{background:linear-gradient(#0000 58%,#d89b008c 58%)}.app.dark .projects-page mark{background:linear-gradient(#0000 58%,#d89b00b8 58%)}@media (width<=900px){.projects-board{padding:28px 18px 76px 42px!important}.projects-head{min-height:180px}.projects-head h1{font-size:clamp(3.2rem,15vw,4.8rem)!important}.pink-wave{width:230px}.projects-head p{margin:18px 0 0;font-size:1.18rem;position:static}.project-stack{gap:26px}.project-paper-1,.project-paper-2,.project-paper-3{width:100%;transform:rotate(0);margin-left:0!important;padding:22px 18px!important}.project-content{grid-template-columns:1fr}.project-paper h2{font-size:clamp(2.3rem,12vw,3.25rem)!important}.project-paper p{font-size:1.05rem}.project-sketch{display:none}.more-projects{font-size:1.2rem}}@media (width<=520px){.projects-board{padding-left:28px!important;padding-right:12px!important}.projects-head{min-height:160px}.projects-head h1{font-size:clamp(2.85rem,15vw,3.9rem)!important}.project-paper{min-height:auto}.project-status{flex-direction:column;gap:5px}.stack-list{gap:11px}.project-actions{flex-wrap:wrap;justify-content:flex-start}}.links-board{width:min(1040px,100%);padding:34px 64px 72px 132px}.links-head{min-height:190px;color:var(--text)}.doc-doodle{color:var(--text);margin-top:14px;font-size:3.7rem;transform:rotate(-3deg)}.links-head h1{color:var(--text);letter-spacing:1px;line-height:.83;font-size:clamp(3.5rem,5.8vw,5.65rem)!important}.blue-wave{border-bottom-width:5px;width:clamp(230px,34vw,330px);height:16px}.links-head p{color:var(--text);font-size:1.12rem;top:38px;right:clamp(32px,8vw,110px)}.resume-card{background:linear-gradient(#3486c314 1px, transparent 1px), color-mix(in srgb, var(--bg), white 6%);color:#145bd7;width:min(660px,100%);min-height:220px;box-shadow:none;isolation:isolate;background-size:100% 36px;border-radius:0;grid-template-columns:105px 1fr 165px;gap:20px;margin:-6px auto 30px;padding:28px;transform:rotate(-.7deg);border:none!important}.app.dark .resume-card{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);background-size:100% 36px}.resume-card:before,.social-card:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(3% 11%,16% 7%,29% 9%,43% 6%,58% 8%,74% 6%,96% 10%,94% 28%,97% 46%,94% 64%,96% 88%,80% 93%,63% 90%,47% 94%,30% 91%,8% 92%,5% 72%,2% 53%,6% 33%);background:currentColor;position:absolute;inset:-7px}.resume-card:after,.social-card:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#3486c314 1px, transparent 1px), color-mix(in srgb, var(--bg), white 7%);clip-path:polygon(5% 14%,17% 10%,30% 12%,44% 9%,58% 11%,73% 9%,94% 13%,92% 30%,95% 47%,92% 63%,94% 85%,79% 90%,63% 87%,48% 91%,31% 88%,10% 89%,8% 71%,5% 54%,9% 35%);background-size:100% 36px;position:absolute;inset:-2px}.app.dark .resume-card:after,.app.dark .social-card:after{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);background-size:100% 36px}.resume-tape{width:68px;height:25px;top:-18px;left:-18px;transform:rotate(-33deg)}.pdf-icon{color:#145bd7;border-width:2.4px;width:78px;height:78px;font-size:1.45rem}.resume-card b{color:#145bd7;font-size:.78rem}.resume-card h2{color:var(--text);border-bottom-width:3px;margin:10px 0 12px;line-height:.85;font-size:clamp(2.35rem,4vw,3.75rem)!important}.resume-card p{color:var(--text);font-size:1.03rem;line-height:1.22}.resume-card a{color:#145bd7;background:0 0;border-width:2px;justify-self:end;min-width:138px;padding:7px 14px;font-size:1.15rem}.latest-cloud{color:#145bd7;text-align:center;place-items:center;width:104px;height:86px;font-size:1.03rem;line-height:1.05;display:grid;position:absolute;top:34px;right:-112px;transform:rotate(-3deg)}.latest-cloud svg{width:100%;height:100%;position:absolute;inset:0}.latest-cloud span{z-index:2;font-weight:700;position:relative}.link-divider{width:min(720px,92%);color:var(--text);margin:0 auto 28px;font-size:1.55rem}.social-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:28px 30px;width:min(690px,100%)}.social-card{background:linear-gradient(#3486c314 1px, transparent 1px), color-mix(in srgb, var(--bg), white 6%);min-height:185px;color:var(--s);box-shadow:none;isolation:isolate;background-size:100% 34px;border-radius:0;grid-template-columns:66px 1fr;gap:6px 14px;padding:28px 22px 20px;border:none!important}.app.dark .social-card{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);background-size:100% 34px}.card-tape{width:66px;height:24px;top:-17px;left:18px}.social-icon{border-width:2px;width:55px;height:55px;font-size:1.18rem}.social-card h2{color:var(--text);border-bottom-width:3px;font-size:2.15rem!important}.social-card p{color:var(--text);font-size:.98rem;line-height:1.15}.social-card a{color:var(--s);border:2px solid var(--s);background:0 0;padding:6px 13px;font-size:1.08rem}.links-bottom{color:var(--text);margin-top:34px;font-size:1.55rem}.links-bottom:after{border-bottom-width:3px;width:220px}@media (width<=1100px){.latest-cloud{display:none}}@media (width<=900px){.links-board{padding:28px 18px 76px 42px!important}.links-head{min-height:160px}.doc-doodle{font-size:3rem}.links-head h1{font-size:clamp(3rem,14vw,4.6rem)!important}.blue-wave{width:230px}.resume-card{grid-template-columns:1fr;justify-items:start;width:100%;min-height:auto;margin:0 0 28px;padding:24px 18px;transform:rotate(0)}.resume-card a{justify-self:start}.pdf-icon{width:70px;height:70px}.social-grid{grid-template-columns:1fr;gap:26px;width:100%}.social-card{grid-template-columns:58px 1fr;min-height:auto;padding:25px 18px 22px}.social-icon{width:50px;height:50px}.social-card h2{font-size:1.95rem!important}.links-bottom{font-size:1.32rem}}@media (width<=520px){.links-board{padding-left:30px!important;padding-right:12px!important}.links-head{min-height:142px}.doc-doodle{font-size:2.35rem}.links-head h1{font-size:clamp(2.65rem,14vw,3.65rem)!important}.resume-card h2{font-size:2.35rem!important}.resume-card p,.social-card p{font-size:.94rem}.social-card{grid-template-columns:1fr;grid-template-areas:"icon""title""text""link"}.social-card a{justify-self:start}}.resume-card,.social-card{overflow:visible;box-shadow:none!important;border:none!important}.resume-card:before,.social-card:before{display:none!important}.resume-card:after,.social-card:after{content:"";z-index:-1;pointer-events:none;opacity:1;position:absolute;inset:-9px;clip-path:none!important;background:0 0!important;border:none!important}.resume-card{outline:none}.resume-card:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 420' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23145bd7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 43 C150 31 252 48 350 36 C472 22 586 47 704 35 C812 24 900 38 948 48' stroke-width='5'/%3E%3Cpath d='M55 374 C164 391 268 366 380 379 C508 394 618 365 742 380 C842 392 910 382 948 372' stroke-width='5'/%3E%3Cpath d='M63 52 C35 86 87 122 57 159 C30 193 87 225 57 263 C30 299 86 332 61 369' stroke-width='6'/%3E%3Cpath d='M934 52 C965 88 912 123 944 160 C973 194 913 226 944 264 C974 301 918 333 936 369' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.social-card:after{color:var(--s);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 650 360' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 37 C105 25 172 42 237 34 C320 24 395 42 474 35 C552 28 606 38 624 45' stroke-width='5'/%3E%3Cpath d='M38 318 C108 331 180 311 252 320 C335 333 410 311 490 321 C555 331 602 323 624 314' stroke-width='5'/%3E%3Cpath d='M46 46 C20 78 68 108 43 142 C20 174 69 205 42 240 C20 273 67 299 45 315' stroke-width='6'/%3E%3Cpath d='M610 47 C637 80 590 110 615 144 C638 176 589 207 616 241 C638 274 592 299 611 314' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.social-card{position:relative}.social-card.linkedin-card,.social-card.github-card,.social-card.portfolio-card,.social-card.email-card{color:var(--s)}.social-card{border-radius:22px 16px 24px 14px;box-shadow:0 10px 22px var(--shadow)!important}.resume-card{box-shadow:0 12px 25px var(--shadow)!important}.resume-card:before,.social-card:before{background:0 0!important}.resume-card{border-left-style:solid;border-right-style:solid;border-radius:26px 18px 28px 20px;border:3px solid #145bd7!important}.social-card{border-radius:22px 15px 25px 18px;border:3px solid var(--s)!important}.resume-card,.social-card{transform-origin:50%}.resume-card{border-radius:34px 18px 30px 20px/18px 30px 18px 28px}.social-card:first-child{border-radius:28px 15px 29px 16px/16px 26px 18px}.social-card:nth-child(2){border-radius:18px 30px 16px 26px/28px 18px 28px 16px}.social-card:nth-child(3){border-radius:30px 18px 28px/18px 28px 16px 30px}.social-card:nth-child(4){border-radius:20px 28px 22px 30px/30px 16px 30px 18px}.resume-card:after,.social-card:after{display:none!important}.link-divider.scribble-divider{width:min(720px,92%);height:64px;color:var(--text);font-size:initial;margin:4px auto 26px;display:block}.link-divider.scribble-divider span{display:none}.scribble-divider svg{width:100%;height:100%;overflow:visible}.divider-line{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-dasharray:10 12;opacity:.9}.divider-heart{fill:none;stroke:currentColor;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.app.dark .resume-card,.app.dark .social-card{box-shadow:0 10px 22px #00000047!important}.app.dark .resume-card{border-color:#2f80ed!important}@media (width<=900px){.link-divider.scribble-divider{width:100%;height:52px;margin:2px auto 22px}.divider-line{stroke-width:3px;stroke-dasharray:8 10}.divider-heart{stroke-width:3.8px}.resume-card,.social-card{border-width:2.4px!important}}@media (width<=520px){.link-divider.scribble-divider{height:44px}.divider-line{stroke-width:2.6px}.divider-heart{stroke-width:3.4px}}.links-page{color:#202020;background-color:#f3ead2;background-image:linear-gradient(90deg,#0000 0 105px,#e0464652 106px,#0000 108px),linear-gradient(#3486c32e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 100%,100% 43px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.exact-connect-board{width:min(980px,100%);min-height:1040px;margin:0 auto;padding:34px 74px 74px 128px;position:relative;overflow:hidden}.connect-hero{min-height:192px;color:var(--text);align-items:flex-start;gap:18px;display:flex;position:relative}.connect-doc-icon{width:72px;height:92px;color:var(--text);margin-top:6px;transform:rotate(-3deg)}.connect-doc-icon path,.connect-title-wave path,.connect-divider path,.connect-bottom-note svg path,.connect-plant path,.connect-bottom-code path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.connect-doc-icon path{stroke-width:5px}.connect-doc-icon path:nth-child(3){stroke-width:3px}.connect-title-wrap h1{color:var(--text);letter-spacing:1px;margin:0;font-size:clamp(3.75rem,7vw,6.2rem);font-weight:500;line-height:.78}.connect-title-wave{color:#145bd7;width:min(390px,68vw);height:35px;margin-left:8px}.connect-top-text{color:var(--text);font-size:1.2rem;line-height:1.04;position:absolute;top:24px;right:64px;transform:rotate(-5deg)}.connect-top-text span{text-align:center;margin-top:8px;font-size:1.4rem;display:block}.connect-small-star{color:var(--text);font-size:1.7rem;font-weight:700;position:absolute;top:50px;left:-64px}.exact-card{background-color:#f8f0dd;background-image:linear-gradient(#3486c31f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;box-shadow:0 13px 24px #402d1629}.app.dark .exact-card{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%);background-size:100% 34px;box-shadow:0 13px 24px #00000057}.resume-feature{color:#145bd7;border:2.3px dashed #145bd7;border-radius:20px 15px 24px 13px;grid-template-columns:122px 1fr 170px;align-items:center;gap:20px;width:min(760px,100%);min-height:220px;margin:-18px auto 30px;padding:36px 26px 30px 44px;display:grid;position:relative;transform:rotate(-.6deg)}.resume-feature:after,.connect-social-card:after{content:"";border-radius:inherit;opacity:.13;pointer-events:none;border:1px dashed;position:absolute;inset:9px}.resume-tape-exact{width:82px;height:32px;top:-26px;left:-28px;transform:rotate(-34deg)}.resume-pdf{color:#145bd7;place-items:center;width:98px;height:98px;display:grid;position:relative}.resume-pdf svg{width:100%;height:100%;position:absolute;inset:0}.resume-pdf svg path,.resume-pdf svg circle{fill:none;stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.resume-pdf span{z-index:2;font-size:1.9rem;font-weight:800;position:relative}.resume-main-copy{color:var(--text)}.resume-main-copy b{color:#145bd7;letter-spacing:.8px;margin-bottom:8px;font-family:system-ui,sans-serif;font-size:.78rem;display:block}.resume-main-copy h2{color:var(--text);border-bottom:4px solid #145bd7;margin:0 0 13px;font-size:clamp(2.5rem,4.7vw,4.1rem);font-weight:500;line-height:.84;display:inline-block}.resume-main-copy p{color:var(--text);margin:0;font-size:1.05rem;font-weight:600;line-height:1.22}.connect-action{z-index:2;color:currentColor;background:0 0;border:2px solid;border-radius:13px 9px 15px 10px;justify-content:center;align-items:center;min-height:42px;padding:7px 16px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;position:relative}.connect-action:hover{background:#ffffff26;transform:rotate(-2deg)scale(1.05)}.resume-action{color:#145bd7;justify-self:end;min-width:145px}.latest-version-cloud{color:#145bd7;place-items:center;width:102px;height:86px;display:grid;position:absolute;top:40px;right:-116px;transform:rotate(-4deg)}.latest-version-cloud svg{width:100%;height:100%;position:absolute;inset:0}.latest-version-cloud svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.latest-version-cloud svg path:first-child{stroke-width:4.4px}.latest-version-cloud svg path:nth-child(2){stroke-width:1.8px;opacity:.45}.latest-version-cloud span{z-index:2;color:#145bd7;text-align:center;font-size:1rem;font-weight:700;line-height:1.05;position:relative}.connect-divider{width:min(780px,92%);height:54px;color:var(--text);margin:-4px auto 20px}.connect-divider svg{width:100%;height:100%;overflow:visible}.connect-card-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:30px 34px;width:min(700px,100%);margin:0 auto;display:grid}.connect-social-card{min-height:205px;color:var(--s);border:2.3px dashed var(--s);border-radius:20px 13px 22px 15px;grid-template-columns:72px 1fr;grid-template-areas:"icon copy""icon button";gap:12px 18px;padding:30px 24px 22px;transition:transform .22s,box-shadow .22s;display:grid;position:relative}.connect-social-card:hover{transform:translateY(-6px)rotate(0)}.linkedin-card{transform:rotate(-1deg)}.github-card{transform:rotate(1deg)}.portfolio-card{transform:rotate(-.8deg)}.email-card{transform:rotate(1deg)}.social-tape-exact{width:74px;height:28px;top:-23px;left:25px;transform:rotate(-27deg)}.connect-social-icon{width:66px;height:66px;color:var(--s);border:2.2px solid;border-radius:50%;grid-area:icon;place-items:center;font-family:system-ui,sans-serif;font-size:1.35rem;font-weight:900;display:grid}.connect-social-copy{grid-area:copy}.connect-social-copy h2{color:var(--text);border-bottom:3px solid;margin:0 0 14px;font-size:2.45rem;font-weight:500;line-height:.86;display:inline-block}.connect-social-copy p{color:var(--text);margin:0;font-size:1.02rem;font-weight:600;line-height:1.15}.connect-social-card .connect-action{color:var(--s);grid-area:button;justify-self:end;min-width:112px;font-size:1.15rem}.connect-side-note{color:var(--text);font-size:1.02rem;font-weight:800;line-height:1.05;position:absolute}.note-connect-left{top:440px;left:16px;transform:rotate(-14deg)}.note-connect-left span{text-align:right;font-size:2.1rem;display:block}.note-connect-github{top:470px;right:18px;transform:rotate(-12deg)}.note-connect-github span{text-align:center;margin-top:6px;font-size:1.4rem;display:block}.connect-cloud-note{color:#2c8f4b;text-align:center;place-items:center;width:96px;min-height:80px;font-size:1rem;font-weight:800;line-height:1.05;display:grid;position:absolute;transform:rotate(-4deg)}.connect-cloud-note:before{content:"";border:2px dashed;border-radius:42% 48% 44% 52%;position:absolute;inset:0}.note-connect-portfolio{top:690px;left:20px}.note-connect-email{color:#e24d78;top:690px;right:18px}.connect-bottom-note{width:fit-content;color:var(--text);text-align:center;margin:38px auto 0;font-size:1.55rem;line-height:1.17;position:relative}.connect-bottom-note svg{color:#145bd7;width:270px;height:27px;display:block}.connect-plant{width:84px;color:var(--text);position:absolute;bottom:42px;left:34px}.connect-plant path{stroke-width:4px}.connect-plant path:nth-child(3),.connect-plant path:nth-child(4){fill:#a6d889}.connect-bug-note{color:var(--text);font-size:1rem;font-weight:800;line-height:1.05;position:absolute;bottom:72px;right:70px;transform:rotate(-5deg)}.connect-bug-note span{text-align:center;display:block}.connect-bottom-code{width:88px;color:var(--text);position:absolute;bottom:25px;right:72px}.connect-bottom-code path{stroke-width:5.5px}@media (width<=1120px){.latest-version-cloud,.connect-side-note,.connect-cloud-note,.connect-plant,.connect-bug-note,.connect-bottom-code{display:none}.exact-connect-board{padding-right:46px}}@media (width<=900px){.exact-connect-board{width:100%;min-height:100%;padding:28px 18px 76px 42px}.connect-hero{gap:12px;min-height:165px}.connect-doc-icon{width:48px;height:68px}.connect-title-wrap h1{font-size:clamp(3.1rem,14vw,4.7rem)}.connect-title-wave{width:250px}.connect-top-text,.connect-small-star{display:none}.resume-feature{grid-template-columns:1fr;justify-items:start;gap:14px;width:100%;min-height:auto;margin:0 0 26px;padding:26px 18px 24px;transform:none}.resume-pdf{width:76px;height:76px}.resume-main-copy h2{font-size:clamp(2.5rem,12vw,3.6rem)}.resume-main-copy p{font-size:1rem}.resume-action{justify-self:start}.connect-divider{width:100%;height:46px;margin-bottom:20px}.connect-card-grid{grid-template-columns:1fr;gap:28px;width:100%}.connect-social-card{grid-template-columns:62px 1fr;min-height:auto;padding:26px 18px 22px}.connect-social-icon{width:56px;height:56px}.connect-social-copy h2{font-size:2.1rem}.connect-social-copy p{font-size:.98rem}.connect-social-card .connect-action{justify-self:start}.connect-bottom-note{font-size:1.28rem}}@media (width<=520px){.exact-connect-board{padding:24px 12px 74px 30px}.connect-hero{min-height:140px}.connect-doc-icon{width:40px;height:58px}.connect-title-wrap h1{font-size:clamp(2.55rem,13vw,3.7rem)}.connect-title-wave{width:210px}.resume-feature{padding:24px 16px 22px}.connect-social-card{grid-template-columns:1fr;grid-template-areas:"icon""copy""button"}.connect-social-copy h2{font-size:1.95rem}.connect-divider{height:40px}}.connect-hero{gap:14px;min-height:158px!important}.connect-doc-icon{margin-top:8px;width:54px!important;height:74px!important}.connect-title-wrap h1{font-size:clamp(3rem,5.2vw,4.85rem)!important;line-height:.82!important}.connect-title-wave{margin-left:4px;width:min(330px,58vw)!important;height:28px!important}.connect-title-wave path{stroke-width:5px!important}.connect-top-text{font-size:1rem!important;top:26px!important;right:74px!important}.resume-feature{position:relative;width:min(650px,100%)!important;min-height:178px!important;box-shadow:0 10px 20px var(--shadow)!important;background:linear-gradient(#3486c31a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 6%)!important;background-size:100% 32px!important;border:0!important;border-radius:0!important;grid-template-columns:96px 1fr 142px!important;gap:16px!important;margin:-6px auto 26px!important;padding:28px 24px 24px 36px!important}.app.dark .resume-feature{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%)!important;background-size:100% 32px!important}.resume-feature:after{content:"";pointer-events:none;opacity:.18;border:1px dashed #145bd7;border-radius:20px 12px 22px 14px;position:absolute;inset:8px;transform:rotate(.45deg)}.resume-tape-exact{width:64px!important;height:25px!important;top:-22px!important;left:-20px!important}.resume-pdf{width:74px!important;height:74px!important}.resume-pdf svg path{stroke-width:3.8px!important}.resume-pdf svg circle{stroke-width:2px!important}.resume-pdf span{font-size:1.45rem!important}.resume-main-copy b{letter-spacing:1px;margin-bottom:5px!important;font-size:.68rem!important}.resume-main-copy h2{border-bottom-width:3px!important;margin-bottom:10px!important;font-size:clamp(2rem,3.5vw,3.1rem)!important}.resume-main-copy p{font-size:.92rem!important;line-height:1.18!important}.resume-action{justify-self:end;min-width:122px!important;min-height:37px!important;padding:6px 13px!important;font-size:1.04rem!important}.latest-version-cloud{width:84px!important;height:72px!important;font-size:.84rem!important;top:34px!important;right:-96px!important}.connect-card-grid{gap:25px 30px!important;width:min(620px,100%)!important}.connect-social-card{min-height:166px!important;box-shadow:0 10px 18px var(--shadow)!important;background:linear-gradient(#3486c31a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 6%)!important;background-size:100% 31px!important;border:0!important;border-radius:0!important;grid-template-columns:58px 1fr!important;gap:8px 14px!important;padding:24px 20px 18px!important}.app.dark .connect-social-card{background:linear-gradient(#ffffff0a 1px, transparent 1px), color-mix(in srgb, var(--bg), white 5%)!important;background-size:100% 31px!important}.connect-social-card:before{content:"";border:2px dashed var(--s);pointer-events:none;opacity:.98;border-radius:20px 13px 22px 15px;position:absolute;inset:-5px;transform:rotate(-.5deg)}.connect-social-card:after{content:"";border:1px dashed var(--s);pointer-events:none;opacity:.14;border-radius:17px 11px 19px 13px;position:absolute;inset:8px;transform:rotate(.5deg)}.github-card:before,.email-card:before{transform:rotate(.55deg)}.github-card:after,.email-card:after{transform:rotate(-.45deg)}.social-tape-exact{width:60px!important;height:23px!important;top:-20px!important;left:18px!important}.connect-social-icon{border-width:2px!important;width:50px!important;height:50px!important;font-size:1.05rem!important}.connect-social-copy h2{border-bottom-width:3px!important;margin-bottom:9px!important;font-size:1.95rem!important}.connect-social-copy p{font-size:.88rem!important;line-height:1.12!important}.connect-social-card .connect-action{min-width:98px!important;min-height:34px!important;padding:5px 12px!important;font-size:.98rem!important}.connect-action{box-shadow:inset 0 -9px 0 color-mix(in srgb, currentColor 18%, transparent), 0 5px 10px #00000014;position:relative;background:color-mix(in srgb, currentColor 16%, transparent)!important}.connect-action:before{content:"";border-radius:inherit;background:color-mix(in srgb, currentColor 10%, transparent);z-index:-1;position:absolute;inset:-3px;transform:rotate(-1.5deg)}.connect-action:hover{background:color-mix(in srgb, currentColor 22%, transparent)!important}.connect-bottom-note{margin-top:30px!important;font-size:1.34rem!important}.connect-bottom-note svg{width:230px!important;height:24px!important}.connect-bottom-note svg path{stroke-width:3.4px!important}.note-connect-left{font-size:.94rem!important;top:390px!important}.note-connect-github{font-size:.94rem!important;top:410px!important}.note-connect-portfolio,.note-connect-email{top:610px!important}@media (width<=900px){.exact-connect-board{padding:24px 18px 74px 38px!important}.connect-hero{min-height:130px!important}.connect-title-wrap h1{font-size:clamp(2.65rem,13vw,3.9rem)!important}.connect-title-wave{width:220px!important}.resume-feature{grid-template-columns:1fr!important;gap:11px!important;width:100%!important;min-height:auto!important;padding:23px 16px 20px!important;transform:none!important}.resume-pdf{width:64px!important;height:64px!important}.resume-main-copy h2{font-size:clamp(2rem,11vw,3rem)!important}.resume-action{justify-self:start!important}.connect-card-grid{grid-template-columns:1fr!important;gap:24px!important;width:100%!important}.connect-social-card{grid-template-columns:54px 1fr!important;min-height:auto!important;padding:22px 16px 20px!important}.connect-social-copy h2{font-size:1.75rem!important}.connect-social-card .connect-action{justify-self:start!important}.connect-divider{width:100%!important}}@media (width<=520px){.exact-connect-board{padding-left:28px!important;padding-right:10px!important}.connect-doc-icon{width:34px!important;height:50px!important}.connect-title-wrap h1{font-size:clamp(2.28rem,13vw,3.25rem)!important}.connect-title-wave{width:180px!important}.connect-social-card{grid-template-columns:1fr!important;grid-template-areas:"icon""copy""button"!important}}.exact-connect-board{min-height:980px;width:min(920px,100%)!important;padding:28px 68px 70px 126px!important}.resume-feature,.connect-social-card{isolation:isolate;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.resume-feature:after,.connect-social-card:after{display:none!important}.resume-feature{color:#145bd7;position:relative;transform:rotate(-.45deg);border:0!important;border-radius:0!important;grid-template-columns:96px 1fr 142px!important;gap:16px!important;width:min(650px,100%)!important;min-height:178px!important;margin:-6px auto 26px!important;padding:28px 24px 24px 36px!important}.resume-feature:before{content:"";pointer-events:none;opacity:1;border:2.2px dashed #145bd7;border-radius:24px 15px 27px 18px;position:absolute;inset:-7px;transform:rotate(-.35deg)}.resume-feature .resume-main-copy:before{content:"";opacity:.14;pointer-events:none;border:1px dashed #145bd7;border-radius:20px 13px 22px 15px;position:absolute;inset:11px}.resume-main-copy{position:relative}.resume-pdf,.resume-main-copy,.resume-action,.resume-tape-exact{z-index:2;position:relative}.connect-social-card{color:var(--s);position:relative;border:0!important;border-radius:0!important;grid-template-columns:58px 1fr!important;gap:8px 14px!important;min-height:166px!important;padding:24px 20px 18px!important}.connect-social-card:before{content:"";border:2.1px dashed var(--s);pointer-events:none;opacity:1;border-radius:20px 13px 22px 15px;position:absolute;inset:-5px}.linkedin-card:before{transform:rotate(-.5deg)}.github-card:before{transform:rotate(.45deg)}.portfolio-card:before{transform:rotate(-.35deg)}.email-card:before{transform:rotate(.55deg)}.connect-social-copy:before{content:"";opacity:.12;pointer-events:none;border:1px dashed;border-radius:17px 11px 19px 13px;position:absolute;inset:8px}.connect-social-copy{position:relative}.connect-social-icon,.connect-social-copy,.connect-action,.social-tape-exact{z-index:2;position:relative}.exact-card,.app.dark .exact-card{box-shadow:none!important;background:0 0!important}.resume-tape-exact,.social-tape-exact{opacity:.78;box-shadow:none}.connect-action{background:color-mix(in srgb, currentColor 15%, transparent)!important;box-shadow:inset 0 -9px 0 color-mix(in srgb, currentColor 18%, transparent), 0 3px 0 color-mix(in srgb, currentColor 18%, transparent)!important;border-width:2px!important}.connect-action:before{content:"";z-index:-1;background:color-mix(in srgb, currentColor 8%, transparent);border-radius:inherit;position:absolute;inset:-3px;transform:rotate(-1.4deg)}.connect-action:hover{transform:rotate(-2deg)scale(1.05);background:color-mix(in srgb, currentColor 22%, transparent)!important}.links-page{color:var(--text);background:linear-gradient(90deg, transparent 0 105px, #e046463d 106px, transparent 108px), linear-gradient(#3486c329 1px, transparent 1px), var(--bg);background-size:100% 100%,100% 43px}.app.dark .links-page{color:var(--text);background:linear-gradient(90deg, transparent 0 105px, #e046462e 106px, transparent 108px), linear-gradient(#ffffff0d 1px, transparent 1px), var(--bg);background-size:100% 100%,100% 43px}.resume-main-copy h2,.connect-social-copy h2,.resume-main-copy p,.connect-social-copy p{color:var(--text)!important}.connect-divider{width:min(650px,90%)!important;height:46px!important;margin:-2px auto 18px!important}.connect-divider path{stroke-width:2.2px!important;stroke-dasharray:7 11!important}.connect-divider .heart{stroke-width:3px!important;stroke-dasharray:none!important}.connect-small-star{display:none!important}@media (width<=900px){.exact-connect-board{padding:24px 18px 74px 38px!important}.resume-feature{grid-template-columns:1fr!important;gap:11px!important;width:100%!important;min-height:auto!important;padding:23px 16px 20px!important;transform:none!important}.resume-action{justify-self:start!important}.connect-card-grid{grid-template-columns:1fr!important;gap:24px!important;width:100%!important}.connect-social-card{grid-template-columns:54px 1fr!important;min-height:auto!important;padding:22px 16px 20px!important}.connect-social-card .connect-action{justify-self:start!important}}@media (width<=520px){.exact-connect-board{padding-left:28px!important;padding-right:10px!important}.connect-social-card{grid-template-columns:1fr!important;grid-template-areas:"icon""copy""button"!important}}.resume-tape-exact,.social-tape-exact{display:none!important}.resume-feature,.connect-social-card{position:relative;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.resume-feature:before,.resume-feature:after,.connect-social-card:before,.connect-social-card:after,.resume-feature .resume-main-copy:before,.connect-social-copy:before{display:none!important}.resume-feature{--edge:#145bd7;outline:none!important}.resume-feature:before{content:"";z-index:1;pointer-events:none;opacity:.98;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 340' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23145bd7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 46 C145 31 238 49 334 39 C455 25 563 48 690 37 C800 28 900 39 948 50' stroke-width='6'/%3E%3Cpath d='M60 292 C160 305 256 284 370 294 C495 308 615 282 742 296 C835 306 908 299 948 288' stroke-width='6'/%3E%3Cpath d='M68 55 C38 82 87 111 58 143 C30 173 86 199 56 232 C34 256 47 280 66 290' stroke-width='6.5'/%3E%3Cpath d='M932 55 C963 83 913 113 944 146 C974 176 914 200 945 234 C966 259 952 280 934 290' stroke-width='6.5'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:-14px -18px;display:block!important}.resume-feature:after{content:"";z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 340' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23145bd7' stroke-linecap='round' stroke-linejoin='round' opacity='0.22'%3E%3Cpath d='M75 59 C160 48 250 60 340 52 C462 40 570 61 688 51 C790 43 880 52 932 62' stroke-width='3'/%3E%3Cpath d='M76 277 C170 286 262 272 374 281 C500 292 614 272 736 282 C827 290 890 284 930 274' stroke-width='3'/%3E%3Cpath d='M80 66 C55 92 94 120 70 150 C49 177 94 203 70 231 C52 252 62 270 78 276' stroke-width='3'/%3E%3Cpath d='M920 66 C943 92 905 121 930 151 C951 178 906 204 930 232 C947 253 936 270 921 276' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:-3px -6px;display:block!important}.connect-social-card{--edge:var(--s)}.connect-social-card>*{z-index:2;position:relative}.connect-social-card:before{content:"";z-index:1;pointer-events:none;background-color:var(--s);opacity:.98;position:absolute;inset:-13px -15px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 700 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 42 C114 28 184 46 256 37 C344 26 424 46 510 36 C590 28 650 39 670 48' stroke-width='6'/%3E%3Cpath d='M46 254 C118 268 190 248 270 258 C360 270 438 248 528 259 C596 268 648 261 670 252' stroke-width='6'/%3E%3Cpath d='M55 50 C28 75 73 101 50 130 C27 158 74 183 49 214 C29 237 39 251 55 257' stroke-width='6.5'/%3E%3Cpath d='M654 50 C682 76 637 102 660 132 C682 160 636 184 661 216 C681 238 670 251 654 257' stroke-width='6.5'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 700 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 42 C114 28 184 46 256 37 C344 26 424 46 510 36 C590 28 650 39 670 48' stroke-width='6'/%3E%3Cpath d='M46 254 C118 268 190 248 270 258 C360 270 438 248 528 259 C596 268 648 261 670 252' stroke-width='6'/%3E%3Cpath d='M55 50 C28 75 73 101 50 130 C27 158 74 183 49 214 C29 237 39 251 55 257' stroke-width='6.5'/%3E%3Cpath d='M654 50 C682 76 637 102 660 132 C682 160 636 184 661 216 C681 238 670 251 654 257' stroke-width='6.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block!important}.connect-social-card:after{content:"";z-index:1;pointer-events:none;background-color:var(--s);opacity:.28;position:absolute;inset:-3px -4px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 700 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' opacity='0.35'%3E%3Cpath d='M62 54 C128 44 194 57 262 50 C348 40 425 57 506 49 C582 43 636 50 654 57' stroke-width='3'/%3E%3Cpath d='M60 242 C130 250 198 236 274 244 C361 253 438 236 522 245 C589 252 637 247 654 240' stroke-width='3'/%3E%3Cpath d='M66 61 C45 84 81 108 62 134 C44 160 82 184 62 210 C45 230 52 240 66 244' stroke-width='3'/%3E%3Cpath d='M644 61 C663 84 628 109 646 134 C665 160 627 185 647 211 C664 230 656 240 644 244' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 700 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' opacity='0.35'%3E%3Cpath d='M62 54 C128 44 194 57 262 50 C348 40 425 57 506 49 C582 43 636 50 654 57' stroke-width='3'/%3E%3Cpath d='M60 242 C130 250 198 236 274 244 C361 253 438 236 522 245 C589 252 637 247 654 240' stroke-width='3'/%3E%3Cpath d='M66 61 C45 84 81 108 62 134 C44 160 82 184 62 210 C45 230 52 240 66 244' stroke-width='3'/%3E%3Cpath d='M644 61 C663 84 628 109 646 134 C665 160 627 185 647 211 C664 230 656 240 644 244' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block!important}.resume-feature .resume-main-copy:before,.connect-social-copy:before{display:none!important}.connect-action{background:color-mix(in srgb, currentColor 15%, transparent)!important;box-shadow:inset 0 -9px 0 color-mix(in srgb, currentColor 18%, transparent), 0 3px 0 color-mix(in srgb, currentColor 18%, transparent)!important}@media (width<=900px){.resume-feature:before,.connect-social-card:before{inset:-10px -12px}}.resume-feature.exact-card,.resume-feature{box-shadow:none!important;border:0!important;outline:0!important}.resume-feature:after{display:none!important}.resume-feature:before{opacity:1!important}.note-connect-portfolio{z-index:3;position:absolute;bottom:15.4rem;left:2.2rem}.app.dark .note-connect-portfolio{color:#86e29e}@media (width<=1100px){.note-connect-portfolio{bottom:14.8rem;left:1rem}.portfolio-here-arrow{width:11rem;height:7.2rem;bottom:11.6rem;left:4rem}}@media (width<=800px){.note-connect-portfolio{bottom:13.8rem;left:.8rem}.portfolio-here-arrow{width:8.8rem;height:5.8rem;bottom:10.8rem;left:3.4rem}.portfolio-here-arrow path{stroke-width:4px}}.resume-feature,.resume-feature.exact-card{box-shadow:none!important;border:none!important;outline:none!important}.resume-feature:before,.resume-feature:after{box-shadow:none!important;border:none!important;border-radius:0!important;outline:none!important}.resume-feature:before{content:""!important;z-index:1!important;pointer-events:none!important;opacity:1!important;background-color:#0000!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 340' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23145bd7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 46 C145 31 238 49 334 39 C455 25 563 48 690 37 C800 28 900 39 948 50' stroke-width='6'/%3E%3Cpath d='M60 292 C160 305 256 284 370 294 C495 308 615 282 742 296 C835 306 908 299 948 288' stroke-width='6'/%3E%3Cpath d='M68 55 C38 82 87 111 58 143 C30 173 86 199 56 232 C34 256 47 280 66 290' stroke-width='6.5'/%3E%3Cpath d='M932 55 C963 83 913 113 944 146 C974 176 914 200 945 234 C966 259 952 280 934 290' stroke-width='6.5'/%3E%3C/g%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;display:block!important;position:absolute!important;inset:-14px -18px!important}.resume-feature:after{content:none!important;background:0 0!important;display:none!important}.resume-feature .resume-main-copy:before,.resume-main-copy:before{content:none!important;background:0 0!important;border:none!important;display:none!important}.resume-feature>*{z-index:2;position:relative}.note-connect-portfolio{color:#86e29e!important;z-index:4!important;border:none!important;width:auto!important;min-height:auto!important;font-size:1.05rem!important;line-height:1.05!important;bottom:15.9rem!important;left:2.1rem!important;transform:rotate(-7deg)!important}.note-connect-portfolio:before,.note-connect-portfolio:after{content:none!important;background:0 0!important;border:none!important;display:none!important}.note-connect-portfolio span{display:block!important;position:static!important}.portfolio-here-arrow{width:15.6rem!important;height:8.4rem!important;color:var(--text)!important;pointer-events:none!important;z-index:3!important;position:absolute!important;bottom:13.2rem!important;left:4.9rem!important}.portfolio-here-arrow path{fill:none!important;stroke:currentColor!important;stroke-width:4.3px!important;stroke-linecap:round!important;stroke-linejoin:round!important}.app.dark .portfolio-here-arrow{color:#ffffffeb!important}@media (width<=1100px){.note-connect-portfolio{bottom:15rem!important;left:1rem!important}.portfolio-here-arrow{width:13.5rem!important;height:7.2rem!important;bottom:12.4rem!important;left:3.7rem!important}}@media (width<=800px){.note-connect-portfolio,.portfolio-here-arrow{display:none!important}}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;place-items:center!important;gap:28px!important;width:min(760px,64vw)!important;max-width:760px!important;margin:32px auto 0!important;display:grid!important;transform:none!important}.route-card{width:100%!important;max-width:220px!important;min-height:190px!important;box-shadow:none!important;background:radial-gradient(circle at 35% 20%,#ffffff2e,#0000 35%),#ffffff05!important;border:none!important;border-radius:0!important;padding:24px 20px 20px!important;position:relative!important;overflow:visible!important}.app.light .route-card{background:radial-gradient(circle at 35% 20%,#ffffff8c,#0000 38%),#ffffff0f!important}.route-card:after{content:none!important;display:none!important}.route-card:before{content:""!important;pointer-events:none!important;z-index:1!important;background-color:var(--c)!important;opacity:.98!important;position:absolute!important;inset:-10px -12px!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 520 380' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 44 C90 30 145 48 202 38 C276 25 340 48 410 37 C465 29 499 39 512 49' stroke-width='7'/%3E%3Cpath d='M36 328 C92 343 151 321 215 331 C282 344 350 322 424 333 C474 342 501 335 512 326' stroke-width='7'/%3E%3Cpath d='M45 52 C21 86 62 118 42 154 C23 190 64 221 42 259 C26 289 32 313 45 326' stroke-width='7.5'/%3E%3Cpath d='M499 52 C521 87 482 119 502 156 C521 190 480 222 502 260 C518 289 512 313 499 326' stroke-width='7.5'/%3E%3C/g%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 520 380' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 44 C90 30 145 48 202 38 C276 25 340 48 410 37 C465 29 499 39 512 49' stroke-width='7'/%3E%3Cpath d='M36 328 C92 343 151 321 215 331 C282 344 350 322 424 333 C474 342 501 335 512 326' stroke-width='7'/%3E%3Cpath d='M45 52 C21 86 62 118 42 154 C23 190 64 221 42 259 C26 289 32 313 45 326' stroke-width='7.5'/%3E%3Cpath d='M499 52 C521 87 482 119 502 156 C521 190 480 222 502 260 C518 289 512 313 499 326' stroke-width='7.5'/%3E%3C/g%3E%3C/svg%3E")!important;-webkit-mask-position:50%!important;mask-position:50%!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}.route-card>*{z-index:2;position:relative}.card-1,.card-2,.card-3{transform:none!important}.card-1:hover,.card-2:hover,.card-3:hover,.route-card:hover{box-shadow:none!important;transform:translateY(-7px)rotate(-.6deg)scale(1.015)!important}.route-card .icon{width:50px!important;height:50px!important}.route-card strong{border-bottom-width:3px!important;margin:9px auto 7px!important;padding-bottom:4px!important;font-size:1.12rem!important}.route-card em{font-size:1.02rem!important;line-height:1.05!important}.route-card small{margin-top:13px!important;font-size:.88rem!important}.route-mark{font-size:1.65rem!important;top:15px!important;right:17px!important}.current-card{z-index:1!important;width:175px!important;min-height:168px!important;padding:31px 20px 16px!important;top:248px!important;right:2.1%!important;transform:rotate(-4deg)!important}.current-card h3{font-size:1.25rem!important}.current-card p{margin:6px 0!important;font-size:.92rem!important}.current-card .tape{width:70px!important;height:26px!important;top:-13px!important;left:52px!important}@media (width<=1320px){.route-grid{gap:24px!important;width:min(700px,62vw)!important}.route-card{max-width:205px!important;min-height:182px!important}.current-card{opacity:.9!important;width:160px!important;right:1.3%!important}}@media (width<=1100px){.route-grid{width:min(680px,82vw)!important}.current-card{display:none!important}}@media (width<=900px){.route-grid{grid-template-columns:1fr!important;gap:20px!important;width:min(360px,100%)!important;margin-top:26px!important}.route-card{max-width:100%!important;min-height:180px!important;padding:23px 18px 20px!important}.route-card:before{inset:-9px -10px!important}}@media (width<=520px){.route-grid{width:min(325px,100%)!important}.route-card{min-height:168px!important}.route-card .icon{width:44px!important;height:44px!important}.route-card strong{font-size:1rem!important}.route-card em{font-size:.94rem!important}.route-card small{font-size:.82rem!important}}.route-mark{display:none!important}.route-card:first-child:after,.route-card:nth-child(2):after,.route-card:nth-child(3):after{content:none!important;display:none!important}.landing-signature{z-index:5;width:fit-content;color:var(--text);letter-spacing:.5px;opacity:.95;text-shadow:0 0;margin:20px auto 0;font-size:clamp(1.45rem,2.4vw,2.15rem);font-weight:700;line-height:1;position:relative;transform:rotate(-2.5deg)}.landing-signature:after{content:"";border-bottom:3px solid #d14b8f;border-radius:50%;width:100%;height:13px;margin-top:-2px;display:block;transform:rotate(1.5deg)}.app.dark .landing-signature{color:#f4efe5}.app.light .landing-signature{color:#202020}.route-grid{margin-bottom:0!important}@media (width<=900px){.landing-signature{margin-top:16px;font-size:1.55rem}}@media (width<=520px){.landing-signature{margin-top:14px;font-size:1.35rem}}:root{--ease-doodle:cubic-bezier(.2, .8, .2, 1)}*{-webkit-tap-highlight-color:transparent}button,a,.route-card,.project-paper,.connect-social-card,.resume-feature,.rough-box,.bulb-button,.toolbar,.current-card{transition:transform .22s var(--ease-doodle), opacity .22s var(--ease-doodle), filter .22s var(--ease-doodle), background .22s var(--ease-doodle), box-shadow .22s var(--ease-doodle)}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #da6fa5}.topbar nav button:hover,.back-btn:hover{background:color-mix(in srgb, currentColor 10%, transparent);transform:translateY(-2px)rotate(-2deg)scale(1.06)}.topbar nav button:active,.back-btn:active,.route-card:active,.connect-action:active,.project-actions a:active{transform:translateY(1px)scale(.98)}.route-card{will-change:transform}.route-card:hover{filter:drop-shadow(0 14px 18px color-mix(in srgb, var(--c) 22%, transparent))}.route-card:hover .icon{transform:translateY(-4px)rotate(-4deg)scale(1.08)}.route-card:hover strong{letter-spacing:1.8px}.route-card .icon,.route-card strong,.route-card em,.route-card small{transition:transform .22s var(--ease-doodle), letter-spacing .22s var(--ease-doodle), color .22s var(--ease-doodle), opacity .22s var(--ease-doodle)}.rough-box:hover{transform:translateY(-4px)rotate(-.35deg)}.rough-box:hover .hand-border{filter:drop-shadow(0 0 7px color-mix(in srgb, currentColor 24%, transparent))}.hand-border{transition:filter .22s var(--ease-doodle), transform .22s var(--ease-doodle)}.project-paper{will-change:transform}.project-paper:hover{filter:drop-shadow(0 16px 18px #0000002e);transform:translateY(-8px)rotate(-.6deg)!important}.project-paper:hover h2{transform:rotate(-1deg)}.project-paper h2,.project-actions a{transition:transform .22s var(--ease-doodle), background .22s var(--ease-doodle)}.project-actions a:hover{transform:translateY(-3px)rotate(-2deg)}.resume-feature:hover,.connect-social-card:hover{transform:translateY(-6px)rotate(-.5deg)}.connect-social-card:hover .connect-social-icon,.resume-feature:hover .resume-pdf{transform:rotate(-5deg)scale(1.06)}.connect-social-icon,.resume-pdf{transition:transform .22s var(--ease-doodle), filter .22s var(--ease-doodle)}.connect-action:hover{transform:translateY(-3px)rotate(-2deg)scale(1.04)}.toolbar:hover{transform:translateY(-2px)}.tool-toggle:hover{transform:rotate(-8deg)scale(1.06)}@keyframes doodleFloatSoft{0%,to{transform:translate3d(0, 0, 0) rotate(var(--base-rot,0deg))}50%{transform:translate3d(0, -9px, 0) rotate(calc(var(--base-rot,0deg) + 2deg))}}@keyframes doodleFloatSide{0%,to{transform:translate3d(0, 0, 0) rotate(var(--base-rot,0deg))}50%{transform:translate3d(8px, -5px, 0) rotate(calc(var(--base-rot,0deg) - 2deg))}}@keyframes doodlePulse{0%,to{filter:drop-shadow(0 0 #0000);opacity:.92}50%{filter:drop-shadow(0 0 10px color-mix(in srgb, currentColor 18%, transparent));opacity:1}}.doodle,.about-doodle,.connect-plant,.connect-bottom-code,.portfolio-here-arrow,.bulb-button,.current-card{will-change:transform}.bulb-doodle{--base-rot:-2deg;animation:5.8s ease-in-out infinite doodleFloatSoft}.plane-one{--base-rot:0deg;animation:6.3s ease-in-out infinite doodleFloatSide}.rocket-doodle{--base-rot:-4deg;animation:6.8s ease-in-out infinite doodleFloatSoft}.code-doodle{--base-rot:2deg;animation:7s ease-in-out infinite doodleFloatSide}.about-plane,.about-spark,.about-code,.about-curl{animation:6.5s ease-in-out infinite doodleFloatSoft}.about-spark{animation-delay:-1.4s}.about-code{animation-delay:-2.1s}.connect-plant,.connect-bottom-code,.portfolio-here-arrow{animation:7.2s ease-in-out infinite doodleFloatSoft}.bulb-button.lit{animation:2.6s ease-in-out infinite doodlePulse}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1280px) and (width>=901px){.hero h1{font-size:clamp(3rem,5vw,4.8rem)!important}.route-grid{gap:24px!important;width:min(720px,66vw)!important}.route-card{max-width:210px!important;min-height:180px!important}.current-card{right:1.2%!important;transform:rotate(-4deg)scale(.9)!important}.note-bug{right:2.5%!important}}@media (width<=900px){html,body,#root{height:100%}body{overflow:hidden}.app{height:100dvh;min-height:100dvh}.topbar{position:sticky;top:0;grid-template-columns:1fr auto!important;grid-template-areas:"brand bulb""nav nav"!important;gap:8px!important;min-height:104px!important;padding:10px 12px 12px!important}.brand{min-width:0;font-size:clamp(1rem,4.6vw,1.25rem)!important}.brand span{max-width:min(62vw,260px)!important}.topbar nav{scrollbar-width:none;width:100%;overflow-x:auto;justify-content:center!important;gap:8px!important}.topbar nav::-webkit-scrollbar{display:none}.topbar nav button{flex:none;padding:5px 13px!important;font-size:1rem!important}.top-hint{display:none!important}.back-btn{white-space:nowrap;text-overflow:ellipsis;max-width:155px;overflow:hidden;padding:4px 11px!important;top:13px!important;right:70px!important}.board-wrap{height:calc(100dvh - 104px)!important;overflow:hidden auto!important}.landing{min-height:calc(100dvh - 104px);padding:26px 16px 86px!important;overflow:visible!important}.hero{max-width:100%;margin-inline:auto}.hero p{letter-spacing:3px!important;font-size:.68rem!important}.hero h1{font-size:clamp(2.6rem,12vw,4rem)!important;line-height:.92!important}.hero h2{width:min(340px,92vw);margin-inline:auto!important;font-size:1rem!important}.wave{width:min(210px,60vw)!important}.route-grid{grid-template-columns:1fr!important;gap:22px!important;width:min(360px,92vw)!important;margin-top:28px!important}.route-card{width:100%!important;max-width:100%!important;min-height:170px!important;padding:22px 18px 18px!important}.route-card:hover{transform:translateY(-4px)rotate(-.4deg)scale(1.01)!important}.landing-signature{margin-top:18px!important}.toolbar{width:62px!important;padding:7px!important;top:12px!important;right:12px!important}.tool-toggle{width:46px!important;height:40px!important}}@media (width<=520px){.topbar{min-height:100px!important}.bulb-button{width:42px!important;height:42px!important}.back-btn{max-width:130px;font-size:.86rem!important;right:58px!important}.board-wrap{height:calc(100dvh - 100px)!important}.hero h1{font-size:clamp(2.35rem,13vw,3.35rem)!important}.route-grid{width:min(325px,94vw)!important}.route-card{min-height:160px!important}}@media (width<=900px){.about-page{overflow-x:hidden}.about-board{min-height:auto!important;padding:26px 15px 76px!important}.about-head{min-height:102px!important}.about-head h1{font-size:clamp(2.9rem,14vw,4.4rem)!important}.who-box,.current-box,.stack-box,.journey-box,.fun-box,.todo-box{transform:none!important}.who-box:hover,.current-box:hover,.stack-box:hover,.journey-box:hover,.fun-box:hover,.todo-box:hover{transform:translateY(-3px)!important}.who-box{padding:28px 20px!important}.who-box p{font-size:clamp(1.02rem,4.5vw,1.18rem)!important}.about-row,.about-bottom{grid-template-columns:1fr!important;gap:26px!important}.current-box ul,.todo-box ul,.stack-box ul{padding-left:20px}.stack-box li p{margin:7px 0}.journey-box{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.timeline{min-width:650px!important}.about-doodle-layer{opacity:.55}}@media (width<=520px){.about-board{padding:22px 12px 74px!important}.who-box p{font-size:1rem!important;line-height:1.24!important}.who-box h2,.current-box h2,.stack-box h2,.journey-box h2,.fun-box h2,.todo-box h2{letter-spacing:1.5px!important;font-size:1.35rem!important}.timeline{min-width:580px!important}}@media (width<=900px){.projects-page{overflow-x:hidden}.projects-board{min-height:auto!important;padding:28px 18px 76px 38px!important}.projects-head{min-height:165px!important}.projects-head h1{font-size:clamp(3rem,14vw,4.6rem)!important}.project-stack{gap:28px!important}.project-paper{width:100%!important;min-height:auto!important;margin-left:0!important;padding:23px 18px!important;transform:none!important}.project-paper:hover{transform:translateY(-5px)rotate(-.25deg)!important}.project-content{grid-template-columns:1fr!important}.project-paper h2{font-size:clamp(2.4rem,12vw,3.4rem)!important}.project-paper p{font-size:1.02rem!important}.stack-list{gap:12px!important}.project-actions{flex-wrap:wrap!important;justify-content:flex-start!important}}@media (width<=520px){.projects-board{padding-left:28px!important;padding-right:12px!important}.projects-head h1{font-size:clamp(2.65rem,14vw,3.7rem)!important}.project-actions a{padding:6px 13px!important;font-size:1.05rem!important}}@media (width<=900px){.links-page{overflow-x:hidden}.exact-connect-board,.links-board{width:100%!important;min-height:auto!important;padding:26px 16px 76px 34px!important}.connect-hero{min-height:135px!important}.connect-title-wrap h1{font-size:clamp(2.7rem,13vw,4rem)!important}.connect-title-wave{width:min(220px,70vw)!important}.resume-feature{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;padding:23px 16px 20px!important;transform:none!important}.resume-feature:hover{transform:translateY(-4px)!important}.resume-action{justify-self:start!important}.connect-card-grid{grid-template-columns:1fr!important;gap:25px!important;width:100%!important}.connect-social-card{grid-template-columns:56px 1fr!important;min-height:auto!important;padding:22px 16px 20px!important;transform:none!important}.connect-social-card:hover{transform:translateY(-4px)!important}.connect-social-card .connect-action{justify-self:start!important}.note-connect-left,.note-connect-github,.note-connect-email,.connect-bug-note,.connect-bottom-code,.connect-plant,.latest-version-cloud,.portfolio-here-arrow,.note-connect-portfolio{display:none!important}.connect-bottom-note{margin-top:32px!important;font-size:1.25rem!important}}@media (width<=520px){.exact-connect-board,.links-board{padding-left:26px!important;padding-right:10px!important}.connect-doc-icon{width:36px!important;height:52px!important}.connect-title-wrap h1{font-size:clamp(2.35rem,13vw,3.3rem)!important}.connect-social-card{grid-template-columns:1fr!important;grid-template-areas:"icon""copy""button"!important}.connect-social-copy h2{font-size:1.75rem!important}.connect-social-copy p,.resume-main-copy p{font-size:.94rem!important}}@media (width>=901px){.current-card{pointer-events:none}.draw-canvas{pointer-events:auto}}