@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=JetBrains+Mono:wght@500;700&family=LXGW+WenKai+Mono+TC&family=ZCOOL+KuaiLe&display=swap";
:root{--paper:#faf3e6;--paper-deep:#f1e5cc;--ink:#181008;--ink-soft:#45382a;--pencil:#25211db3;--blue:#69b6ff;--blue-smear:#97d1ffb8;--yellow:#ffd83a;--yellow-soft:#f7e27fad;--pink:#ff8bc5;--pink-soft:#ffa9d2ad;--green:#6fd395;--green-soft:#91dfada6;--amber:#f3c624;--white-marker:#ffffffa3;--shadow:#271d122e;--font-diary:"LXGW WenKai Mono TC", "ZCOOL KuaiLe", "Kaiti SC", cursive;--font-title:"ZCOOL KuaiLe", "LXGW WenKai Mono TC", cursive;--font-code:"Comic Neue", "JetBrains Mono", monospace}@supports (color:lab(0% 0 0)){:root{--paper:lab(95.9974% .877738 6.85623);--paper-deep:lab(91.4322% 1.07333 13.5682);--ink:lab(5.24781% 2.36899 4.62302);--ink-soft:lab(24.5701% 4.36887 11.1925);--pencil:lab(13.0009% 1.2317 3.66433/.7);--blue:lab(71.6081% -7.44268 -49.151);--blue-smear:lab(81.3006% -10.7999 -34.8412/.72);--yellow:lab(87.7864% 3.58382 78.2317);--yellow-soft:lab(90.1567% -2.10166 50.6546/.68);--pink:lab(72.2632% 53.1299 -10.2398);--pink-soft:lab(78.6735% 39.0439 -7.476/.68);--green:lab(77.3444% -41.131 21.166);--green-soft:lab(82.829% -32.9895 16.949/.65);--amber:lab(82.0934% 6.43778 77.2623);--white-marker:lab(100% 0 0/.64);--shadow:lab(11.8198% 3.48877 9.39002/.18)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 8%, #a8d7ff38, transparent 18rem), radial-gradient(circle at 88% 20%, #f8e28147, transparent 15rem), radial-gradient(circle at 74% 82%, #faa7cf2e, transparent 16rem), linear-gradient(110deg, transparent 0 48%, #6f685c0b 49% 51%, transparent 52%), var(--paper);font-family:var(--font-diary);text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.68}@supports (color:lab(0% 0 0)){body{background:radial-gradient(circle at 18% 8%, lab(83.6212% -8.7972 -30.4747/.22), transparent 18rem), radial-gradient(circle at 88% 20%, lab(90.1251% -1.38238 49.8533/.28), transparent 15rem), radial-gradient(circle at 74% 82%, lab(77.6409% 35.7452 -7.56899/.18), transparent 16rem), linear-gradient(110deg, transparent 0 48%, lab(44.3682% 1.32263 7.66449/.045) 49% 51%, transparent 52%), var(--paper)}}body:before{content:"";pointer-events:none;z-index:5;opacity:.55;mix-blend-mode:multiply;background-image:radial-gradient(#534c4117 .7px,#0000 .7px),radial-gradient(#ffffff6b .8px,#0000 .8px);background-image:radial-gradient(lab(32.7653% 1.37416 7.70844/.09) .7px,#0000 .7px),radial-gradient(lab(100% 0 0/.42) .8px,#0000 .8px);background-position:0 0,6px 8px;background-size:13px 17px,19px 23px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{color:var(--ink);background:var(--yellow)}.notebook-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 34px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:10px 2px 22px;display:flex}.brand-mark{font-family:var(--font-title);flex:none;font-size:clamp(1.35rem,2.4vw,2.1rem);font-weight:700;position:relative;transform:rotate(-2deg)}.scribble-underline:after,.nav-links a.active:after{content:"";background:var(--pink);clip-path:polygon(0 40%,16% 20%,35% 55%,55% 30%,74% 52%,100% 23%,95% 78%,4% 76%);z-index:-1;height:11px;position:absolute;bottom:-8px;left:8%;right:4%}.nav-links{font-family:var(--font-title);flex-wrap:wrap;justify-content:center;gap:clamp(14px,3.2vw,44px);font-size:clamp(1rem,1.8vw,1.45rem);display:flex}.nav-links a{text-underline-offset:8px;position:relative}.nav-links a:nth-child(2n){transform:rotate(1deg)}.nav-links a:hover,.text-link:hover,.back-link:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.sun-doodle{border:3px solid var(--ink);background:var(--yellow);width:72px;height:72px;box-shadow:4px 5px 0 var(--ink);border-radius:48% 44% 51% 46%;place-items:center;font-size:2.1rem;display:grid;transform:rotate(8deg)}.hero-spread{grid-template-columns:minmax(320px,1fr) minmax(320px,.95fr);align-items:center;gap:clamp(22px,5vw,68px);min-height:620px;padding:clamp(12px,2vw,24px) 0 32px;display:grid}.portrait-zone{min-height:560px;position:relative}.portrait-paper{border:2px solid var(--pencil);background:var(--white-marker);border-radius:54% 46% 47% 53%/44% 56% 48% 52%;position:absolute;inset:72px 12px 24px 36px;overflow:hidden;transform:rotate(-1.4deg);box-shadow:9px 8px #6fadea33;box-shadow:9px 8px lab(68.3686% -7.81572 -37.3396/.2)}.portrait-paper img{object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.04)}.thought-bubble{z-index:2;width:218px;font-family:var(--font-title);text-align:center;background:var(--white-marker);border:2px dashed var(--pencil);border-radius:46% 52% 44% 56%/55% 44% 55% 45%;padding:28px 22px;font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.25;position:absolute;top:20px;left:4px;transform:rotate(-12deg)}.thought-bubble:before{content:"";z-index:-1;background:var(--blue-smear);clip-path:polygon(6% 24%,26% 9%,46% 15%,68% 3%,93% 24%,86% 53%,98% 77%,58% 91%,23% 82%,8% 57%);position:absolute;inset:-18px}.bug-note{z-index:2;font-family:var(--font-code);margin:0;font-weight:700;position:absolute;top:38px;right:34px;transform:rotate(5deg)}.bug-note:after{content:"✹";color:var(--pink);margin-left:10px}.todo-note{z-index:3;background:var(--yellow-soft);border:2px solid var(--pencil);width:132px;margin:0;padding:24px 12px 14px 26px;font-size:.92rem;line-height:1.55;list-style:"☑ ";position:absolute;bottom:12px;left:0;transform:rotate(-4deg)}.todo-note:before,.photo-tape:before,.project-sticker .tape{content:"";background:#efdcb9b8;background:lab(88.5297% 2.96238 19.474/.72);border:1px solid #95846461;border:1px solid lab(56.0301% 3.30547 19.838/.38);width:64px;height:24px;position:absolute;transform:rotate(-5deg)}.todo-note:before{top:-14px;left:34px}.intro-zone{padding:28px 0 42px;position:relative}.tiny-comment{color:var(--ink-soft);font-family:var(--font-code);margin:0 0 6px;font-size:1rem;transform:rotate(-1deg)}.tiny-comment.second{margin-top:12px;transform:rotate(1deg)}h1,h2,h3{font-family:var(--font-title);letter-spacing:0;text-wrap:balance;line-height:1.1}.intro-zone h1{margin:0 0 18px;font-size:clamp(2.9rem,5.4vw,4.45rem)}.intro-cat{mix-blend-mode:multiply;width:84px;height:auto;margin:4px 0 8px;display:block;transform:rotate(-3deg)}.intro-zone h1 span{color:var(--pink);display:inline-block;transform:rotate(2deg)}.role-highlight{font-family:var(--font-title);background:var(--blue-smear);-webkit-box-decoration-break:clone;box-decoration-break:clone;clip-path:polygon(0 0%,100% 6%,96% 100%,6% 94%);padding:6px 12px 10px;font-size:clamp(1.2rem,2.2vw,1.72rem);line-height:1.35;display:inline}.intro-copy{max-width:620px;color:var(--ink);margin-top:24px;font-size:clamp(1.05rem,1.55vw,1.28rem)}.intro-copy p{margin:.35em 0}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:32px;display:flex}.paper-button{border:2px solid var(--ink);min-height:58px;color:var(--ink);font-family:var(--font-title);box-shadow:4px 5px 0 var(--ink);justify-content:center;align-items:center;padding:10px 24px;font-size:1.18rem;transition:transform .16s ease-out,filter .16s ease-out;display:inline-flex;position:relative}.paper-button.yellow{background:var(--yellow);transform:rotate(-1.5deg)}.paper-button.pink{background:var(--pink);color:#fff;color:lab(100% 0 0);transform:rotate(1.2deg)}.paper-button:hover,.paper-panel:hover,.project-sticker:hover,.draft-entry:hover{filter:saturate(1.08)contrast(1.02);animation:.26s steps(2,end) jitter}.lets-talk-btn{border:2px solid var(--ink);min-height:46px;color:var(--ink);font-family:var(--font-title);letter-spacing:.02em;cursor:pointer;box-shadow:3px 4px 0 var(--ink);background:#fef8ea;background:lab(97.7613% .514001 7.67651);border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 22px;font-size:1.08rem;font-weight:600;transition:transform .22s ease-out,background-color .22s ease-out,box-shadow .22s ease-out,color .22s ease-out;display:inline-flex;position:relative;transform:rotate(-1.5deg)}.lets-talk-btn__plane{font-size:1.1rem;transition:transform .26s ease-out;display:inline-block;transform:translate(0)rotate(-12deg)}.lets-talk-btn:hover,.lets-talk-btn:focus-visible{background:var(--yellow);color:var(--ink);box-shadow:5px 7px 0 var(--ink);outline:none;transform:rotate(-1.5deg)translate(-1px,-3px)}.lets-talk-btn:hover .lets-talk-btn__plane,.lets-talk-btn:focus-visible .lets-talk-btn__plane{transform:translate(3px,-2px)rotate(-22deg)}.lets-talk-btn:active{box-shadow:2px 3px 0 var(--ink);transform:rotate(-1.5deg)translateY(1px)}.contact-modal{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2119106b;background:lab(9.50747% 2.72595 7.01678/.42);place-items:center;padding:20px;animation:.18s ease-out contactFade;display:grid;position:fixed;inset:0}@keyframes contactFade{0%{opacity:0}to{opacity:1}}.contact-modal__card{border:2.5px solid var(--ink);width:min(520px,100%);font-family:var(--font-title);background:#fffaee;background:lab(98.3487% .577569 8.45302);border-radius:14px 16px 14px 18px/16px 14px 18px;padding:36px 40px 26px;animation:.26s cubic-bezier(.2,.9,.3,1.2) contactPop;position:relative;transform:rotate(-.8deg);box-shadow:5px 7px #211910d9;box-shadow:5px 7px lab(9.50747% 2.72595 7.01678/.85)}.contact-modal__card:before{content:"";border-radius:inherit;filter:url(#crayon-rough);pointer-events:none;border:2.5px solid #21191073;border:2.5px solid lab(9.50747% 2.72595 7.01678/.45);position:absolute;inset:-3px -2px -2px -3px}@keyframes contactPop{0%{opacity:0;transform:rotate(-.8deg)translateY(14px)scale(.96)}to{opacity:1;transform:rotate(-.8deg)translateY(0)scale(1)}}.contact-modal__close{width:32px;height:32px;color:var(--ink);font-size:1.7rem;line-height:1;font-family:var(--font-title);cursor:pointer;background:0 0;border:0;border-radius:50%;transition:background-color .16s ease-out,transform .16s ease-out;position:absolute;top:12px;right:16px}.contact-modal__close:hover{background:#f0e3c7;background:lab(90.8674% 1.29023 15.5603);transform:rotate(90deg)}.contact-modal__title{align-items:center;gap:10px;margin:0 0 10px;padding-bottom:6px;font-size:1.65rem;font-weight:700;display:flex;position:relative}.contact-modal__title:after{content:"";background:var(--pink);clip-path:polygon(0 40%,14% 18%,32% 60%,50% 22%,68% 56%,86% 26%,100% 50%,95% 80%,4% 76%);opacity:.85;z-index:-1;height:9px;position:absolute;bottom:2px;left:28px;right:6px}.contact-modal__star{color:#f2a618;color:lab(74.3059% 21.7583 74.0995);filter:drop-shadow(1px 1px #21191040);filter:drop-shadow(1px 1px lab(9.50747% 2.72595 7.01678/.25));font-size:1.35rem}.contact-modal__title-text{z-index:1;position:relative}.contact-modal__hint{color:#342c23d9;color:lab(18.7942% 2.60349 7.45645/.85);margin:4px 0 22px;font-size:.98rem}.contact-modal__row{align-items:center;gap:18px;padding:6px 0;display:flex}.contact-modal__icon{border:2.2px solid var(--ink);width:54px;height:54px;color:var(--ink);border-radius:50%;flex:0 0 54px;place-items:center;display:grid;box-shadow:2px 3px #21191059;box-shadow:2px 3px lab(9.50747% 2.72595 7.01678/.35)}.contact-modal__icon--yellow{background:#ffe281;background:lab(91.186% 3.41275 60.3365)}.contact-modal__icon--green{background:#a9ebab;background:lab(87.4691% -30.7629 24.5513)}.contact-modal__icon svg{width:26px;height:26px;display:block}.contact-modal__info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.contact-modal__label{width:fit-content;padding-bottom:1px;font-size:.95rem;font-weight:700;display:inline-block;position:relative}.contact-modal__label:after{content:"";opacity:.55;background:currentColor;border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:8%}.contact-modal__label--yellow{color:#825b00;color:lab(41.9414% 13.907 65.2325)}.contact-modal__label--green{color:#26652b;color:lab(37.5223% -30.8901 25.8685)}.contact-modal__value{color:var(--ink);font-size:1.02rem;font-weight:500;font-family:var(--font-code);word-break:break-all;letter-spacing:.01em;text-decoration:none}a.contact-modal__value:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.contact-modal__divider{border:0;border-top:1.5px dashed oklch(22% .02 70/.3);margin:4px 0 4px 72px}.contact-modal__tape{color:var(--ink);background:#ffe79c;background:lab(92.3363% 2.77674 55.0966);border-left:7px solid #f2b95a;border-left:7px solid lab(79.1432% 14.1568 55.5521);align-items:center;gap:8px;margin:22px -8px -2px;padding:12px 18px 12px 22px;font-size:.95rem;font-weight:500;display:flex;position:relative;transform:rotate(-.6deg);box-shadow:2px 3px #2119102e;box-shadow:2px 3px lab(9.50747% 2.72595 7.01678/.18)}.contact-modal__smiley{flex:none;font-size:1.25rem;line-height:1}.contact-modal__tape-text{flex:auto;line-height:1.4}.contact-modal__heart{color:#ff6d87;color:lab(65.4735% 58.6511 15.8417);flex:none;font-size:1.15rem;line-height:1}.contact-modal__deco-arrow{width:50px;color:var(--ink);pointer-events:none;opacity:.5;position:absolute;top:24px;bottom:30px;right:-52px}.contact-modal__deco-arrow svg{width:100%;height:100%;display:block}@media (max-width:640px){.contact-modal__card{padding:30px 24px 22px}.contact-modal__title{font-size:1.4rem}.contact-modal__deco-arrow{display:none}.contact-modal__divider{margin-left:60px}.contact-modal__icon{flex-basis:46px;width:46px;height:46px}.contact-modal__icon svg{width:22px;height:22px}.contact-modal__tape{padding:10px 14px 10px 18px;font-size:.88rem}}.skill-strip{background:#fef8ea6b;background:lab(97.7575% .482678 7.28868/.42);border:2.5px solid #211910d9;border:2.5px solid lab(9.50747% 2.72595 7.01678/.85);border-radius:22px 28px 20px 26px/24px 20px 26px 22px;margin:36px 0 42px;padding:clamp(46px,5.4vw,64px) clamp(22px,2.8vw,36px) clamp(32px,3.8vw,48px);position:relative;overflow:visible}.skill-strip:before{content:"";border-radius:inherit;filter:url(#crayon-rough);pointer-events:none;border:2.5px solid #21191073;border:2.5px solid lab(9.50747% 2.72595 7.01678/.45);position:absolute;inset:0;box-shadow:inset -1.5px 1px #21191052,inset 1px -1.5px #21191066,2.5px 3px #21191024;box-shadow:inset -1.5px 1px lab(9.50747% 2.72595 7.01678/.32),inset 1px -1.5px lab(9.50747% 2.72595 7.01678/.4),2.5px 3px lab(9.50747% 2.72595 7.01678/.14)}.skill-strip h2{background:var(--green);z-index:2;margin:0;padding:3px 13px;font-size:1.2rem;position:absolute;top:-22px;left:22px;transform:rotate(-3deg)}.skill-strip>ul{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:clamp(30px,3.6vw,48px) clamp(20px,2.6vw,36px);margin:0;padding:0;list-style:none;display:grid;position:relative}.skill-strip>ul>li{justify-content:center;display:flex}.skill-strip>ul>li:nth-child(7n+1){transform:translateY(0)}.skill-strip>ul>li:nth-child(7n+2){transform:translateY(16px)}.skill-strip>ul>li:nth-child(7n+3){transform:translateY(-12px)}.skill-strip>ul>li:nth-child(7n+4){transform:translateY(22px)}.skill-strip>ul>li:nth-child(7n+5){transform:translateY(-8px)}.skill-strip>ul>li:nth-child(7n+6){transform:translateY(10px)}.skill-strip>ul>li:nth-child(7n+7){transform:translateY(-18px)}.skill-strip>ul>li:nth-child(7n+1) .tech-logo-card{--tilt:-9deg}.skill-strip>ul>li:nth-child(7n+2) .tech-logo-card{--tilt:6deg}.skill-strip>ul>li:nth-child(7n+3) .tech-logo-card{--tilt:-3deg}.skill-strip>ul>li:nth-child(7n+4) .tech-logo-card{--tilt:11deg}.skill-strip>ul>li:nth-child(7n+5) .tech-logo-card{--tilt:-6deg}.skill-strip>ul>li:nth-child(7n+6) .tech-logo-card{--tilt:3deg}.skill-strip>ul>li:nth-child(7n+7) .tech-logo-card{--tilt:-11deg}.tech-logo-card{width:78px;transform:rotate(var(--tilt,0deg));background:radial-gradient(circle at 30% 28%,#ffffffe0,#fff6 70%),#fff8e899;background:radial-gradient(circle at 30% 28%,lab(100% 0 0/.88),lab(100% 0 0/.4) 70%),lab(97.7687% .578314 8.45355/.6);border:2px dashed #211910b3;border:2px dashed lab(9.50747% 2.72595 7.01678/.7);border-radius:46% 54% 48% 52%/12% 14%;justify-content:center;align-items:center;padding:3px;transition:transform .16s ease-out,box-shadow .16s ease-out,filter .16s ease-out;display:flex;position:relative;box-shadow:1.5px 2px #271d1229;box-shadow:1.5px 2px lab(11.8198% 3.48877 9.39002/.16)}.tech-logo-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(at 22% 18%,#ffffffb3,#0000 55%),0 0;background:radial-gradient(at 22% 18%,lab(100% 0 0/.7),#0000 55%),0 0;position:absolute;inset:2px}.tech-logo-card:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 32% 28%,#fff9d3 0%,#ffd247 32%,#d59800 78%,#8e5400 100%);background:radial-gradient(circle at 32% 28%,lab(98.1526% -.6468 40.4971) 0%,lab(86.467% 8.81773 86.3941) 32%,lab(67.3266% 24.7205 149.272) 78%,lab(41.4453% 29.3351 95.9327) 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #311d0373,inset -1.2px -1.2px #764b008c,inset .8px .8px #fff6;box-shadow:0 2px 3px lab(12.8971% 8.05341 18.0664/.45),inset -1.2px -1.2px lab(35.9765% 17.8288 65.2658/.55),inset .8px .8px lab(100% 0 0/.4)}.tech-logo-card img{mix-blend-mode:multiply;z-index:2;width:100%;height:auto;display:block;position:relative}.tech-logo-card:hover{filter:saturate(1.12)contrast(1.04);animation:.26s steps(2,end) jitter;box-shadow:2.5px 3px #271d1238;box-shadow:2.5px 3px lab(11.8198% 3.48877 9.39002/.22)}.desk-grid{grid-template-columns:minmax(250px,.88fr) minmax(270px,1fr) minmax(260px,.92fr);align-items:start;gap:clamp(22px,3.6vw,42px);display:grid}.profile-sheet,.project-sticker,.draft-entry{border:2px solid var(--pencil);background:#ffffff59;background:lab(100% 0 0/.35);position:relative}.paper-panel,.about-scrap{background:#ffffff59;background:lab(100% 0 0/.35);border:2.5px solid #211910d9;border:2.5px solid lab(9.50747% 2.72595 7.01678/.85);border-radius:22px 26px 20px 24px/24px 20px 26px 22px;position:relative;overflow:visible}.paper-panel:before,.about-scrap:before{content:"";border-radius:inherit;filter:url(#crayon-rough);pointer-events:none;border:2.5px solid #21191073;border:2.5px solid lab(9.50747% 2.72595 7.01678/.45);position:absolute;inset:0;box-shadow:inset -1.5px 1px #21191052,inset 1px -1.5px #21191066,2.5px 3px #21191024;box-shadow:inset -1.5px 1px lab(9.50747% 2.72595 7.01678/.32),inset 1px -1.5px lab(9.50747% 2.72595 7.01678/.4),2.5px 3px lab(9.50747% 2.72595 7.01678/.14)}.paper-panel{padding:32px 24px 22px}.recent-notes{transform:rotate(-1.5deg);padding-left:36px!important}.recent-notes:after{content:"";pointer-events:none;z-index:2;background-image:radial-gradient(circle,#2f271e8c 2.5px,#0000 3px),radial-gradient(circle,#2f271e8c 2.5px,#0000 3px);background-image:radial-gradient(circle,lab(16.4729% 2.62791 7.4819/.55) 2.5px,#0000 3px),radial-gradient(circle,lab(16.4729% 2.62791 7.4819/.55) 2.5px,#0000 3px);background-position:0 0,8px 9px;background-repeat:repeat-y;background-size:16px 18px,16px 18px;width:16px;position:absolute;top:12px;bottom:12px;left:12px}.project-notes{transform:rotate(.8deg)}.paper-panel h2,.about-scrap h2{margin:0;font-size:0;font-weight:700}.paper-panel .panel-title,.about-scrap .panel-title{z-index:3;line-height:0;position:absolute;top:-22px;left:14px}.paper-panel .panel-title img{filter:drop-shadow(2px 2px #2119102e);filter:drop-shadow(2px 2px lab(9.50747% 2.72595 7.01678/.18));width:auto;max-width:180px;height:40px;display:block;transform:rotate(-2deg)}.project-notes .panel-title img{transform:rotate(-1.5deg)}.about-scrap .panel-title img{object-fit:contain;width:auto;max-width:130px;height:40px;transform:rotate(-3deg)}.recent-notes ul,.about-scrap ul,.project-sticker ul{margin:0;padding:0;list-style:none}.recent-notes li{border-bottom:1px dashed #463e3447;border-bottom:1px dashed lab(26.9269% 2.31844 7.48166/.28);align-items:center;gap:10px;padding:11px 0;display:flex}.recent-notes li:last-child{border-bottom:0}.recent-notes li .dot{background:var(--pink);border-radius:50%;flex:none;width:8px;height:8px;margin-top:0}.recent-notes li a{font-family:var(--font-title);-webkit-text-decoration:underline wavy var(--green);text-decoration:underline wavy var(--green);text-underline-offset:5px;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);flex:auto;font-weight:600}.recent-notes time,.draft-entry time,.project-sticker time{color:var(--ink-soft);font-family:var(--font-code);white-space:nowrap;flex:none;font-size:.82rem;display:block}.text-link{font-family:var(--font-title);-webkit-text-decoration:underline wavy var(--amber);text-decoration:underline wavy var(--amber);text-underline-offset:5px;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);margin-top:16px;font-weight:700;display:inline-block}.project-list{gap:6px;margin-top:4px;display:grid}.project-list article{border-bottom:1px dashed #463e3447;border-bottom:1px dashed lab(26.9269% 2.31844 7.48166/.28);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.project-list article:last-child{border-bottom:0}.project-list .icon{background:#fdf1d4;background:lab(95.5263% .793725 15.5653);border:1.5px solid #67513659;border:1.5px solid lab(36.1549% 7.06139 19.3351/.35);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;display:flex;box-shadow:1.5px 1.5px #2119102e;box-shadow:1.5px 1.5px lab(9.50747% 2.72595 7.01678/.18)}.project-list .content{flex:auto;min-width:0}.project-list strong{font-family:var(--font-title);-webkit-text-decoration:underline wavy var(--amber);text-decoration:underline wavy var(--amber);text-underline-offset:5px;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);font-size:.98rem;font-weight:700;display:block}.project-list .badge{flex:none;margin-top:4px;font-size:1.2rem;line-height:1}.project-list p{color:var(--ink-soft);margin:4px 0 0;font-size:.84rem;line-height:1.5}.about-scrap{background:#fef8e794;background:lab(97.8076% -.211209 9.23927/.58);grid-template-columns:168px 1fr;grid-template-areas:"photo list""bubble bubble""codex codex";align-items:start;gap:12px 18px;padding:32px 22px 22px;display:grid;transform:rotate(2deg)}.photo-tape{background:#fdfbf5;background:lab(98.6457% .0824034 3.0556);border-radius:3px;grid-area:photo;width:168px;margin:0;padding:8px 8px 32px;position:relative;transform:rotate(-6deg);box-shadow:0 5px 12px #21191038,0 1px 2px #2119101a,inset 0 0 0 1px #e3ddd399;box-shadow:0 5px 12px lab(9.50747% 2.72595 7.01678/.22),0 1px 2px lab(9.50747% 2.72595 7.01678/.1),inset 0 0 0 1px lab(88.4483% .722736 5.70748/.6)}.photo-tape:before{content:"";z-index:2;background:radial-gradient(circle at 30% 30%,#ffd5e3 0%,#ff6995 50%,#ad215f 100%);background:radial-gradient(circle at 30% 30%,lab(89.2115% 39.7923 .458229) 0%,lab(65.0998% 65.2843 7.81026) 50%,lab(39.7336% 58.021 .88585) 100%);border:none;border-radius:50%;width:13px;height:13px;position:absolute;top:-7px;left:26%;transform:none;box-shadow:0 1.5px 2px #1e131166,inset -1px -1px #712d4566;box-shadow:0 1.5px 2px lab(7.06611% 5.79541 3.33123/.4),inset -1px -1px lab(29.1419% 32.6406 .437224/.4)}.photo-tape:after{content:"";z-index:2;background:radial-gradient(circle at 30% 30%,#fff9d3 0%,#ffd247 50%,#8e5400 100%);background:radial-gradient(circle at 30% 30%,lab(98.1526% -.6468 40.4971) 0%,lab(86.467% 8.81773 86.3941) 50%,lab(41.4453% 29.3351 95.9327) 100%);border-radius:50%;width:13px;height:13px;position:absolute;top:-7px;right:26%;box-shadow:0 1.5px 2px #1c140c66,inset -1px -1px #764b0080;box-shadow:0 1.5px 2px lab(7.21233% 2.65807 5.86334/.4),inset -1px -1px lab(35.9765% 17.8288 65.2658/.5)}.photo-tape img{object-fit:cover;object-position:center 25%;border-radius:2px;display:block;box-shadow:0 1px 2px #1c140c26;box-shadow:0 1px 2px lab(7.21233% 2.65807 5.86334/.15);width:100%!important;height:134px!important}.about-scrap ul{grid-area:list;margin:4px 0 0;padding:0;list-style:none}.about-scrap li{margin:6px 0;padding-left:18px;font-size:.92rem;line-height:1.5;position:relative}.about-scrap li:before{content:"";background:var(--yellow);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0;box-shadow:0 0 0 1px #765e4459;box-shadow:0 0 0 1px lab(41.9624% 6.92678 19.1381/.35)}.about-scrap li:nth-child(2){-webkit-text-decoration:underline wavy var(--green);text-decoration:underline wavy var(--green);text-underline-offset:4px;text-decoration-thickness:1.5px}.about-scrap p{border:2px solid var(--pencil);text-align:center;background:#ffffff8c;background:lab(100% 0 0/.55);border-radius:48% 52% 50% 50%/50% 50% 52% 48%;grid-area:bubble;margin:0;padding:20px 28px;font-size:.92rem;line-height:1.55;position:relative}.about-scrap p:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid var(--pencil);width:0;height:0;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.about-scrap p:after{content:"";border-top:10px solid #ffffff8c;border-top:10px solid lab(100% 0 0/.55);border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.footer-doodle{font-family:var(--font-code);color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 24px;margin-top:64px;padding-top:44px;font-size:.92rem;display:flex;position:relative}.footer-doodle:before{content:"";opacity:.75;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M0,7 Q20,1 40,7 T80,7 T120,7 T160,7 T200,7' stroke='%2390c878' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:200px 18px;height:18px;position:absolute;top:8px;left:0;right:0}.doodle-cat,.doodle-fish{mix-blend-mode:multiply;display:block}.footer-name-block{flex-direction:column;align-items:center;gap:4px;display:flex}.footer-name-block .doodle-cat{transform:rotate(-4deg)}.doodle-text{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.doodle-heart{vertical-align:middle;mix-blend-mode:multiply;margin:0 2px;display:inline-block}.codex-stamp{z-index:1;grid-area:codex;justify-self:center;width:200px;height:200px;transform:rotate(-4deg)}.subpage{min-height:100vh}.back-link{font-family:var(--font-title);margin:10px 0 28px;font-size:1.2rem;display:inline-block}.subpage-title,.profile-sheet h1{margin:0 0 34px;font-size:clamp(2.8rem,7vw,5.2rem)}.profile-sheet{background:#ffffff54;background:lab(100% 0 0/.33);padding:clamp(26px,5vw,56px);transform:rotate(-.6deg)}.profile-columns{grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr);gap:clamp(22px,5vw,56px);margin-top:32px;display:grid}.profile-columns h2{font-size:clamp(1.4rem,3vw,2rem)}.correction-note{background:var(--yellow-soft);border:2px dashed var(--pencil);padding:22px 24px;transform:rotate(2deg)}.correction-note ul{margin:0;padding-left:1.2em}.sticker-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,4vw,42px);display:grid}.project-sticker{background:var(--yellow-soft);transform:rotate(var(--tilt));padding:34px 24px 24px}.project-sticker:nth-child(2n){background:var(--blue-smear)}.project-sticker:nth-child(3n){background:var(--green-soft)}.project-sticker .tape{top:-13px;left:38%}.project-sticker h2,.draft-entry h2{margin:8px 0 12px;font-size:clamp(1.45rem,3vw,2.1rem)}.stack-line{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.stack-line span{border:1px solid var(--ink);font-family:var(--font-code);background:#ffffff59;background:lab(100% 0 0/.35);border-radius:48% 52% 47% 53%;padding:2px 9px;font-size:.84rem}.project-sticker li{margin:8px 0;padding-left:18px;position:relative}.project-sticker li:before{content:"✓";position:absolute;left:0}.blog-list{gap:22px;display:grid}.draft-entry{background:#ffffff61;background:lab(100% 0 0/.38);padding:24px 26px 20px}.draft-entry:nth-child(2n){transform:rotate(.7deg)}.draft-entry:nth-child(odd){transform:rotate(-.5deg)}.draft-entry>div{color:var(--ink-soft);font-family:var(--font-code);flex-wrap:wrap;gap:12px;display:flex}.draft-entry h2{background:linear-gradient(transparent 58%, var(--pink-soft) 58%);display:inline}.draft-entry p{max-width:68ch}.draft-entry small{color:var(--ink-soft);font-family:var(--font-code)}@keyframes jitter{0%{transform:translate(0, 0) rotate(var(--tilt,0deg))}25%{transform:translate(1px, -1px) rotate(calc(var(--tilt,0deg) + .6deg))}50%{transform:translate(-1px, 1px) rotate(calc(var(--tilt,0deg) - .4deg))}75%{transform:translate(1px, 1px) rotate(calc(var(--tilt,0deg) + .2deg))}to{transform:translate(0, 0) rotate(var(--tilt,0deg))}}@keyframes jelly{0%{transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}15%{transform:translateY(-3px) rotate(calc(var(--tilt,0deg) - 2.2deg)) scale(1.04)}30%{transform:translateY(2px) rotate(calc(var(--tilt,0deg) + 1.8deg)) scale(.98)}45%{transform:translateY(-2px) rotate(calc(var(--tilt,0deg) - 1.4deg)) scale(1.02)}60%{transform:translateY(1px) rotate(calc(var(--tilt,0deg) + .8deg)) scale(1)}80%{transform:translateY(0) rotate(calc(var(--tilt,0deg) - .3deg)) scale(1)}to{transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}@keyframes sway{0%{transform:rotate(var(--tilt,0deg))}10%{transform:rotate(calc(var(--tilt,0deg) - 15deg))}25%{transform:rotate(calc(var(--tilt,0deg) + 13deg))}40%{transform:rotate(calc(var(--tilt,0deg) - 10deg))}55%{transform:rotate(calc(var(--tilt,0deg) + 7deg))}70%{transform:rotate(calc(var(--tilt,0deg) - 4deg))}85%{transform:rotate(calc(var(--tilt,0deg) + 1.5deg))}to{transform:rotate(var(--tilt,0deg))}}.paper-panel,.about-scrap,.tech-logo-card{--tilt:0deg}.jelly-on-view[data-jelly="1"]{transform-origin:50% 30%;animation:.8s cubic-bezier(.36,.07,.19,.97) both jelly}.jelly-on-view[data-jelly="1"]>.tech-logo-card{transform-origin:50% 0!important;animation:1.1s cubic-bezier(.36,.07,.19,.97) both sway!important}.skill-strip .jelly-on-view{display:inline-flex}@media (max-width:960px){.topbar{align-items:flex-start}.sun-doodle{display:none}.hero-spread,.desk-grid,.profile-columns{grid-template-columns:1fr}.hero-spread{min-height:0}.portrait-zone{min-height:500px}.desk-grid>*{transform:rotate(0)}}@media (max-width:640px){body{font-size:16px}.notebook-shell{width:min(100% - 22px,1180px);padding-top:14px}.topbar{flex-wrap:wrap;align-items:center;gap:12px 14px;padding-bottom:16px;display:flex}.brand-mark{flex:none}.nav-links{flex-basis:100%;order:3;justify-content:flex-start;gap:10px 18px;margin-top:4px}.sun-doodle{width:50px;height:50px;box-shadow:3px 4px 0 var(--ink);order:1;font-size:1.55rem}.brand-mark{order:1}.lets-talk-btn{min-height:40px;box-shadow:2px 3px 0 var(--ink);order:2;margin-left:auto;padding:6px 16px;font-size:.95rem}.lets-talk-btn:hover,.lets-talk-btn:focus-visible{box-shadow:3px 5px 0 var(--ink)}.portrait-zone{min-height:355px}.portrait-paper{inset:78px 4px 8px 16px}.thought-bubble{width:164px;padding:22px 16px}.bug-note{right:6px}.todo-note{display:none}.intro-zone h1{font-size:clamp(2.55rem,15vw,3.45rem)}.paper-button{width:100%}.skill-strip{padding-inline:12px}.skill-strip>ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.tech-logo-card{width:64px}.recent-notes{padding-left:24px!important}.recent-notes:after{display:none}.project-list .icon{width:30px;height:30px;font-size:1.05rem}}.about-field-notes{font-family:var(--font-title);position:relative}.about-field-notes .back-link{margin:4px 0 14px;font-size:1.05rem}.fn-header{border:2px solid var(--ink);background:#feeaae;background:lab(93.3872% .601023 32.0707);border-radius:4px 8px;grid-template-columns:1fr auto;align-items:end;gap:24px;margin:0 0 22px;padding:18px 22px 14px;display:grid;position:relative;transform:rotate(-.6deg);box-shadow:4px 5px #21191066;box-shadow:4px 5px lab(9.50747% 2.72595 7.01678/.4)}.fn-header:before{content:"";border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(#0000 0 27px,#2119100d 27px 28px);background-image:repeating-linear-gradient(#0000 0 27px,lab(9.50747% 2.72595 7.01678/.05) 27px 28px);position:absolute;inset:0}.fn-title-zone{z-index:1;position:relative}.fn-title{color:var(--ink);align-items:baseline;gap:12px;margin:0 0 4px;font-size:clamp(2.1rem,5.4vw,3.4rem);font-weight:700;line-height:1.05;display:inline-flex;position:relative}.fn-title__text{display:inline-block;position:relative}.fn-title__text:after{content:"";z-index:-1;clip-path:polygon(0 35%,14% 60%,30% 25%,48% 65%,68% 30%,88% 60%,100% 35%,96% 75%,4% 70%);background:#ff958d;background:lab(73.228% 40.5134 22.6485);height:9px;position:absolute;bottom:6px;left:2%;right:4%}.fn-title__star{color:var(--ink);font-size:.6em;transform:rotate(8deg)}.fn-subtitle{color:var(--ink);margin:4px 0 0;font-size:1rem;font-weight:600;display:inline-block;position:relative}.fn-subtitle:after{content:"";z-index:-1;clip-path:polygon(0 30%,16% 60%,32% 25%,50% 65%,70% 30%,90% 60%,100% 40%,96% 78%,4% 72%);background:#ff958d;background:lab(73.228% 40.5134 22.6485);height:6px;position:absolute;bottom:-3px;left:0;right:4%}.fn-sun-learn{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.fn-sun{filter:drop-shadow(1px 1px #21191040);filter:drop-shadow(1px 1px lab(9.50747% 2.72595 7.01678/.25));font-size:2.6rem;display:inline-block;transform:rotate(-6deg)}.fn-sun-learn__text{color:var(--ink);font-size:1rem;font-weight:600;line-height:1.3}.fn-sun-learn__text p{margin:0}.fn-mark{background:linear-gradient(transparent 60%, var(--yellow) 60%);padding:0 4px}.fn-header__loop{color:var(--ink);opacity:.7;font-size:1.6rem;position:absolute;top:18px;right:-8px;transform:rotate(20deg)}.fn-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px;margin-bottom:28px;display:grid}.fn-notes-col{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;display:grid}.fn-note{border:2px solid var(--ink);font-family:var(--font-title);min-height:220px;transform:rotate(var(--note-tilt,0deg));border-radius:3px 5px;flex-direction:column;padding:28px 22px 22px;transition:transform .22s ease-out,box-shadow .22s ease-out;display:flex;position:relative;box-shadow:3px 4px #21191066;box-shadow:3px 4px lab(9.50747% 2.72595 7.01678/.4)}.fn-note:first-child{--note-tilt:-1.4deg}.fn-note:nth-child(2){--note-tilt:1.2deg;background-color:#faf5e8;background-color:lab(96.5937% .452995 6.90197)}.fn-note:nth-child(3){--note-tilt:-.8deg}.fn-note__tape{opacity:.92;z-index:2;border:1px solid #21191066;border:1px solid lab(9.50747% 2.72595 7.01678/.4);width:78px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.fn-note--green .fn-note__tape{background:#85cc87;background:lab(75.9772% -33.5817 27.0639)}.fn-note--blue .fn-note__tape{background:#7cbef6;background:lab(74.3249% -10.4775 -34.7611)}.fn-note--pink .fn-note__tape{background:#ffb1d1;background:lab(81.0389% 39.5111 -3.54301)}.fn-note--green{background:#e2f9e2;background:lab(95.8834% -11.1774 8.7103)}.fn-note--blue{background:#dff1ff;background:lab(94.1965% -5.11494 -13.611)}.fn-note--pink{background:#ffe7ef;background:lab(93.6806% 13.3943 -1.19205)}.fn-note__title{border:1.5px solid var(--ink);color:var(--ink);font-size:1.1rem;font-weight:700;font-family:var(--font-title);background:#fef8eb;background:lab(97.7538% .451982 6.90128);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin:0 0 12px;padding:6px 14px;display:inline-flex;position:relative}.fn-note--green .fn-note__title{background:#aee9af;background:lab(87.3489% -27.9605 22.2345)}.fn-note--blue .fn-note__title{background:#a6d7ff;background:lab(83.6686% -9.83155 -30.021)}.fn-note--pink .fn-note__title{background:#ffcae0;background:lab(87.0999% 33.0865 -2.96091)}.fn-note__icon{font-size:1.1rem}.fn-note__title-underline{display:inline-block;position:relative}.fn-note--green .fn-note__title-underline:after,.fn-note--blue .fn-note__title-underline:after,.fn-note--pink .fn-note__title-underline:after{content:"";opacity:.65;background:currentColor;height:3px;position:absolute;bottom:-2px;left:0;right:0}.fn-note ul{color:var(--ink);margin:0;padding:0;font-size:.92rem;line-height:1.6;list-style:none}.fn-note ul li{margin-bottom:4px;padding-left:18px;position:relative}.fn-note ul li:before{content:"•";font-size:1.1rem;line-height:1;position:absolute;top:0;left:4px}.fn-note--green ul li:before{color:#2f7434;color:lab(43.4451% -33.6908 28.1509)}.fn-note--blue ul li:before{color:#005991;color:lab(35.7602% -6.53732 -38.8476)}.fn-note--pink ul li:before{color:#ae4976;color:lab(45.9746% 45.3351 -4.08934)}.fn-note__deco{opacity:.85;pointer-events:none;position:absolute;bottom:12px;right:16px}.fn-note__deco--server{width:56px;height:46px;bottom:16px;right:18px}.fn-note__deco--net{width:56px;height:56px;bottom:10px;right:14px}.fn-note__deco--bulb{font-size:1.8rem;bottom:14px;right:18px;transform:rotate(-8deg)}.fn-big-note{border:2.2px solid var(--ink);background:#ffeeb9;background:lab(94.5483% .582337 32.0473);border-radius:4px 8px;flex-direction:column;min-height:100%;padding:38px 26px 30px;display:flex;position:relative;overflow:hidden;transform:rotate(.6deg);box-shadow:4px 5px #21191073;box-shadow:4px 5px lab(9.50747% 2.72595 7.01678/.45)}.fn-big-note:before{content:"";pointer-events:none;border-radius:inherit;background-image:repeating-linear-gradient(#0000 0 30px,#2119100d 30px 31px);background-image:repeating-linear-gradient(#0000 0 30px,lab(9.50747% 2.72595 7.01678/.05) 30px 31px);position:absolute;inset:0}.fn-big-note__tape{opacity:.95;z-index:2;background:repeating-linear-gradient(90deg,#ffb7d4 0 6px,#f893bc 6px 12px);background:repeating-linear-gradient(90deg,lab(82.0685% 42.7365 -3.83463) 0 6px,lab(72.788% 42.6342 -3.82903) 6px 12px);border:1.2px solid #21191080;border:1.2px solid lab(9.50747% 2.72595 7.01678/.5);width:90px;height:26px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.fn-big-note__smiley{font-size:1.6rem;position:absolute;top:16px;right:22px;transform:rotate(8deg)}.fn-big-note__title{color:var(--ink);font-size:1.8rem;font-weight:700;font-family:var(--font-title);align-self:flex-start;margin:0 0 18px;display:inline-block;position:relative}.fn-big-note__title:after{content:"";z-index:-1;clip-path:polygon(0 30%,18% 60%,35% 25%,52% 60%,70% 30%,88% 55%,100% 35%,95% 75%,5% 72%);background:#ff958d;background:lab(73.228% 40.5134 22.6485);height:6px;position:absolute;bottom:-2px;left:0;right:6%}.fn-big-note__list{z-index:1;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.fn-big-note__list li{border-bottom:1px dashed #2119102e;border-bottom:1px dashed lab(9.50747% 2.72595 7.01678/.18);align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.fn-big-note__list li:last-child{border-bottom:none;padding-bottom:0}.fn-big-note__icon{text-align:center;flex:0 0 32px;font-size:1.6rem;line-height:1.1}.fn-big-note__list p{color:var(--ink);margin:0;font-size:1rem;font-weight:600;line-height:1.5}.fn-big-note__deco{opacity:.85;font-size:1.6rem;position:absolute;bottom:12px;right:16px;transform:rotate(-12deg)}.fn-contact{font-family:var(--font-title);justify-content:center;align-items:center;gap:18px;margin:24px 0 12px;display:flex;position:relative}.fn-contact__plane{color:var(--ink);opacity:.7;font-size:2rem;transform:rotate(-12deg)}.fn-contact__box{border:2px dashed var(--ink);background:#fef8eb;background:lab(97.7538% .451982 6.90128);border-radius:999px;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 32px 16px 22px;display:flex;position:relative}.fn-contact__row{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}a.fn-contact__row:hover{-webkit-text-decoration:underline wavy var(--pink);text-decoration:underline wavy var(--pink)}.fn-contact__icon{border:1.6px solid var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:2px 2px #2119104d;box-shadow:2px 2px lab(9.50747% 2.72595 7.01678/.3)}.fn-contact__icon--email{background:#ffe38d;background:lab(91.1392% 1.79726 45.536)}.fn-contact__icon--wechat{background:#b5f0b5;background:lab(89.6702% -27.9594 22.2162)}.fn-contact__label{font-size:1.05rem;font-weight:700}.fn-contact__value{font-family:var(--font-code);color:#282017e6;color:lab(12.9905% 2.67141 7.53001/.9);font-size:.95rem}.fn-contact__divider{background:var(--ink);opacity:.5;width:1px;height:28px}.fn-contact__lets{color:var(--ink);align-items:center;gap:6px;font-size:.95rem;display:flex;position:absolute;bottom:-22px;right:-6px;transform:rotate(-4deg)}.fn-contact__heart{color:var(--pink);font-size:1.1rem}.fn-contact__snail{opacity:.85;font-size:2.2rem}@media (max-width:980px){.fn-grid{grid-template-columns:1fr}.fn-big-note{min-height:0}.fn-notes-col,.fn-header{grid-template-columns:1fr}.fn-sun-learn{justify-self:start}.fn-header__loop{display:none}}@media (max-width:640px){.fn-header{padding:16px 16px 12px}.fn-contact__box{border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px}.fn-contact__divider{width:60%;height:1px}.fn-contact__lets{align-self:flex-end;position:static;transform:none}.fn-contact__plane,.fn-contact__snail{display:none}}.projects-page{position:relative}.projects-page .back-link{margin:4px 0 14px;font-size:1.05rem}.projects-hero{grid-template-columns:1fr auto;align-items:end;gap:24px;margin:4px 0 18px;padding-bottom:4px;display:grid;position:relative}.projects-hero__main{min-width:0}.projects-title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;font-family:var(--font-title);align-items:baseline;gap:14px;margin:0 0 2px;line-height:1.05;display:inline-flex;position:relative}.projects-title__sun{color:#f2a618;color:lab(74.3059% 21.7583 74.0995);filter:drop-shadow(1px 1px #21191040);filter:drop-shadow(1px 1px lab(9.50747% 2.72595 7.01678/.25));font-size:.7em}.projects-title__text{z-index:1;background:linear-gradient(transparent 62%, var(--yellow) 62%);padding:0 6px;position:relative}.projects-title__star{color:var(--pink);align-self:flex-start;margin-top:6px;font-size:.5em}.projects-subtitle{color:#342c23d9;color:lab(18.7942% 2.60349 7.45645/.85);font-size:.98rem;font-family:var(--font-title);margin:2px 0 0}.projects-hero__note{border:1.5px solid var(--ink);width:160px;font-family:var(--font-title);text-align:center;color:var(--ink);transform:rotate(var(--tilt,0deg));background:#fbf5e6;background:lab(96.6012% .515223 7.67738);border-radius:2px;padding:16px 12px 18px;font-size:.88rem;line-height:1.45;position:relative;box-shadow:3px 4px #21191059;box-shadow:3px 4px lab(9.50747% 2.72595 7.01678/.35)}.projects-hero__note-tape{background:repeating-linear-gradient(0deg, var(--blue-smear) 0 4px, #7cbef673 4px 8px);opacity:.85;border:1px solid #21191066;border:1px solid lab(9.50747% 2.72595 7.01678/.4);width:60px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@supports (color:lab(0% 0 0)){.projects-hero__note-tape{background:repeating-linear-gradient(0deg, var(--blue-smear) 0 4px, lab(74.3249% -10.4775 -34.7611/.45) 4px 8px)}}.projects-hero__note p{margin:0}.projects-hero__note-heart{color:var(--pink);margin-top:4px;font-size:.95rem;display:block}.projects-hero__deco{pointer-events:none;opacity:.7;font-size:1.4rem;position:absolute}.projects-hero__deco--star{color:var(--pink);top:-8px;left:240px}.projects-hero__deco--plane{color:var(--ink);bottom:-6px;left:50%;transform:translate(20px)rotate(-8deg)}.projects-filters{flex-wrap:wrap;gap:10px;margin:0 0 22px;display:flex}.projects-filter{font-family:var(--font-title);border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:#fef8eb;background:lab(97.7538% .451982 6.90128);border-radius:999px;padding:7px 18px;font-size:.95rem;transition:transform .16s ease-out,background-color .16s ease-out;box-shadow:2px 3px #21191059;box-shadow:2px 3px lab(9.50747% 2.72595 7.01678/.35)}.projects-filter:hover{background:var(--yellow-soft);transform:translate(-1px,-2px)}.projects-filter--active{background:var(--ink);color:#faf5e8;color:lab(96.5937% .452995 6.90197);box-shadow:2px 3px #2119108c;box-shadow:2px 3px lab(9.50747% 2.72595 7.01678/.55)}.featured-projects{grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px);margin-bottom:48px;padding:14px 6px 18px;display:grid}.featured-card{border:2.2px solid var(--ink);font-family:var(--font-title);min-height:480px;transform:rotate(var(--card-tilt,0deg));transform-origin:50% 30%;border-radius:4px 6px;flex-direction:column;padding:36px 26px 28px;transition:transform .22s ease-out,box-shadow .22s ease-out;display:flex;position:relative;overflow:visible;box-shadow:4px 6px #2119108c;box-shadow:4px 6px lab(9.50747% 2.72595 7.01678/.55)}.featured-card:hover{z-index:2;transform:rotate(0)translate(-2px,-4px)scale(1.01);box-shadow:6px 9px #2119108c;box-shadow:6px 9px lab(9.50747% 2.72595 7.01678/.55)}.featured-card:before{content:"";pointer-events:none;border-radius:inherit;z-index:0;background-image:repeating-linear-gradient(#0000 0 27px,#2119100f 27px 28px);background-image:repeating-linear-gradient(#0000 0 27px,lab(9.50747% 2.72595 7.01678/.06) 27px 28px);position:absolute;inset:0}.featured-card>*{z-index:1;position:relative}.featured-card--yellow{background:#fae8a2;background:lab(92.3126% -.701308 36.2764)}.featured-card--blue{background:#afdeff;background:lab(86.1257% -10.1338 -22.5082)}.featured-card--green{background:#b9eec2;background:lab(89.451% -23.7784 15.2835)}.featured-card--pink{background:#ffcee0;background:lab(87.3603% 26.5682 -2.37366);min-height:480px}.featured-card--pink .featured-card__main{display:block}.featured-card--pink .featured-card__title{font-size:1.35rem}.featured-card--pink .featured-card__notes li:before{color:#ae4976;color:lab(45.9746% 45.3351 -4.08934)}.featured-card--pink .featured-card__sticky-note--yellow{z-index:2;max-width:64%;margin:0;position:absolute;bottom:18px;right:18px}.featured-card__php{font-family:var(--font-title);letter-spacing:.08em;border:1.5px solid var(--ink);color:#8d2a59;color:lab(34.3725% 44.9994 -4.06735);background:#ffffff80;background:lab(100% 0 0/.5);border-radius:4px;padding:4px 10px;font-size:1.1rem;font-weight:700;position:absolute;top:18px;right:24px;transform:rotate(8deg)}.featured-card__lang{z-index:3;font-family:var(--font-title);letter-spacing:.08em;border:1.5px solid var(--ink);background:#fff9;background:lab(100% 0 0/.6);border-radius:4px;padding:4px 12px;font-size:1.05rem;font-weight:700;position:absolute;top:18px;right:24px;transform:rotate(8deg);box-shadow:2px 2px #21191040;box-shadow:2px 2px lab(9.50747% 2.72595 7.01678/.25)}.featured-card--yellow .featured-card__lang{color:#766200;color:lab(42.3328% 3.07205 65.047)}.featured-card--blue .featured-card__lang{color:#004b7c;color:lab(29.8889% -5.06832 -38.712)}.featured-card--green .featured-card__lang{color:#09672e;color:lab(37.6918% -36.456 24.3006)}.featured-card__sticky-note--yellow{background:#ffeb98;background:lab(93.5609% -.015229 49.8706)}.featured-card__pin{filter:drop-shadow(1px 1px #21191066);filter:drop-shadow(1px 1px lab(9.50747% 2.72595 7.01678/.4));font-size:1.6rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-12deg)}.featured-card__rings{opacity:.85;width:100%;height:22px;position:absolute;top:-4px;left:0;right:0}.featured-card__period{font-family:var(--font-code);color:#342c23bf;color:lab(18.7942% 2.60349 7.45645/.75);margin-bottom:10px;font-size:.82rem}.featured-card__title{margin:0 0 10px;font-size:1.35rem;font-weight:700;line-height:1.25}.featured-card__car{font-size:1.1em}.featured-card__summary{color:#211910e6;color:lab(9.50747% 2.72595 7.01678/.9);font-size:.9rem;line-height:1.55;font-family:var(--font-title);margin:0 0 16px}.featured-card__stack{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.featured-card__stack span{border:1.2px solid var(--ink);font-family:var(--font-code);color:var(--ink);background:#fff6;background:lab(100% 0 0/.4);border-radius:999px;padding:2px 10px;font-size:.78rem}.featured-card__notes{margin:0;padding:0;font-size:.88rem;line-height:1.55;list-style:none}.featured-card__notes li{margin-bottom:4px;padding-left:22px;position:relative}.featured-card--yellow .featured-card__notes li:before,.featured-card--green .featured-card__notes li:before{content:"✓";color:#2f7434;color:lab(43.4451% -33.6908 28.1509);font-weight:800;position:absolute;top:0;left:0}.featured-card--blue .featured-card__notes li:before{content:"✓";color:#005b89;color:lab(35.9509% -10.2743 -37.1626);font-weight:800;position:absolute;top:0;left:0}.featured-card__sticky-note{font-family:var(--font-title);transform:rotate(var(--tilt,0deg));border:1.2px solid #21191099;border:1.2px solid lab(9.50747% 2.72595 7.01678/.6);align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;line-height:1.3;display:flex;position:absolute;box-shadow:2px 3px #21191040;box-shadow:2px 3px lab(9.50747% 2.72595 7.01678/.25)}.featured-card__sticky-note--pink{background:#ffc0e0;background:lab(84.4742% 39.0964 -7.47968);max-width:60%;bottom:18px;left:-10px}.featured-card__sticky-note--blue{text-align:right;background:#97dbff;background:lab(83.9092% -16.2029 -30.1613);flex-direction:row-reverse;max-width:60%;bottom:16px;right:-8px}.featured-card__sticky-smiley{font-size:1.05rem;line-height:1}.featured-card__chart{pointer-events:none;width:80px;height:50px;position:absolute;bottom:56px;right:18px}.featured-card__megaphone{filter:drop-shadow(1px 1px #2119104d);filter:drop-shadow(1px 1px lab(9.50747% 2.72595 7.01678/.3));font-size:2.2rem;position:absolute;bottom:28px;right:16px;transform:rotate(-12deg)}.featured-card__keep-shipping{font-family:var(--font-title);align-items:center;gap:6px;font-size:1rem;font-weight:700;display:flex;position:absolute;bottom:22px;left:18px}.featured-card__heart{color:var(--pink);font-size:1.1rem}.other-projects{margin:24px 0 36px;position:relative}.other-projects__title{font-size:1.6rem;font-weight:700;font-family:var(--font-title);align-items:center;gap:8px;margin:0 0 18px;display:inline-flex;position:relative}.other-projects__title:after{content:"";background:var(--pink-soft);z-index:-1;clip-path:polygon(0 30%,12% 60%,28% 25%,48% 65%,70% 30%,90% 60%,100% 40%,95% 75%,4% 70%);height:8px;position:absolute;bottom:4px;left:0;right:60px}.other-projects__arrow{margin-left:6px;font-size:1.3rem;display:inline-block;transform:rotate(-30deg)}.other-projects__grid{grid-template-columns:repeat(5,1fr);gap:16px;padding:12px 4px 16px;display:grid}.mini-card{border:1.8px solid var(--ink);font-family:var(--font-title);text-align:center;transform:rotate(var(--mini-tilt,0deg));background:#faf5e8;background:lab(96.5937% .452995 6.90197);border-radius:4px 6px;flex-direction:column;align-items:center;gap:6px;padding:16px 14px 18px;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;box-shadow:3px 4px #21191066;box-shadow:3px 4px lab(9.50747% 2.72595 7.01678/.4)}.mini-card:hover{z-index:2;transform:rotate(0)translate(-1px,-3px);box-shadow:4px 6px #21191073;box-shadow:4px 6px lab(9.50747% 2.72595 7.01678/.45)}.mini-card:first-child{--mini-tilt:-2.2deg}.mini-card:nth-child(2){--mini-tilt:1.4deg}.mini-card:nth-child(3){--mini-tilt:-1deg}.mini-card:nth-child(4){--mini-tilt:2deg}.mini-card:nth-child(5){--mini-tilt:-1.4deg}.mini-card__icon{margin-bottom:4px;font-size:1.6rem}.mini-card__title{margin:0;font-size:.95rem;font-weight:700}.mini-card__stack{font-family:var(--font-code);color:#41392fd9;color:lab(24.5969% 2.55409 7.40808/.85);background:var(--pink-soft);border-radius:999px;margin:0;padding:2px 8px;font-size:.75rem}.mini-card--more{box-shadow:none;color:#41392fb3;color:lab(24.5969% 2.55409 7.40808/.7);background:#faf5e899;background:lab(96.5937% .452995 6.90197/.6);border-style:dashed;justify-content:center;font-size:.88rem;line-height:1.45}.mini-card--more p{margin:0}.mini-card--more__icon{color:var(--pink);margin-top:6px;font-size:1.2rem;display:block}.projects-footer{font-family:var(--font-title);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:40px;padding:20px 6px 6px;display:grid}.projects-footer__plant{justify-self:start;align-items:center;gap:8px;font-size:.92rem;display:flex}.projects-footer__plant-cup{font-size:1.8rem;display:inline-block;transform:rotate(-4deg)}.projects-footer__plant-text{color:var(--ink);font-weight:700}.projects-footer__text{color:var(--ink);text-align:center;margin:0;font-size:1rem;font-weight:600}.projects-footer__smiley{color:var(--pink)}.projects-footer__social{justify-self:end;gap:12px;display:flex}.projects-footer__social a{border:1.6px solid var(--ink);width:36px;height:36px;color:var(--ink);background:#fef8eb;background:lab(97.7538% .451982 6.90128);border-radius:50%;place-items:center;transition:transform .16s ease-out,background-color .16s ease-out;display:grid;box-shadow:2px 2px #21191059;box-shadow:2px 2px lab(9.50747% 2.72595 7.01678/.35)}.projects-footer__social a:hover{background:var(--yellow-soft);transform:translate(-1px,-2px)}@media (max-width:980px){.featured-projects{grid-template-columns:1fr}.featured-card{min-height:0}.other-projects__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.projects-hero{grid-template-columns:1fr;gap:16px}.projects-hero__note{justify-self:start;width:150px}.projects-hero__deco--star{left:180px}.projects-title{font-size:2.2rem}.other-projects__grid{grid-template-columns:repeat(2,1fr)}.projects-footer{text-align:center;grid-template-columns:1fr}.projects-footer__plant,.projects-footer__social{justify-self:center}.featured-card{padding:26px 18px 22px}.featured-card__sticky-note{align-self:flex-start;margin:14px 0 4px;font-size:.82rem;transform:rotate(-3deg);max-width:100%!important;position:static!important;inset:auto!important}.featured-card--pink .featured-card__sticky-note--yellow{align-self:flex-end}.featured-card__sticky-note--pink{background:#ffc0e0;background:lab(84.4742% 39.0964 -7.47968)}.featured-card__chart{align-self:flex-end;width:64px;height:40px;margin-top:-8px;position:static}.featured-card__rings{height:18px}.featured-card__sticky-note--blue{text-align:left;flex-direction:row}.featured-card__megaphone{align-self:flex-end;margin-top:4px;font-size:1.8rem;position:static;transform:rotate(-8deg)}.featured-card__keep-shipping{align-self:flex-start;margin-top:6px;position:static}.featured-card__pin{font-size:1.3rem;top:-6px}.featured-card__lang,.featured-card__php{padding:3px 8px;font-size:.85rem;top:12px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}