:root{--bg:#10130f;--mint:#b4e7ad;--pale-mint:#d4f3c8;--cyan:#b8f7a4;--pink:#a7df6f;--soft-pink:#ccebbd;--mint-bg:#c8e9bf;--accent-hover:#ddff9f;color:#fff;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Avenir,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}button,a{font:inherit}.portfolio{background:var(--bg);min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:flex-start;gap:32px;max-width:1170px;margin:0 auto;padding:26px 4px 0;animation:.56s both slide-fade-in;display:flex}.brand{color:var(--mint);text-decoration:none;transition:color .18s,transform .18s}.brand:hover{color:var(--accent-hover);transform:translateY(-1px)}.brand strong{letter-spacing:0;font-size:clamp(2.7rem,5vw,3.8rem);font-weight:800;line-height:.95;display:block}.brand span{color:var(--cyan);margin-top:4px;font-size:1.14rem;line-height:1.25;display:block}.socials{align-items:center;gap:24px;padding-top:1px;display:flex}.socials a{color:var(--pink);justify-content:center;align-items:center;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.socials a:hover{color:var(--accent-hover);transform:translateY(-3px)}.socials svg{fill:currentColor;width:43px;height:43px}.resume-link{border:2px solid var(--pink);border-radius:4px;gap:7px;min-height:38px;padding:0 10px;font-size:1.04rem;line-height:1;transition:background .18s,box-shadow .18s,transform .18s}.resume-link:hover{background:#a7df6f1a;box-shadow:0 0 0 4px #a7df6f17}.resume-link svg{width:18px;height:18px}.intro{grid-template-columns:246px minmax(0,840px);align-items:center;gap:50px;max-width:1170px;min-height:515px;margin:0 auto;padding:31px 4px 36px;animation:.66s 80ms both page-rise;display:grid}.intro-copy{max-width:850px;color:var(--soft-pink)}.intro-copy h2{color:var(--pale-mint);margin:0 0 16px;font-size:clamp(2.1rem,4vw,3.3rem);font-weight:800;line-height:1}.intro-copy p{color:var(--soft-pink);margin:0;font-size:clamp(1.45rem,2.15vw,1.95rem);font-weight:400;line-height:1.22}.intro-copy p+p{margin-top:22px}.intro-copy strong{color:var(--pale-mint);font-weight:800}.profile-photo{background:#edf2df;border:4px solid #a9d68e;border-radius:50%;width:246px;height:246px;transition:border-color .2s,transform .24s;animation:.62s .17s both soft-pop;position:relative;overflow:hidden}.profile-photo:hover{border-color:var(--accent-hover);transform:translateY(-4px)scale(1.015)}.profile-photo *{position:absolute}.mural{filter:saturate(.6);background:radial-gradient(circle at 15% 20%,#0000 0 25px,#c49a71 26px 34px,#0000 36px),radial-gradient(circle at 86% 18%,#0000 0 22px,#b88960 23px 31px,#0000 33px),linear-gradient(105deg,#efe6dc 0 28%,#b4a7a5 29% 34%,#efece4 35% 70%,#bbb5aa 71%);inset:0}.head{background:#d7bca6;border-radius:48% 48% 42% 42%;width:77px;height:88px;top:42px;left:82px}.ear{background:#caa98f;border-radius:50%;width:18px;height:26px;top:91px}.left-ear{left:73px}.right-ear{right:76px}.eye{background:#333;border-radius:50%;width:8px;height:5px;top:83px}.left-eye{left:103px}.right-eye{right:106px}.nose{background:#b79075;border-radius:999px;width:9px;height:25px;top:91px;left:119px}.beard{background:radial-gradient(circle at 52% 16%,#6d493e 0 18px,#0000 19px),linear-gradient(100deg,#8b6656,#4d332b 42%,#6b4a3f 74%,#3f2b27);border-radius:30% 30% 46% 46%;width:96px;height:104px;top:104px;left:73px}.hoodie{background:#77776f;border-radius:40px 40px 0 0;width:158px;height:102px;top:168px;left:43px}.section-block{max-width:1170px;margin:0 auto;padding:34px 4px 0;animation:.62s both page-rise}.section-block h2,.project-detail h2{color:var(--pale-mint);margin:0 0 21px;font-size:2.02rem;font-weight:800;line-height:1.05}.project-grid,.education-grid,.detail-grid{gap:16px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.education-grid{grid-template-columns:minmax(0,1fr)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{cursor:pointer;text-align:left;width:100%;min-height:220px;color:inherit;background:#222;border:0;padding:0;transition:background .18s,box-shadow .22s,transform .22s;display:block;overflow:hidden;transform:translateY(0)}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0000003d}.project-card:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.project-card:hover .project-image{filter:brightness(1.08)saturate(1.06)}.project-card-body{background:#242424;padding:0 23px 29px}.project-meta{color:#fff;z-index:1;background:linear-gradient(90deg,#101010bd,#10101040);width:calc(100% + 46px);min-height:34px;margin:-34px -23px 24px;padding:8px 23px 0;font-size:.9rem;font-weight:700;line-height:1;position:relative}.project-card-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:3px;display:flex}.project-card-heading h3{color:var(--pink);margin:0;font-size:1.5rem;font-weight:800;line-height:1.05}.project-card-heading span{color:var(--pink);font-size:3rem;font-weight:300;line-height:.7;transition:transform .18s}.project-card:hover .project-card-heading span{transform:translate(6px)}.project-card-body p{color:#ddd;margin:0;font-size:1.17rem;line-height:1.36}.project-card-body p+p{margin-top:25px}.project-image{aspect-ratio:16/9;height:auto;position:relative;overflow:hidden}.screenshot-scene{background:#08100d}.screenshot-scene img,.project-hero-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.binary-scene{background:linear-gradient(90deg,#43d2cf3d 2px,#0000 2px) 0 0/55px 55px,linear-gradient(0deg,#43d2cf33 2px,#0000 2px) 0 0/55px 55px,#26313d}.binary-scene:before{content:"";background:radial-gradient(circle at 55% 70%,#c55c8847,#0000 34%);position:absolute;inset:0}.score{color:#fff;text-shadow:2px 2px #111;font-family:Courier New,monospace;font-size:17px;position:absolute;top:8px;left:8px}.bit{left:var(--x);top:var(--y);color:#f6f6f6;text-shadow:3px 3px #111;animation:2.8s ease-in-out infinite alternate bit-float;animation-delay:calc(var(--d) * -900ms);font-family:Courier New,monospace;font-size:31px;font-style:normal;font-weight:900;position:absolute;transform:rotate(-18deg)}.bot{left:var(--x);top:var(--y);background:#a8ad85;border:4px solid #19191c;border-radius:45% 45% 38% 38%;width:29px;height:29px;animation:1.8s ease-in-out infinite alternate bot-bob;position:absolute;box-shadow:83px 19px 0 -2px #7b6a95,185px 48px 0 -1px #9a684e,342px 81px 0 -2px #8c769d}.tile-scene{background:#393a41}.grid{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(14,1fr);gap:3px;height:100%;padding:0;display:grid}.grid span{background:#b8ad9c;box-shadow:inset 0 0 0 2px #4c4950}.grid .crate{background:linear-gradient(90deg,#0000 35%,#4b271f57 36% 43%,#0000 44%),linear-gradient(#a16b54,#91624f);box-shadow:inset 0 0 0 3px #6e493d}.hero-sprite{background:#d0826a;border-radius:10px 10px 4px 4px;width:29px;height:38px;position:absolute;box-shadow:inset 0 14px #8b5148}.hero-sprite:before{content:"";background:#e5b090;border-radius:50%;width:16px;height:16px;position:absolute;top:-12px;left:7px}.hero-sprite.one{top:43px;left:142px}.hero-sprite.two{background:#7dc480;top:47px;right:62px}.hero-sprite.three{background:#86c587;top:47px;right:27px}.project-card:hover .hero-sprite{animation:.76s infinite alternate sprite-hop}.info-card{color:#e9e7e7;background:#242424;border-radius:4px;min-height:116px;padding:26px 24px;transition:background .18s,transform .18s}.info-card:hover{background:#292929;transform:translateY(-2px)}.info-card h3{color:#fff;margin:20px 0 4px;font-size:1.49rem;font-weight:800;line-height:1.05}.info-card p,.info-card li{color:#e5e5e5;font-size:1.18rem;line-height:1.36}.skills-block{padding-bottom:48px}.skill-list{flex-wrap:wrap;gap:8px;padding-left:28px;display:flex}.skill-list span{border:1px solid var(--pink);min-height:36px;color:var(--pink);border-radius:7px;align-items:center;padding:0 9px;font-size:1.05rem;font-weight:700;transition:background .16s,color .16s,transform .16s;display:inline-flex}.skill-list span:hover{color:var(--accent-hover);background:#a7df6f24;transform:translateY(-2px)}.project-page{max-width:1154px;margin:0 auto;padding:36px 4px 0;animation:.52s both page-rise}.back-link{color:var(--pink);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;margin:0 0 22px;padding:0;font-size:1.5rem;transition:color .18s,transform .18s;display:inline-flex}.back-link:hover{color:var(--accent-hover);transform:translate(-4px)}.back-link svg{fill:currentColor;width:35px;height:35px}.back-link:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.project-detail{width:100%;animation:.62s 70ms both page-rise}.project-hero-image{background:#08100d;height:452px;overflow:hidden}.video-hero{background:radial-gradient(circle at 56% 26%,#3d9a4d 0 8%,#0000 32%),linear-gradient(170deg,#123f23 0 38%,#1f8f47 39% 60%,#0f2f1d 100%);height:452px;position:relative;overflow:hidden}.video-hero:after{content:"";background:linear-gradient(100deg,#0000 30%,#cdff9729,#0000 58%);animation:5.8s ease-in-out infinite light-sweep;position:absolute;inset:-20% -35%;transform:translate(-35%)rotate(4deg)}.ice-floor{background:linear-gradient(160deg,#44a8ff8c,#064199a6);position:absolute;inset:146px -60px 0;transform:skewY(-8deg)}.attack-ring{border-bottom:7px solid #c8ff7a;border-radius:50%;width:270px;height:86px;animation:1.9s ease-in-out infinite alternate ring-pulse;position:absolute;top:114px;right:188px;box-shadow:0 9px 13px #8be85a}.fighter{filter:blur(.2px);background:linear-gradient(#edf3df 0 18px,#6fa84f 19px 47px,#315e3a 48px);border-radius:14px;width:26px;height:112px;position:absolute}.fighter-left{top:62px;left:418px;transform:rotate(-12deg)}.fighter-right{top:122px;left:570px;transform:rotate(21deg)}.blade{background:#efffd9;border-radius:999px;width:152px;height:9px;animation:1.4s ease-in-out infinite alternate blade-glow;position:absolute;box-shadow:0 0 11px #d0ffa4}.blade-one{top:218px;left:506px;transform:rotate(58deg)}.blade-two{top:311px;left:88px;transform:rotate(-10deg)}.warning{color:#e6f7df;letter-spacing:.4px;background:#0c2415d6;padding:9px 16px;font-family:Georgia,serif;font-size:18px;animation:1.6s ease-in-out infinite alternate warning-pulse;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.project-detail>h2{background:#172b1c;margin:-1px 0 15px;padding:16px 16px 15px}.detail-grid{padding-bottom:22px}.detail-grid .info-card{min-height:210px}.info-card ul{margin:28px 0 0;padding:0;list-style:none}.info-card li+li{margin-top:4px}.project-writeup{color:#dfe8e7;padding:28px 0 54px;animation:.62s .16s both page-rise}.project-writeup h2{color:#e7f1f0;margin:24px 0 18px;font-size:1.5rem;font-weight:800;line-height:1.1}.project-writeup p{color:#dce5e4;margin:0 0 18px;font-size:1.18rem;line-height:1.3}.project-writeup a{color:var(--pink);text-underline-offset:3px;align-items:baseline;gap:4px;font-weight:500;transition:color .16s,text-decoration-color .16s;display:inline-flex}.project-writeup a:hover{color:var(--accent-hover);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.project-writeup svg{fill:currentColor;flex:none;width:17px;height:17px;transform:translateY(2px)}.project-writeup .code-link{color:var(--pink);margin-bottom:2px;font-size:1.45rem;font-weight:800;line-height:1.1}.project-writeup .demo-link,.project-writeup .play-link{width:fit-content;color:var(--accent-hover);margin:10px 0 6px;display:flex}.project-writeup .play-link{margin-top:6px}.project-writeup .code-link.boxed{border:2px solid var(--pale-mint);border-radius:4px;margin:5px 0 0;padding:4px 6px;text-decoration-thickness:2px;transition:border-color .18s,background .18s,transform .18s}.project-writeup .code-link.boxed:hover{border-color:var(--accent-hover);background:#a7df6f1a;transform:translateY(-2px)}@keyframes slide-fade-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes bit-float{0%{transform:translateY(0)rotate(-18deg)}to{transform:translateY(-5px)rotate(-18deg)}}@keyframes bot-bob{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes sprite-hop{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes light-sweep{0%,35%{transform:translate(-38%)rotate(4deg)}70%,to{transform:translate(48%)rotate(4deg)}}@keyframes ring-pulse{0%{filter:brightness();opacity:.78}to{filter:brightness(1.25);opacity:1}}@keyframes blade-glow{0%{box-shadow:0 0 8px #d0ffa4}to{box-shadow:0 0 21px #e2ffb7}}@keyframes warning-pulse{0%{box-shadow:0 0 #a7df6f00}to{box-shadow:0 0 18px #a7df6f2e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=900px){.site-header,.intro,.section-block,.project-page,.project-detail{padding-left:20px;padding-right:20px}.site-header{flex-direction:column;gap:18px}.socials{flex-wrap:wrap;gap:16px}.intro{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:54px}.intro-copy p{font-size:1.35rem}.project-grid,.education-grid,.detail-grid{grid-template-columns:1fr}.video-hero{height:300px}}