@keyframes tileIn{from{opacity:0;transform:translateY(-34px) rotate(-11deg)}to{opacity:1}}@keyframes eraseName{0%,52%{opacity:1;filter:none}100%{opacity:.3;filter:grayscale(1)}}@keyframes strike{to{transform:rotate(-32deg) scaleX(1)}}@keyframes swapIn{to{opacity:1;transform:rotate(-10deg) scale(1)}}@keyframes nicknameIn{from{opacity:0;transform:translateY(-8px) rotate(-5deg)}to{opacity:1;transform:translateY(0)}}@keyframes tagIn{from{opacity:0;transform:translateX(45px) rotate(-15deg)}to{opacity:1;transform:rotate(-9deg)}}@keyframes float{50%{transform:translateY(-7px) rotate(-7deg)}}@keyframes draw{to{stroke-dashoffset:0}}.quick-nav{display:flex;gap:16px}.quick-nav a{font-size:9px;color:#9cad9f;text-decoration:none}.quick-nav a:hover{color:#00c97a}.letter{animation:tileIn .38s both}.letter:nth-child(2){animation-delay:.12s}.letter:nth-child(3){animation-delay:.24s}.letter:nth-child(4){animation-delay:.36s}.letter:nth-child(5){animation-delay:.48s}.letter:nth-child(6){animation-delay:.6s}.letter:nth-child(7){animation-delay:.72s}.letter.erased{opacity:1;animation:tileIn .38s both,eraseName .55s 1.65s forwards}.letter.erased:after{transform:rotate(-32deg) scaleX(0);transform-origin:center;animation:strike .35s 1.7s forwards}.replaced b{opacity:0;animation:swapIn .28s 2.22s forwards}.nickname{opacity:0;animation:nicknameIn .45s 2.55s forwards}.graffiti{opacity:0;animation:tagIn .65s .55s forwards}.hero-sticker{animation:float 3.4s ease-in-out infinite}.go{animation-delay:.3s}.python{animation-delay:.7s}.paper-squiggle path{stroke-dasharray:430;stroke-dashoffset:430;animation:draw 1.3s 1.1s forwards}.hero-paper:hover .mini-card{transform:translateY(-5px) rotate(0deg);transition:transform .25s}.mini-card{transition:transform .25s}.motion-ready .section,.motion-ready .contact{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease}.motion-ready .section.visible,.motion-ready .contact.visible{opacity:1;transform:none}.project-paper{transition:transform .25s,box-shadow .25s}.project-paper:hover{transform:translateY(-8px) rotate(0deg);box-shadow:12px 14px 0 rgba(0,0,0,.3)}.field{transition:transform .25s}.field:hover{transform:translateY(-5px) rotate(0deg)}@media(max-width:700px){.quick-nav{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .section,.motion-ready .contact{opacity:1;transform:none}}