@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Fira+Code:wght@400;600&family=Playfair+Display:wght@700;900&display=swap";
:root{--bg-cream:#f2ede4;--bg-warm:#e8e0d4;--paper-white:#faf8f5;--ink-black:#1a1a1a;--ink-gray:#555;--ink-light:#999;--accent-yellow:#f5c842;--accent-orange:#e8913a;--accent-red:#d94f4f;--accent-blue:#4a8fe7;--accent-green:#5cb270;--accent-pink:#e884a8;--handwritten:"Caveat", cursive;--clean:"Space Grotesk", sans-serif;--serif:"Playfair Display", serif;--mono:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-cream);color:var(--ink-black);font-family:var(--clean);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 30%,#e8913a0f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4a8fe70a 0%,#0000 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");overflow-x:hidden}a{color:inherit;text-decoration:none}.paper-card{background:var(--paper-white);position:relative;box-shadow:2px 3px 12px #00000014,0 1px 3px #0000000f}.paper-card-torn{background:var(--paper-white);clip-path:polygon(0% 0%,3% 1%,6% 0%,9% 1.5%,12% 0%,15% .5%,18% 0%,21% 1%,24% 0%,27% 1.5%,30% 0%,33% .5%,36% 0%,39% 1%,42% 0%,45% .5%,48% 0%,51% 1%,54% 0%,57% .5%,60% 0%,63% 1%,66% 0%,69% 1.5%,72% 0%,75% .5%,78% 0%,81% 1%,84% 0%,87% .5%,90% 0%,93% 1%,96% 0%,100% .5%,100% 100%,0% 100%);position:relative;box-shadow:2px 3px 12px #00000014}.crumpled-paper{background-blend-mode:multiply;filter:sepia(.25)contrast(.9)brightness(.97);clip-path:polygon(0% 0%,100% 0%,99% 5%,100% 10%,98% 15%,100% 20%,99% 25%,100% 30%,98% 35%,100% 40%,99% 45%,100% 50%,98% 55%,100% 60%,99% 65%,100% 70%,98% 75%,100% 80%,99% 85%,100% 90%,98% 95%,100% 100%,95% 99%,90% 100%,85% 98%,80% 100%,75% 99%,70% 100%,65% 98%,60% 100%,55% 99%,50% 100%,45% 98%,40% 100%,35% 99%,30% 100%,25% 98%,20% 100%,15% 99%,10% 100%,5% 98%,0% 100%);background-color:#e8ddbf;background-image:url(/paper-texture.png);background-size:cover;position:relative;box-shadow:3px 5px 18px #00000024,0 1px 4px #00000014}.crumpled-paper>*{z-index:1;position:relative}.notebook-paper{background:var(--paper-white);background-image:linear-gradient(#4a8fe726 1px,#0000 1px);background-position:0 40px;background-size:100% 28px;position:relative;box-shadow:2px 3px 12px #00000014}.notebook-paper:before{content:"";background:#d94f4f40;width:2px;position:absolute;top:0;bottom:0;left:50px}.tape{z-index:2;background:#f5c84280;border-left:1px dashed #0000000d;border-right:1px dashed #0000000d;height:26px;position:absolute}.tape-sm{width:60px}.tape-md{width:90px}.tape-lg{width:120px}.washi-tape{z-index:2;opacity:.7;height:24px;position:absolute}.washi-pink{background:repeating-linear-gradient(45deg,#fda4af,#fda4af 4px,#fecdd3 4px 8px)}.washi-blue{background:repeating-linear-gradient(45deg,#93c5fd,#93c5fd 4px,#bfdbfe 4px 8px)}.washi-green{background:repeating-linear-gradient(45deg,#86efac,#86efac 4px,#bbf7d0 4px 8px)}.paper-clip{z-index:4;border:3px solid #999;border-top:none;border-radius:0 0 10px 10px;width:22px;height:50px;position:absolute}.paper-clip:before{content:"";border:3px solid #999;border-top:none;border-radius:0 0 7px 7px;width:14px;height:30px;position:absolute;top:-20px;left:1px}.pin{background:var(--accent-red);z-index:3;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d}.pin-yellow{background:var(--accent-yellow)}.pin-blue{background:var(--accent-blue)}.sticky-note{font-family:var(--handwritten);padding:1rem 1.2rem;font-size:1.15rem;line-height:1.4;box-shadow:2px 3px 8px #0000001f}.sticky-yellow{color:#713f12;background:#fef9c3}.sticky-pink{color:#831843;background:#fce7f3}.sticky-blue{color:#1e3a5f;background:#dbeafe}.sticky-green{color:#14532d;background:#dcfce7}.sticky-orange{color:#7c2d12;background:#fed7aa}.photo-frame{background:#fff;padding:6px;box-shadow:2px 4px 14px #0000001f}.sticker{border:2px solid;border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.coffee-stain{pointer-events:none;border:4px solid #8b5a2b14;border-radius:50%;width:100px;height:100px;position:absolute}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}.board-grid{grid-template-columns:1fr!important}.hero-right{min-height:400px;margin-top:2rem}.project-row{flex-direction:column!important}.project-images{grid-template-columns:1fr!important}}@media (max-width:480px){.skills-grid{grid-template-columns:1fr 1fr!important}}section[id]{scroll-margin-top:80px}