@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap";:root{--bg:#fbf4e8;--surface:#fffaf1;--text:#4a3f35;--text-h:#2a211b;--muted:#8a7b6d;--stitch:#d9c7ae;--accent:#e8473c;--accent-2:#2f8fd8;--accent-3:#f2b632;--accent-4:#4bab5e;--shadow:0 6px 0 #4a3f351f, 0 14px 30px -12px #4a3f3540;--sans:"Nunito", system-ui, sans-serif;--heading:"Fredoka", "Nunito", system-ui, sans-serif;font:18px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (width<=720px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg:#221c17;--surface:#2c251f;--text:#e6dacb;--text-h:#fff7ec;--muted:#a8988a;--stitch:#4a3f35;--shadow:0 6px 0 #00000059, 0 14px 30px -12px #0009}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0 0 .5em;line-height:1.1}a{color:inherit}img{max-width:100%}.sticker{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 10px #4a3f3540);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block}.sticker:hover{transform:rotate(-6deg)scale(1.06)}.side-nav{z-index:10;flex-direction:column;align-items:flex-end;gap:18px;display:flex;position:fixed;top:50%;right:clamp(24px,4vw,48px);transform:translateY(-50%)}.side-nav a{color:var(--muted);font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .2s}.side-nav a:hover{color:var(--text)}.side-nav a[aria-current]{color:var(--text-h);font-weight:700}@media (width>=1024px){main{padding-right:max(48px,760px - 50vw)}}@media (width<=1023px){.side-nav{display:none}}main{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.section{border-top:2px dashed var(--stitch);padding:clamp(56px,9vw,110px) 0}.section h2{font-size:clamp(2rem,5vw,3rem)}.muted{color:var(--muted);font-weight:500}.btn{border:2px solid var(--text-h);font-family:var(--heading);color:var(--text-h);background:var(--surface);box-shadow:0 4px 0 var(--text-h);border-radius:999px;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{box-shadow:0 2px 0 var(--text-h);transform:translateY(2px)}.btn-primary{background:var(--accent);color:#fff}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;min-height:100svh;padding:40px 0;display:grid}.hero-hello{width:clamp(220px,30vw,340px);margin-bottom:16px;transform:rotate(-4deg)translate(-96px)}.hero-hello:hover{transform:rotate(4deg)scale(1.06)}.hero h1{font-size:clamp(2.6rem,7vw,4.8rem)}.highlight{background:linear-gradient(transparent 60%, color-mix(in srgb, var(--accent-3) 70%, transparent) 60%)}.hero-role{font-family:var(--heading);color:var(--accent-2);margin:0;font-size:1.4rem}.hero-tagline{max-width:32ch;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-art{place-items:center;display:grid;position:relative}.hero-portrait{width:min(100%,440px);transform:rotate(3deg)}.float{width:clamp(80px,12vw,140px);animation:4s ease-in-out infinite bob;position:absolute}.float-duck{bottom:0;left:0}.float-code{animation-delay:-2s;top:4%;right:0}@keyframes bob{50%{translate:0 -12px}}@media (width<=820px){.hero{text-align:center;grid-template-columns:1fr;min-height:auto}.hero-hello,.hero-tagline{margin-inline:auto}.hero-hello{translate:none}.hero-actions{justify-content:center}.hero-art{order:-1}.hero-portrait{width:min(70%,320px)}}.about{grid-template-columns:260px 1fr;align-items:center;gap:48px;display:grid}.section-sticker{width:100%;transform:rotate(-5deg)}@media (width<=720px){.about{grid-template-columns:1fr}.section-sticker{width:160px;margin:0 auto}}.chips{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chips li{border:2px dashed var(--stitch);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:700}.chips li:nth-child(4n+1){color:var(--accent)}.chips li:nth-child(4n+2){color:var(--accent-2)}.chips li:nth-child(4n+3){color:#c98a00}.chips li:nth-child(4n+4){color:var(--accent-4)}.chips.small{margin-top:auto;padding-top:16px}.chips.small li{padding:3px 10px;font-size:.8rem}.projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px;margin-top:32px;display:grid}.card{background:var(--surface);outline:2px dashed var(--stitch);outline-offset:-10px;box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));border-radius:24px;flex-direction:column;padding:28px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.card:hover{transform:rotate(0)translateY(-6px)}.card-sticker{width:110px;margin:-8px 0 12px -6px}.card:hover .card-sticker{transform:rotate(-8deg)scale(1.1)}.card h3{font-size:1.5rem}.card p{margin:0}.timeline{margin:32px 0 0;padding:0;list-style:none}.timeline li{border-bottom:2px dashed var(--stitch);grid-template-columns:160px 1fr;gap:24px;padding:20px 0;display:grid}.timeline h3{margin-bottom:4px;font-size:1.25rem}.timeline p{margin:0}.period{font-family:var(--heading);color:var(--accent-2);font-weight:600}@media (width<=600px){.timeline li{grid-template-columns:1fr;gap:4px}}.contact{text-align:center}.contact-sticker{width:120px;margin:0 auto 16px;transform:rotate(8deg)}.contact>p{max-width:40ch;margin:0 auto 28px}.contact-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{text-align:center;color:var(--muted);border-top:2px dashed var(--stitch);padding:32px 16px;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}