@font-face{font-family:Scratchy Lemon;src:url(/portfolio/assets/ScratchyLemon-DheCX4rU.otf)format("opentype"),url(/portfolio/assets/ScratchyLemon-D0plNL4y.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#5a5550;--text-light:#736b64;--heading:#1a1714;--bg:#faf8f5;--bg-surface:#f2efeb;--bg-card:#fff;--accent:#846800;--accent-glow:#8468001a;--border:#e5e0da;--radius:16px;--sans:"Inter", system-ui, -apple-system, sans-serif;--display:"Scratchy Lemon", cursive;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;transition:background .4s,color .4s}html{scroll-behavior:smooth}body{min-height:100svh;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#6b5400}h1,h2,h3{color:var(--heading);line-height:1.2}h1,h2{font-family:var(--display)}::selection{background:var(--accent);color:var(--bg)}[data-theme=dark]{--text:#b0bdd4;--text-light:#7e8da8;--heading:#e8edf5;--bg:#0b1220;--bg-surface:#111a2e;--bg-card:#152038;--accent:#d4a500;--accent-glow:#d4a5001a;--border:#1e2d4a}[data-theme=dark] a:hover{color:#aa8e2a}[data-theme=dark] .btn-primary{color:#0b1120;background:#d4a500}[data-theme=dark] .btn-primary:hover{color:#0b1120;background:#e6b400}[data-theme=dark] .btn-ghost{color:#c1c1c1;border-color:#2e2a25}[data-theme=dark] .btn-ghost:hover{color:#d4a500;border-color:#d4a500}.custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:multiply;position:fixed;top:-10px;left:-10px}[data-theme=dark] .custom-cursor{mix-blend-mode:screen}@media (hover:none){.custom-cursor{display:none}}.confetti-canvas{pointer-events:none;z-index:9998;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.container{max-width:880px;margin:0 auto;padding:0 32px}nav{z-index:100;justify-content:space-between;align-items:center;padding:12px 40px;transition:background .4s;display:flex;position:fixed;top:0;left:0;right:0}a.logo{font-family:var(--display);color:var(--heading);letter-spacing:.04em;font-size:1.35rem;text-decoration:none}a.logo:hover{color:var(--accent)}.nav-links{letter-spacing:.03em;align-items:center;gap:28px;font-size:.82rem;display:flex}.nav-links a{color:var(--text);transition:color .25s}.nav-links a:hover{color:var(--heading)}.theme-toggle{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .25s,color .25s,background .25s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.nav-links a.nav-active{color:var(--accent)}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;padding:4px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:20px;height:2px;margin:4px 0;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}#hero{text-align:center;background:radial-gradient(ellipse at 50% 30%, var(--accent-glow) 0%, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:80px 32px 60px;display:flex;position:relative}.hero-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-star{opacity:.18;animation:3s ease-in-out infinite alternate twinkle;position:absolute}.star-0{width:60px;animation-delay:0s;top:8%;left:6%}.star-1{width:44px;animation-delay:.4s;top:14%;left:85%}.star-2{width:72px;animation-delay:1.1s;top:25%;left:15%}.star-3{width:38px;animation-delay:.7s;top:20%;left:72%}.star-4{width:54px;animation-delay:1.5s;top:40%;left:4%}.star-5{width:48px;animation-delay:.2s;top:35%;left:92%}.star-6{width:68px;animation-delay:2s;top:55%;left:10%}.star-7{width:40px;animation-delay:.9s;top:50%;left:88%}.star-8{width:52px;animation-delay:1.3s;top:65%;left:20%}.star-9{width:44px;animation-delay:.6s;top:70%;left:80%}.star-10{width:58px;animation-delay:1.8s;top:80%;left:8%}.star-11{width:36px;animation-delay:2.2s;top:78%;left:90%}.star-12{width:48px;animation-delay:1s;top:45%;left:30%}.star-13{width:40px;animation-delay:1.6s;top:60%;left:70%}@keyframes twinkle{0%{opacity:.2;transform:scale(.85)}to{opacity:.5;transform:scale(1.1)}}.hero-center{align-items:center;gap:px;z-index:1;flex-direction:column;display:flex;position:relative}.hero-avatar{object-fit:cover;object-position:center 18%;cursor:pointer;width:255px;height:auto;transition:transform .2s}.hero-avatar:hover{animation:.6s ease-in-out wobble}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(6deg)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}#hero h1{letter-spacing:.1em;margin-bottom:4px;font-size:3.7rem;font-weight:500}.hero-role{color:var(--text);letter-spacing:.04em;min-height:1.7em;margin-bottom:32px;font-size:1.05rem}.typed-cursor{color:var(--accent);margin-left:1px;font-weight:300;transition:opacity .1s}.typed-cursor.hidden{opacity:0}.hero-cta{gap:14px;display:flex}.btn{letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;padding:10px 28px;font-size:.88rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-primary{color:var(--heading);background:#e6b400}.btn-primary:hover{color:var(--heading);background:#d4a500;box-shadow:0 4px 20px #84680040}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.scroll-indicator{color:var(--text-light);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;display:flex;position:absolute;bottom:0}.scroll-line{background:linear-gradient(to bottom, var(--border), transparent);width:1px;height:40px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.heading-with-underline{display:inline-block}.heading-with-underline h2{margin-bottom:0}.squiggly-underline{opacity:.45;width:100%;height:8px;margin-top:2px;margin-bottom:16px;display:block}#about{background:var(--bg-surface);padding:100px 0}.about-grid{grid-template-columns:auto 1fr;align-items:start;gap:56px;display:grid}.about-avatar-col{justify-content:center;display:flex}.about-avatar{border-radius:var(--radius);opacity:.9;filter:brightness(1.2);width:250px}.about-text-col h2{letter-spacing:.05em;margin-bottom:16px;font-size:2.2rem;font-weight:500}.about-text-col p{margin-bottom:12px;font-size:.94rem}.about-buttons{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.resume-btn{gap:8px}.fun-facts-card{color:#5a5550;background:#fef9e0;border-radius:4px;margin-top:50px;padding:24px 28px;animation:.3s facts-pop;position:relative;transform:rotate(.6deg);box-shadow:2px 3px 12px #00000014,0 1px 3px #0000000f}[data-theme=dark] .fun-facts-card{color:#d0d8e8;background:#1a2640;box-shadow:2px 3px 12px #0000004d,0 1px 3px #0003}.fun-facts-tape{background:#e6b40073;border-radius:2px;width:60px;height:22px;position:absolute;top:-10px;left:24px;transform:rotate(-3deg)}.fun-facts-card ul{padding:0;list-style:none}.fun-facts-card li{padding:6px 0 6px 24px;font-size:.9rem;line-height:1.5;position:relative}.fun-facts-card li:before{content:"✧";color:var(--accent);position:absolute;left:0}@keyframes facts-pop{0%{opacity:0;transform:rotate(.6deg)translateY(8px)scale(.97)}to{opacity:1;transform:rotate(.6deg)translateY(0)scale(1)}}.fun-facts-photos{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:18px;display:flex}.polaroid{text-align:center;background:#fff;border-radius:2px;flex-shrink:0;width:110px;padding:10px 6px 24px;box-shadow:1px 2px 8px #0000001a}[data-theme=dark] .polaroid{background:var(--bg);box-shadow:1px 2px 8px #0000004d}.polaroid-img{aspect-ratio:1;object-fit:cover;border-radius:1px;width:100%;display:block}.polaroid-img img{object-fit:cover;object-position:center;width:100%;height:100%}.placeholder-img{background:var(--bg-surface);color:var(--text-light);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.7rem;display:flex}.polaroid-caption{color:var(--text-light);margin-top:6px;font-size:.7rem;font-style:italic;display:block}[data-theme=dark] .polaroid-caption{color:#fff}.label{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:8px;font-size:.72rem}.skills-block{margin-top:72px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skills-category{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:28px;transition:border-color .3s,box-shadow .3s,transform .3s}.skills-category:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 28px #0000000f}.skills-category-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.skills-icon{background:var(--accent-glow);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skills-category h3{letter-spacing:.02em;font-size:1rem;font-weight:600}.skills-items{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{letter-spacing:.02em;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-block}.skill-chip:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}#experience{background:var(--bg-surface);padding:100px 0}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:6px}.timeline-item{padding-bottom:40px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--bg);border:2px solid var(--accent);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-32px}.timeline-item:first-child .timeline-marker{background:var(--accent)}.timeline-content h3{margin-bottom:2px;font-size:1.1rem;font-weight:600}.timeline-company{color:var(--accent);margin-bottom:8px;font-size:.9rem;font-weight:500}.timeline-content p{font-size:.9rem;line-height:1.6}.timeline-content .tag-row{margin-top:12px}.timeline-date{letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px;font-size:.72rem;display:inline-block}#projects{padding:100px 0}.section-title{letter-spacing:.05em;margin-bottom:48px;font-size:2.2rem;font-weight:500}.project-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:transform .3s,border-color .3s,box-shadow .3s;animation:.5s both card-pop;overflow:hidden}.project-card:first-child{animation-delay:0s}.project-card:nth-child(2){animation-delay:80ms}.project-card:nth-child(3){animation-delay:.16s}.project-card:nth-child(4){animation-delay:.24s}.project-card:nth-child(5){animation-delay:.32s}.project-card:nth-child(6){animation-delay:.4s}@keyframes card-pop{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-preview{justify-content:center;align-items:center;height:0;transition:height .35s;display:flex;position:relative;overflow:hidden}.card-preview img{object-fit:cover;opacity:.7;object-position:top;border-radius:4px;width:100%;height:100%}.card-preview:after{content:"";pointer-events:none;background:#00000005;width:100%;height:100%;position:absolute;top:0;left:0}.project-card:hover .card-preview{height:100px}.card-body{padding:28px}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 28px #0000000f}.card-number{font-family:var(--display);color:var(--accent);opacity:.7;margin-bottom:12px;font-size:2rem}.project-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.project-card p{color:var(--text);margin-bottom:14px;font-size:.88rem;line-height:1.6}.card-links{gap:18px;font-size:.82rem;display:flex}.card-links a{color:var(--text);transition:color .2s}.card-links a:hover{color:var(--accent)}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag{letter-spacing:.03em;background:var(--accent-glow);color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.publications{margin-top:80px}.pub-list{flex-direction:column;gap:20px;display:flex}.pub-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:border-color .3s,box-shadow .3s;position:relative}.pub-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #0000000f}.pub-card summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:22px 28px;list-style:none;display:flex}.pub-card summary::-webkit-details-marker{display:none}.pub-card summary:after{content:"+";color:var(--text-muted);flex-shrink:0;font-size:1.2rem;font-weight:300}.pub-card[open] summary:after{content:none}.pub-card summary h3{flex:100%;margin:0;font-size:1.05rem;font-weight:600}.pub-card summary .pub-venue{color:var(--accent);flex:1 1 0;margin:0;font-size:.8rem;font-style:italic;font-weight:500}.pub-details{padding:0 28px 24px;animation:.25s pub-expand}@keyframes pub-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pub-award-corner{letter-spacing:.02em;text-transform:uppercase;color:#846800;white-space:nowrap;background:#e6b4001f;border:1px solid #e6b40040;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.pub-award-corner svg{fill:#846800;stroke:none;flex-shrink:0;width:12px;height:12px}[data-theme=dark] .pub-award-corner{color:#e6b400;background:#d4a5001f;border-color:#d4a50040}[data-theme=dark] .pub-award-corner svg{fill:#e6b400;stroke:none}.pub-role{color:var(--accent);font-style:italic;font-weight:500}.pub-authors{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-style:italic;line-height:1.5}.pub-divider{border:none;border-top:1.5px solid var(--border);width:32px;margin:0 0 12px}.pub-venue-full{color:var(--accent);margin-bottom:14px;font-size:.78rem;font-weight:500}.pub-details>p:not(.pub-authors):not(.pub-venue-full){color:var(--text);margin-bottom:16px;font-size:.9rem;line-height:1.7}.pub-details .card-links{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pub-collapse{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;margin-left:auto;padding:5px 14px;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s}.pub-collapse:hover{color:var(--accent);border-color:var(--accent)}#contact{padding:100px 0}.social-row a{align-items:center;gap:6px;display:inline-flex}.sticky-note{text-align:center;color:#5a5550;background:#fef9e0;border-radius:4px;max-width:500px;margin:0 auto;padding:48px 40px 40px;position:relative;transform:rotate(-.8deg);box-shadow:2px 3px 12px #00000014,0 1px 3px #0000000f}[data-theme=dark] .sticky-note{color:#d0d8e8;background:#1a2640;box-shadow:2px 3px 12px #0000004d,0 1px 3px #0003}[data-theme=dark] .sticky-note .label{color:#d7c26c}.sticky-note .label{color:#846800}.sticky-note h2{color:#1a1714;letter-spacing:.05em;margin-bottom:16px;font-size:2.4rem;font-weight:500}[data-theme=dark] .sticky-note h2{color:#f0e8d8}.sticky-tape{background:#e6b40073;border-radius:2px;width:80px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(2deg)}.contact-body{max-width:380px;margin:0 auto 28px;font-size:.94rem}.sticky-note .btn-primary{color:#1a1714}.social-row{justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:.85rem;display:flex}.social-row a{color:var(--text);transition:color .2s}.social-row a:hover{color:var(--heading)}.dot{background:var(--text-light);border-radius:50%;width:4px;height:4px}footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border);padding:32px;font-size:.75rem}@media (width<=700px){nav{-webkit-backdrop-filter:none;background:0 0;padding:12px 20px}.hamburger{display:block}.nav-links{background:var(--bg);border-left:1px solid var(--border);z-index:99;flex-direction:column;align-items:flex-start;gap:20px;width:220px;height:100dvh;padding:72px 28px 32px;font-size:.92rem;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000014}.nav-links.nav-open{transform:translate(0)}nav{padding:12px 20px}#hero{padding:72px 24px 48px}#hero h1{font-size:2.4rem}.hero-avatar{width:140px;height:auto}.hero-cta{flex-direction:column;gap:10px}.about-grid{text-align:center;grid-template-columns:1fr;gap:32px}.about-avatar{width:180px;margin:0 auto}.about-text-col h2{font-size:1.8rem;font-weight:500}.about-buttons{justify-content:center}.section-title{font-size:1.8rem}.skills-grid,.project-grid{grid-template-columns:1fr}.sticky-note{padding:40px 24px 32px}.sticky-note h2{font-size:1.8rem;font-weight:500}#about,#projects,#experience,#contact{padding:72px 0}.section-inner,.container{padding:0 20px}}