:root{--font-heading:"Archivo Black", "Space Grotesk", sans-serif;--font-body:"Space Grotesk", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--ink:#181a1f;--canvas:#f7f5ee;--card:#fff;--text:#181a1f;--text-muted:#5c5f63;--blue:#2e63e7;--blue-soft:#dbe6ff;--green:#16a669;--green-soft:#d4f3e4;--teal:#0fa8a0;--teal-soft:#cdf2ee;--yellow:#ffc93c;--yellow-soft:#fff0c2;--radius:16px;--radius-sm:10px;--shadow-sm:3px 3px 0 0 var(--ink);--shadow:5px 5px 0 0 var(--ink);--shadow-lg:8px 8px 0 0 var(--ink)}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--canvas);color:var(--text);background-image:radial-gradient(#181a1f1f 1.2px,#0000 1.2px);background-size:22px 22px;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.site-header{text-align:center;background:var(--blue);color:#fff;border-bottom:4px solid var(--ink);padding:3rem 1.25rem 3.5rem;position:relative;overflow:hidden}.site-header:before{content:"";z-index:0;transform-origin:50%;pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:-60% -20%;transform:perspective(300px)rotateX(65deg);-webkit-mask-image:linear-gradient(#0000 0%,#0009 27%,#000000e6 45%,#0000008c 58%,#0000 70%);mask-image:linear-gradient(#0000 0%,#0009 27%,#000000e6 45%,#0000008c 58%,#0000 70%)}.hero-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.hero-burst{z-index:0;width:64px;height:64px;position:absolute}.hero-burst-1{top:8%;right:10%}.hero-burst-2{width:34px;height:34px;bottom:12%;left:7%}.hero-burst path{fill:var(--yellow);stroke:var(--ink);stroke-width:5px;stroke-linejoin:round}.hero-burst-2 path{fill:var(--green)}.photo-frame-wrap{width:176px;margin:0 auto 1.5rem;position:relative}.photo-frame{border:3px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);transition:transform .15s ease-out,box-shadow .15s ease-out;overflow:hidden;transform:rotate(-2deg)}.photo-frame:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.photo-frame-bar{background:var(--yellow);border-bottom:3px solid var(--ink);align-items:center;gap:5px;height:22px;padding:0 8px;display:flex}.photo-frame-dot{border:1.5px solid var(--ink);background:var(--card);border-radius:50%;width:7px;height:7px}.photo-frame-photo{aspect-ratio:1;background:var(--card);width:100%;position:relative}.photo-frame-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s ease-in-out}.photo-frame-photo img.loaded{opacity:1}.photo-loader{border:4px solid var(--blue-soft);border-top:4px solid var(--ink);border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.speech-bubble{background:var(--card);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:var(--font-heading);padding:.35rem .7rem;font-size:.8rem;position:absolute;top:-6px;right:-58px;transform:rotate(6deg)}.speech-bubble:after{content:"";background:var(--card);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-9px;left:22px;transform:rotate(45deg)}.tenure-sticker{background:var(--yellow);width:74px;height:74px;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-sm);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;bottom:-14px;left:-18px;transform:rotate(-9deg)}.tenure-sticker strong{font-family:var(--font-heading);font-size:1.05rem}.tenure-sticker span{text-transform:uppercase;letter-spacing:.02em;font-size:.55rem;font-weight:700}.site-header h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 .4rem;font-size:2.1rem}.site-header p{margin:.3rem 0;font-size:1.05rem;font-weight:500}.social-links{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.social-links a{background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out;display:inline-flex}.social-links a:first-child{background:var(--yellow)}.social-links a:nth-child(2){background:var(--green)}.social-links a:nth-child(3){background:var(--card)}.social-links a:nth-child(4){background:var(--blue-soft)}.social-links a:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.social-links a:active{box-shadow:0 0 0 0 var(--ink);transform:translate(3px,3px)}.social-icon{width:16px;height:16px}section{max-width:900px;margin:2.75rem auto;padding:0 1.25rem}h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin:0 0 1.25rem;padding:.4rem .9rem;font-size:1.15rem;display:inline-block}#root>section:nth-of-type(4n+1) h2{background:var(--teal-soft)}#root>section:nth-of-type(4n+2) h2{background:var(--yellow-soft)}#root>section:nth-of-type(4n+3) h2{background:var(--blue-soft)}#root>section:nth-of-type(4n) h2{background:var(--green-soft)}.tech-stack{flex-wrap:wrap;gap:.85rem;display:flex}.stack-item{border:3px solid var(--ink);box-shadow:var(--shadow-sm);cursor:default;border-radius:999px;padding:.75rem 1.3rem;font-weight:700;transition:transform .15s ease-out,box-shadow .15s ease-out}.stack-item:nth-child(4n+1){background:var(--blue);color:#fff}.stack-item:nth-child(4n+2){background:var(--green);color:var(--ink)}.stack-item:nth-child(4n+3){background:var(--teal);color:var(--ink)}.stack-item:nth-child(4n){background:var(--yellow);color:var(--ink)}.stack-item:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.project-card{background:var(--card);color:var(--text);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;padding:1.1rem 1.3rem;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex}.project-card:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.project-card a{font-family:var(--font-heading);color:var(--text);word-break:break-word;font-size:.95rem;text-decoration:none}.project-card a:hover{text-decoration:underline}.project-card p{margin:.5rem 0 .75rem;font-size:.95rem}.project-meta{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.75rem;font-size:.75rem;font-weight:700;display:flex}.project-meta span{border:2px solid var(--ink);background:var(--canvas);border-radius:999px;padding:.2rem .6rem}.project-pin{color:var(--ink);background:var(--yellow)!important}.experience-item{background:var(--card);color:var(--text);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.1rem 1.3rem;transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative}.experience-item:before{content:"";border:2px solid var(--ink);border-radius:50%;width:11px;height:11px;position:absolute;top:1.4rem;left:3px}.experience-item:nth-child(4n+1):before{background:var(--blue)}.experience-item:nth-child(4n+2):before{background:var(--green)}.experience-item:nth-child(4n+3):before{background:var(--teal)}.experience-item:nth-child(4n):before{background:var(--yellow)}.experience-item strong{font-family:var(--font-heading);letter-spacing:.02em;font-size:.85rem}.experience-item a{color:inherit;text-decoration:none}.experience-item a:hover{text-decoration:underline}.experience-item:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.site-footer{text-align:center;background:var(--ink);color:var(--canvas);border-top:4px solid var(--ink);padding:2.25rem 1rem}.go-to-top{z-index:99;border:3px solid var(--ink);background-color:var(--yellow);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:transform .15s ease-out,box-shadow .15s ease-out,opacity .3s,visibility .3s;display:flex;position:fixed;bottom:30px;right:30px}.go-to-top.show{opacity:1;visibility:visible}.go-to-top:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.go-to-top:active{box-shadow:0 0 0 0 var(--ink);transform:translate(5px,5px)}.go-to-top svg{width:20px;height:20px}@media (width<=480px){.speech-bubble{right:-8px}.tenure-sticker{left:-8px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}