:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eaffed;--muted:#a8d0d0;--deep:#07111a;--deep-2:#0b1b27;--water:#0b3342;--water-2:#0a6570;--foam:#82fff5;--lime:#bafc74;--pink:#ff8bc8;--amber:#ffc95e;--violet:#b99bff;--blue:#7ec8ff;--stone:#798284;--stone-dark:#323b42;--line:#99ffee57;--pixel-font:"Press Start 2P", "Courier New", monospace;--mono:"IBM Plex Mono", "Courier New", monospace;--hero-p:0;--crack-p:0;--fall-p:0;--water-p:0}*{box-sizing:border-box;cursor:url(/assets/cursors/cursor-default.svg) 1 1,auto}a,button,[role=button],input[type=submit],input[type=button],label[for],select,.project-card,.skill-tag,.topbar nav a,.hero-actions a,.all-projects-link,.load-projects-button,.contact-actions a,.project-card a{cursor:url(/assets/cursors/cursor-pointer.svg) 12 0,pointer}html{background:var(--deep);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--mono);background:linear-gradient(#17212b 0%,#101a22 36%,#0b3140 48%,#061a24 100%);margin:0;overflow-x:hidden}body:before{z-index:60;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(#ffffff09 50%,#0000000d 50%) 0 0/100% 4px,linear-gradient(90deg,#ff007809,#00fff008,#0000ff06) 0 0/6px 100%;position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-shell{isolation:isolate;position:relative}.skip-link{z-index:100;color:#07111a;background:#eaffed;padding:10px 12px;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.phaser-stage{z-index:6;pointer-events:none;position:fixed;inset:0}.phaser-stage canvas{image-rendering:pixelated;pointer-events:none;display:block;width:100%!important;height:100%!important}.site-shell.swimmer-card-hover .phaser-stage{animation:4.4s step-end infinite swimmer-card-depth}@keyframes swimmer-card-depth{0%,24%,76%,to{z-index:6}32%,68%{z-index:12}}.topbar{z-index:40;background:linear-gradient(#07111af0,#07111a7a 72%,#0000);justify-content:space-between;align-items:center;height:70px;padding:14px clamp(16px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.brand-mark{border:3px solid var(--foam);width:48px;height:40px;color:var(--foam);font-family:var(--pixel-font);place-items:center;font-size:12px;line-height:1;display:grid;box-shadow:5px 5px #153a40}.topbar nav{align-items:center;gap:clamp(10px,2vw,26px);display:flex}.topbar nav a{color:var(--muted);font-family:var(--pixel-font);text-transform:uppercase;font-size:clamp(8px,1vw,11px);line-height:1;position:relative}.topbar nav a:after{content:"";background:var(--foam);width:0;height:3px;transition:width .16s steps(3,end);position:absolute;bottom:-9px;left:0}.topbar nav a:hover,.topbar nav a:focus{color:var(--ink)}.topbar nav a:hover:after,.topbar nav a:focus:after{width:100%}.hero-track{background:#10111c;height:100vh;min-height:640px;position:relative;overflow:hidden}.hero-sticky{background:#10111c;border-bottom:0;height:100vh;min-height:640px;position:relative;top:0;overflow:hidden}@media screen and (width>=1024px) and (width<=1720px){html{zoom:.9}.hero-track,.hero-sticky{height:111.11vh}}.hero-sticky:before{z-index:24;content:"";background:linear-gradient(90deg,#82fff52e,#ffc95e59,#82fff52e),#10131d;height:8px;position:absolute;top:0;left:0;right:0;box-shadow:0 8px #00000038,0 0 18px #82fff52e}.room-grid{background-color:#0000;background-image:linear-gradient(90deg,#04081094 0%,#0408101f 38%,#04081033 100%),linear-gradient(#05070e33 0%,#0000 42%,#05070e33 100%),url(/images/hero-room.png);background-position:bottom;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0;transform:none}.room-grid:after{content:"";background:linear-gradient(#ffffff06 50%,#0000000e 50%) 0 0/100% 4px,radial-gradient(circle at 30% 45%,#82fff514,#0000 34%);position:absolute;inset:0}.room-grid>span{display:none}.room-window{width:clamp(220px,28vw,420px);height:clamp(138px,20vh,210px);opacity:calc(.78 - var(--crack-p) * .45);background:linear-gradient(#68acbeb8,#ffb2722e),linear-gradient(90deg,#0000 0 49%,#442324a6 49% 52%,#0000 52%);border:6px solid #ffa6776b;position:absolute;top:clamp(96px,17vh,165px);left:50%;transform:translate(-50%);box-shadow:9px 9px #00000038}.room-window:before,.room-window:after{content:"";background:#eaffed21;position:absolute}.room-window:before{width:6px;height:100%;top:0;left:50%}.room-window:after{width:100%;height:6px;top:50%;left:0}.room-window-main{display:block}.pixel-city{opacity:.34;background:linear-gradient(90deg,#0000 0 8%,#f5b072 8% 15%,#0000 15% 23%,#f5b072 23% 28%,#0000 28% 46%,#f5b072 46% 56%,#0000 56% 70%,#f5b072 70% 82%,#0000 82%),linear-gradient(0deg,#f5b072 0 26px,#0000 26px);width:clamp(170px,23vw,340px);height:80px;position:absolute;top:clamp(190px,30vh,285px);left:50%;transform:translate(-50%)}.pixel-desk{width:min(720px,76vw);height:135px;opacity:calc(.75 - var(--crack-p) * .5);background:linear-gradient(90deg,#59323deb 0 22%,#0000 22% 78%,#59323deb 78% 100%),linear-gradient(#0000 0 70%,#8f5142e6 70% 100%);border-bottom:18px solid #6f3f3aeb;position:absolute;bottom:23vh;left:50%;transform:translate(-50%);box-shadow:0 9px #0000003d}.desk-monitor{background:radial-gradient(circle,#82fff552,#213141db);border:6px solid #1c1b20e6;width:116px;height:74px;position:absolute;bottom:48px;box-shadow:7px 7px #0000003d}.desk-monitor-left{left:22%}.desk-monitor-right{width:154px;height:88px;right:18%}.desk-keyboard{background:repeating-linear-gradient(90deg,#eaffed5c 0 6px,#07111abf 6px 10px);border:3px solid #07111acc;width:160px;height:16px;position:absolute;bottom:30px;right:19%}.desk-chair{background:linear-gradient(90deg,#0000 0 44%,#0a0e13eb 44% 56%,#0000 56%),radial-gradient(circle at 50% 28%,#080c10f5 0 48%,#0000 49%);width:108px;height:98px;position:absolute;bottom:-56px;left:50%;transform:translate(-50%)}.desk-tower{background:radial-gradient(circle at 50% 24%,#82fff533,#0000 18%),linear-gradient(#52313be6,#252630e6);border:5px solid #1c1b20e6;width:76px;height:105px;position:absolute;bottom:0;left:9%}.pixel-shelf{width:clamp(150px,18vw,250px);height:120px;opacity:calc(.72 - var(--crack-p) * .42);border-top:8px solid #a25b48d1;border-bottom:8px solid #a25b48d1;position:absolute;top:clamp(142px,20vh,215px);right:7vw}.pixel-shelf span{background:#eaffed33;width:28px;position:absolute;bottom:12px}.pixel-shelf span:first-child{height:64px;left:20px}.pixel-shelf span:nth-child(2){height:46px;left:60px}.pixel-shelf span:nth-child(3){height:82px;right:22px}.pixel-speaker{width:90px;height:118px;opacity:calc(.74 - var(--crack-p) * .42);background:radial-gradient(circle at 50% 30%,#ffa96fb8 0 15%,#0000 16%),radial-gradient(circle at 50% 67%,#82fff542 0 20%,#0000 21%),#3d232ed9;border:6px solid #18161dd6;position:absolute;top:clamp(125px,20vh,220px);left:8vw}.pixel-bed{width:min(300px,28vw);height:84px;opacity:calc(.72 - var(--crack-p) * .42);background:linear-gradient(90deg,#ff8bc83d 0 32%,#0000 32%),linear-gradient(#6f3f50cc,#372636cc);border:6px solid #402430eb;position:absolute;bottom:12vh;right:6vw}.pixel-plant{background:linear-gradient(90deg,#0000 0 28px,#bafc742e 28px 34px,#0000 34px),linear-gradient(45deg,#0000 0 36%,#bafc742e 37% 44%,#0000 45%),linear-gradient(-45deg,#0000 0 40%,#bafc742b 41% 49%,#0000 50%);width:70px;height:112px;position:absolute;bottom:18vh}.pixel-plant:after{content:"";background:#eaffed2e;width:34px;height:28px;position:absolute;bottom:0;left:19px}.pixel-plant-left{left:12vw}.pixel-plant-right{right:3vw}.ceiling-slab{display:none}.ceiling-slab span{background:#2d363c;height:5px;position:absolute}.ceiling-slab span:first-child{width:21%;top:34%;left:10%}.ceiling-slab span:nth-child(2){width:29%;top:46%;right:12%}.ceiling-slab span:nth-child(3){width:17%;top:64%;left:44%}.ceiling-slab span:nth-child(4){width:8%;top:22%;right:24%}.hero-copy{z-index:8;width:min(530px,85vw);opacity:calc(1 - var(--fall-p) * .9);position:absolute;top:clamp(112px,22vh,210px);left:clamp(22px,8vw,120px)}.terminal-line,.section-heading p,.section-tag,.project-card-top,.timeline-item>div>p:first-child{color:var(--foam);font-family:var(--pixel-font);text-transform:uppercase;font-size:clamp(8px,1vw,10px);line-height:1.7}.hero-copy h1{color:#f8fff2;font-family:var(--pixel-font);text-shadow:7px 7px #18242d,11px 11px #82fff52e;margin:18px 0 14px;font-size:clamp(34px,7vw,86px);line-height:1.1}.hero-role{color:var(--lime);margin:0 0 14px;font-size:clamp(18px,2vw,26px);font-weight:700}.hero-summary{max-width:460px;color:var(--muted);margin:0;font-size:clamp(15px,1.7vw,18px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-actions a,.all-projects-link,.load-projects-button,.contact-actions a,.project-card a{min-height:42px;color:var(--foam);cursor:url(/assets/cursors/cursor-pointer.svg) 12 0,pointer;font-family:var(--pixel-font);text-transform:uppercase;background:#07111a8c;border:3px solid;justify-content:center;align-items:center;padding:12px 15px;font-size:9px;line-height:1.4;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background .12s steps(2,end);display:inline-flex;box-shadow:5px 5px #82fff530}.hero-actions a:hover,.hero-actions a:focus,.all-projects-link:hover,.all-projects-link:focus,.load-projects-button:hover,.load-projects-button:focus,.contact-actions a:hover,.contact-actions a:focus,.project-card a:hover,.project-card a:focus{background:#82fff52e;transform:translate(3px,3px);box-shadow:2px 2px #82fff538}.load-projects-button{appearance:none}.floor-slab{display:none}.floor-half{width:50%;box-shadow:none;background:0 0;border:0;position:absolute;top:0;bottom:0;overflow:hidden}.floor-half:before{content:"";opacity:var(--crack-p);background:linear-gradient(160deg,#0000 0 18%,#303a41 18% 22%,#0000 22% 100%),linear-gradient(20deg,#0000 0 32%,#202930 32% 36%,#0000 36% 100%);position:absolute;inset:0}.floor-left{left:0}.floor-right{right:0}.crack-core{z-index:2;width:calc(12px + var(--crack-p) * 132px);height:calc(8px + var(--crack-p) * 72px);border:calc(var(--crack-p) * 5px) solid #0a1116e6;opacity:var(--crack-p);background:radial-gradient(#02070c 0 48%,#102130 49% 62%,#0000 63%);border-radius:50%;position:absolute;top:14%;left:50%;transform:translate(-50%,-50%)}.crack-core:before,.crack-core:after{width:calc(var(--crack-p) * 170px);content:"";transform-origin:0;background:#172027;height:4px;position:absolute;top:50%;left:50%}.crack-core:before{transform:rotate(18deg)}.crack-core:after{transform:rotate(158deg)}.repair-plank{z-index:3;width:128px;height:18px;opacity:calc((1 - var(--fall-p)) * var(--crack-p));transform-origin:50%;background:linear-gradient(90deg,#ffd98b29,#0000 35%),#8d5b38;border:3px solid #261a16;position:absolute;top:10%;left:50%}.repair-plank-one{transform:translate(-50%,-50%)rotate(8deg)}.repair-plank-two{transform:translate(-50%,-50%)rotate(-9deg)translateY(22px)}.repair-plank-three{transform:translate(-50%,-50%)rotate(2deg)translateY(44px)}.debris{z-index:2;width:26px;height:20px;opacity:var(--crack-p);background:#737d80;border:4px solid #172027;position:absolute}.debris-one{transform:translate(calc(var(--crack-p) * -5vw), calc(var(--crack-p) * 20vh)) rotate(22deg);top:18%;left:37%}.debris-two{transform:translate(calc(var(--crack-p) * 6vw), calc(var(--crack-p) * 24vh)) rotate(-18deg);top:15%;left:58%}.debris-three{width:18px;height:16px;transform:translate(calc(var(--crack-p) * -2vw), calc(var(--crack-p) * 28vh)) rotate(42deg);top:46%;left:47%}.debris-four{width:20px;height:18px;transform:translate(calc(var(--crack-p) * 3vw), calc(var(--crack-p) * 30vh)) rotate(-31deg);top:58%;left:52%}.water-glow{display:none}.water-section{background:linear-gradient(#82fff51c,#0000 18%),radial-gradient(circle at 22% 20%,#7ec8ff1f,#0000 24%),linear-gradient(#0d5261 0%,#0b3445 46%,#061824 100%);position:relative;overflow:hidden}.water-section:before{pointer-events:none;content:"";opacity:.55;background:linear-gradient(90deg,#0000 0 47%,#eaffed0d 48% 52%,#0000 53%) 0 0/92px 100%,linear-gradient(#ffffff0f,#0000 16%,#0000002e);position:absolute;inset:0}.next-section{position:relative;overflow:hidden}.work-section{min-height:122vh;padding-top:clamp(36px,6vw,78px)}.section-inner{z-index:2;width:min(1120px,100vw - 36px);margin:0 auto;position:relative}.work-inner{z-index:8;padding-bottom:clamp(80px,12vw,150px)}.section-heading{gap:14px;max-width:760px;margin-bottom:34px;display:grid}.section-heading h2,.about-copy h2,.contact-inner h2{color:#f6fff2;font-family:var(--pixel-font);text-shadow:5px 5px #07111aad;margin:0;font-size:clamp(24px,4vw,46px);line-height:1.35}.section-heading p,.section-tag{margin:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:linear-gradient(135deg,#ffffff14,#0000 22%),#05131bb8;border:4px solid #eaffed6b;flex-direction:column;gap:16px;min-height:320px;padding:22px;transition:transform .16s steps(3,end),border-color .16s steps(3,end),background .16s steps(3,end);display:flex;position:relative;box-shadow:8px 8px #00000057}.project-card:before{pointer-events:none;content:"";border:2px dashed #82fff51a;position:absolute;inset:9px}.project-card:hover,.project-card:focus-within,.project-card.active{border-color:var(--card-accent,var(--foam));background:linear-gradient(135deg,#ffffff1f,#0000 28%),#051d26eb;transform:translateY(-7px)}.project-card-top{justify-content:space-between;align-items:center;display:flex}.project-card-top i{border:3px solid var(--card-accent,var(--foam));background:linear-gradient(135deg, transparent 0 45%, var(--card-accent,var(--foam)) 45% 58%, transparent 58%);width:20px;height:20px}.project-card h3{color:#f8fff2;font-family:var(--pixel-font);margin:0;font-size:clamp(14px,1.45vw,18px);line-height:1.45}.project-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.58}.project-card .project-stack{color:var(--card-accent,var(--lime));font-weight:700}.project-card a{color:var(--card-accent,var(--foam));align-self:flex-start;margin-top:auto}.accent-cyan{--card-accent:var(--foam)}.accent-lime{--card-accent:var(--lime)}.accent-pink{--card-accent:var(--pink)}.accent-amber{--card-accent:var(--amber)}.accent-violet{--card-accent:var(--violet)}.accent-blue{--card-accent:var(--blue)}.project-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.skills-section{background:linear-gradient(#02090e40,#02090ead),url(/assets/skills/skills-workshop-background.png) top/cover no-repeat,#06131c;min-height:112vh;padding:clamp(86px,10vw,136px) 0 clamp(70px,9vw,118px)}.skills-section:before{pointer-events:none;z-index:1;content:"";background:linear-gradient(#02090e14,#02090e94),repeating-linear-gradient(0deg,#82fff509 0 1px,#0000 1px 4px);position:absolute;inset:0}.skills-workshop-inner{z-index:3}.skills-workshop-heading{max-width:860px}.skills-workshop-heading h2{max-width:920px;font-size:clamp(28px,3.2vw,38px)}.section-heading.compact{max-width:820px}.skills-workshop-stage{gap:22px;display:grid;position:relative}.skill-loadout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-loadout-card{background:linear-gradient(135deg,#ffffff14,#0000 28%),#040f16c7;border:4px solid #82fff552;align-content:start;gap:15px;min-height:248px;padding:22px;transition:transform .16s steps(3,end),border-color .16s steps(3,end),background .16s steps(3,end);display:grid;position:relative;box-shadow:7px 7px #0000004f}.skill-loadout-card:before{pointer-events:none;content:"";border:2px dashed #82fff51c;position:absolute;inset:9px}.skill-loadout-card:hover,.skill-loadout-card:focus,.skill-loadout-card.active{border-color:var(--card-accent,var(--foam));background:linear-gradient(135deg,#ffffff1f,#0000 30%),#05171fe8;transform:translateY(-6px)}.skill-loadout-top{color:var(--card-accent,var(--foam));font-family:var(--pixel-font);text-transform:uppercase;align-items:center;gap:12px;font-size:9px;line-height:1.45;display:flex}.skill-loadout-top img{object-fit:contain;width:52px;height:52px;image-rendering:pixelated;filter:drop-shadow(4px 4px #00000057)}.skill-loadout-card h3{color:#f8fff2;font-family:var(--pixel-font);margin:0;font-size:clamp(14px,1.45vw,18px);line-height:1.45}.skill-loadout-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.58;display:none}.skill-chip-row{flex-wrap:wrap;gap:9px;display:flex}.skill-chip-row span,.quick-facts span{color:#dff7ec;background:#eaffed0f;border:2px solid #eaffed47;padding:8px 9px;font-size:14px;line-height:1.2;display:inline-flex}.skills-floor{background:linear-gradient(90deg,#0000 0 48%,#82fff50d 49% 51%,#0000 52%) 0 0/92px 100%,#020a0f6b;border-top:4px solid #82fff53d;min-height:236px;position:relative;overflow:hidden}.skills-equipped-panel{z-index:5;background:#030e15db;border:3px solid #82fff570;grid-template-columns:86px minmax(0,1fr);gap:14px;width:min(470px,100% - 36px);padding:14px;transition:left .22s steps(3,end),right .22s steps(3,end);display:grid;position:absolute;bottom:22px;right:18px;box-shadow:7px 7px #0000004f}.skills-floor.panel-left .skills-equipped-panel{left:18px;right:auto}.skills-equipped-panel img{object-fit:contain;width:86px;height:86px;image-rendering:pixelated}.skills-equipped-panel span,.skills-equipped-panel strong{font-family:var(--pixel-font);line-height:1.5;display:block}.skills-equipped-panel span{color:var(--foam);text-transform:uppercase;font-size:8px}.skills-equipped-panel strong{color:var(--lime);font-size:12px}.skills-equipped-panel p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.loadout-character{left:var(--skill-x);z-index:4;pointer-events:none;width:116px;height:196px;transition:left .62s steps(8,end);position:absolute;bottom:12px;transform:translate(-50%)}.loadout-character-canvas,.loadout-equipped-prop{image-rendering:pixelated;position:absolute}.loadout-character-canvas{width:104px;height:182px;bottom:0;left:50%;transform:translate(-50%)}.loadout-equipped-prop{z-index:6;object-fit:contain;filter:drop-shadow(4px 4px #00000052);transform-origin:50% 70%;width:72px;height:72px;top:76px;right:-34px}@keyframes equip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.about-section{background:radial-gradient(circle at 32% 42%,#bafc741a,#0000 23%),linear-gradient(#061f2d 0%,#061925 100%);padding:clamp(90px,11vw,150px) 0}.about-grid{grid-template-columns:minmax(220px,330px) minmax(0,1fr);align-items:center;gap:clamp(30px,7vw,90px);display:grid}.pixel-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#82fff529,#0000 35%),linear-gradient(#eaffed14,#07111a73);border:5px solid #eaffed6b;width:min(330px,72vw);position:relative;overflow:hidden;box-shadow:10px 10px #00000052}.about-portrait{cursor:url(/assets/cursors/cursor-eraser.svg) 2 30,crosshair;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none}.about-portrait:focus-visible{outline:4px solid var(--foam);outline-offset:6px}.about-portrait.scratching{border-color:var(--lime);cursor:url(/assets/cursors/cursor-eraser.svg) 2 30,crosshair}.about-portrait.regrowing{border-color:var(--pink);animation:.8s steps(3,end) infinite alternate regrow-pulse;box-shadow:10px 10px #00000052,0 0 0 3px #ff8bc840,inset 0 0 32px #ff8bc81f}@keyframes regrow-pulse{0%{border-color:var(--pink);box-shadow:10px 10px #00000052,0 0 0 3px #ff8bc826,inset 0 0 22px #ff8bc814}to{border-color:var(--amber);box-shadow:10px 10px #00000052,0 0 0 5px #ffc95e38,inset 0 0 38px #ffc95e24}}.pixel-portrait:before{z-index:4;pointer-events:none;content:"";border:3px dashed #82fff533;position:absolute;inset:24px}.about-portrait-original,.about-portrait-pixel{width:100%;height:100%;display:block;position:absolute;inset:0}.about-portrait-original{z-index:1;object-fit:cover;object-position:center}.about-portrait-pixel{z-index:2;image-rendering:pixelated;pointer-events:none}.about-portrait:after{z-index:3;pointer-events:none;content:"";mix-blend-mode:screen;opacity:.55;background:linear-gradient(135deg,#ffffff1f,#0000 30%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.portrait-glint{z-index:5;background:var(--foam);width:10px;height:10px;box-shadow:16px 20px 0 var(--foam), -84px 112px 0 #bafc74cc;pointer-events:none;margin-left:58px;position:absolute;top:23%;left:50%;transform:translate(-50%)}.about-copy{max-width:720px}.about-copy p:not(.section-tag){color:var(--muted);font-size:clamp(16px,1.6vw,19px);line-height:1.7}.quick-facts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.experience-section{background:linear-gradient(#061925 0%,#04131d 100%);padding:clamp(70px,9vw,120px) 0}.timeline{gap:22px;max-width:900px;margin-left:auto;display:grid}.timeline-item{grid-template-columns:34px 1fr;gap:18px;display:grid}.timeline-item>span{border:4px solid var(--foam);background:#04131d;width:24px;height:24px;margin-top:6px;display:block;position:relative}.timeline-item>span:after{content:"";background:#82fff538;width:4px;height:100px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.timeline-item:last-child>span:after{content:none}.timeline-item>div{padding-bottom:8px}.timeline-item h3{color:#f8fff2;font-family:var(--pixel-font);margin:0 0 8px;font-size:clamp(14px,1.7vw,20px);line-height:1.5}.timeline-item strong{color:var(--lime)}.timeline-item p{color:var(--muted);margin:8px 0 0;font-size:16px;line-height:1.62}.contact-section{background:linear-gradient(#04131d14,#04131d38 48%,#020910ad),url(/assets/contact/beach_pixel_subtle.gif) 50% 58%/cover no-repeat,url(/assets/contact/beach-background.png) 50% 58%/cover no-repeat,#04131d;flex-direction:column;justify-content:center;min-height:112vh;padding:clamp(96px,11vw,152px) 0 0;display:flex;position:relative;overflow:hidden}.contact-section:before,.contact-section:after{pointer-events:none;content:"";position:absolute;inset:0}.contact-section:before{z-index:1;background:linear-gradient(#0209102e,#02091005 42%,#0209105c),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px) 0 0/100% 4px,repeating-linear-gradient(90deg,#00000014 0 1px,#0000 1px 5px) 0 0/5px 100%}.contact-section:after{z-index:2;mix-blend-mode:screen;background:radial-gradient(circle at 75% 23%,#fff4a61f,#0000 12%)}.contact-beach-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact-sun-glimmer{display:none}.contact-birds{z-index:2;width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(3px 3px #0000002e);background-image:url(/assets/contact/seabirds-flap-strip.png);background-repeat:no-repeat;background-size:800% 100%;animation:.76s steps(8,end) infinite contact-bird-flap,19s linear infinite contact-bird-drift;position:absolute}.bird-flock-one{top:19%;left:-130px;transform:scale(.66)}.bird-flock-two{opacity:.74;animation-duration:.64s,26s;animation-delay:-280ms,-8s;top:30%;left:-180px;transform:scale(.48)}.contact-inner{z-index:4;text-align:center;text-shadow:0 3px #0209109e}.contact-inner h2{width:min(880px,100%);margin:0 auto}.contact-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}footer{z-index:2;width:min(1120px,100vw - 36px);color:var(--muted);border-top:3px solid #82fff540;justify-content:space-between;gap:18px;margin:auto auto 0;padding:24px 0 28px;font-size:14px;display:flex;position:relative}footer a{color:var(--foam)}.pixel-decor{pointer-events:none;z-index:1;position:absolute;inset:0}.bubble{aspect-ratio:1;border:3px solid #d5fffa94;animation:7s linear infinite bubble-rise;position:absolute;bottom:-40px}.bubble:after{content:"";background:#d5fffac2;width:4px;height:4px;position:absolute;top:3px;left:4px}.fish{clip-path:polygon(0 50%,18% 0,78% 0,100% 50%,78% 100%,18% 100%);background:#bafc7475;width:42px;height:18px;animation:13s steps(18,end) infinite fish-drift;position:absolute}.fish:after{content:"";clip-path:polygon(0 50%,100% 0,100% 100%);background:#bafc746b;width:16px;height:16px;position:absolute;top:1px;right:-11px}.fish-one{top:24%;left:-70px}.fish-two{background:#ff8bc866;animation-name:fish-drift-right;animation-duration:16s;top:62%;right:-70px;transform:scaleX(-1)}.kelp{opacity:.45;transform-origin:bottom;background:linear-gradient(90deg,#0000 0 13px,#bafc7466 13px 20px,#0000 20px),linear-gradient(35deg,#0000 0 46%,#bafc7457 46% 53%,#0000 54%),linear-gradient(-35deg,#0000 0 48%,#bafc7447 48% 55%,#0000 56%);width:34px;height:180px;animation:2.6s steps(4,end) infinite alternate kelp-sway;position:absolute;bottom:0}.kelp-one{left:5vw}.kelp-two{height:230px;animation-delay:-1s;right:6vw}@keyframes brace-tremble{0%,to{transform:translate(0)}50%{transform:translate(1px,2px)}}@keyframes rig-strain{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes rig-fall{0%,to{filter:brightness()}50%{filter:brightness(.92)}}@keyframes tumble{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes swim-kick{0%,to{transform:translate(0)}50%{transform:translate(-4px,2px)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)}12%,82%{opacity:.78}to{opacity:0;transform:translateY(-116vh)translate(26px)}}@keyframes fish-drift{0%{transform:translate(0)}to{transform:translate(120vw)}}@keyframes fish-drift-right{0%{transform:translate(0)scaleX(-1)}to{transform:translate(-120vw)scaleX(-1)}}@keyframes kelp-sway{0%{transform:skew(-3deg)}to{transform:skew(4deg)}}@keyframes contact-glimmer{0%{opacity:.36;transform:translate(-50%)skew(-6deg)translateY(0)}to{opacity:.58;transform:translate(-50%)skew(-6deg)translateY(8px)}}@keyframes contact-bird-flap{0%{background-position:0 0}to{background-position:-1024px 0}}@keyframes contact-bird-drift{0%{left:-150px}to{left:calc(100vw + 150px)}}@keyframes contact-walk-away{0%{opacity:1;bottom:-6px;right:18px;transform:scale(1.04)}42%{opacity:1;bottom:122px;right:100px;transform:scale(.72)}to{opacity:1;bottom:226px;right:176px;transform:scale(.46)}}@keyframes contact-water-splash{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}26%{opacity:1;transform:translate(-50%,-54%)scale(1)}62%{opacity:.78;transform:translate(-50%,-46%)scale(1.18)}to{opacity:0;transform:translate(-50%,-42%)scale(1.32)}}@media (width<=980px){.project-grid,.skill-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-equipped-panel{width:min(390px,100% - 36px)}.hero-copy{left:clamp(18px,6vw,56px)}}@media (width<=720px){.topbar{height:62px;padding:12px 16px}.brand-mark{width:42px;height:36px;font-size:10px}.topbar nav{gap:11px}.topbar nav a{font-size:7px}.hero-track{height:100vh;min-height:640px}.hero-copy{width:calc(100vw - 36px);top:17vh}.hero-copy h1{font-size:clamp(29px,10vw,52px)}.hero-summary{max-width:290px}.hero-actions a,.all-projects-link,.load-projects-button,.contact-actions a,.project-card a{min-height:40px;padding:10px 11px;font-size:8px}.ceiling-slab{width:106vw;height:128px}.floor-slab{width:118vw;bottom:calc(4vh - var(--crack-p) * 9vh)}.room-window-right,.desk-pixels{display:none}.project-grid,.skill-loadout-grid,.about-grid{grid-template-columns:1fr}.project-card{min-height:286px;padding:18px}.skills-section{background-position:top;min-height:auto;padding-top:86px}.skills-workshop-stage{gap:18px}.skill-loadout-card{min-height:auto;padding:18px}.skill-loadout-card p{display:block}.skill-loadout-top img{width:48px;height:48px}.skills-floor{min-height:320px}.loadout-character{transform-origin:50% 100%;bottom:120px;left:50%;transform:translate(-50%)scale(.78)}.loadout-equipped-prop{width:62px;height:62px;top:74px;right:-36px}.skills-equipped-panel{grid-template-columns:62px minmax(0,1fr);width:calc(100% - 24px);padding:12px;bottom:14px;left:12px;right:12px}.skills-equipped-panel img{width:62px;height:62px}.timeline{margin-left:0}.message-bottle-container{max-width:min(100%,560px)}.canvas-wrapper{flex-basis:430px;height:430px}.contact-character-canvas{width:182px;height:268px;bottom:-6px;right:-6px}.contact-character-canvas.actor-idle,.contact-character-canvas.actor-ready{bottom:-6px;right:-6px}.contact-character-canvas.actor-take,.contact-character-canvas.actor-carry{bottom:-4px;right:4px}footer{flex-direction:column}}@media (width<=440px){.topbar nav a{font-size:6px}.topbar nav{gap:7px}.hero-copy{top:14vh}.terminal-line{max-width:230px}.hero-role{font-size:16px}.hero-summary{font-size:14px}.section-heading h2,.about-copy h2,.contact-inner h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.message-bottle-container{contain:layout paint;flex-direction:column;align-items:center;width:100%;max-width:1060px;margin:16px auto 24px;display:flex;position:relative}.canvas-wrapper{isolation:isolate;flex:0 0 560px;width:100%;height:560px;position:relative;overflow:hidden}.canvas-wrapper:after{z-index:7;pointer-events:none;content:"";mix-blend-mode:overlay;opacity:.56;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#00000014 0 1px,#0000 1px 5px);position:absolute;inset:0}.three-canvas{z-index:1;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;filter:contrast(1.06)saturate(1.08);transition:opacity .5s;position:absolute;top:0;left:0}.message-bottle-container.state-rolling .three-canvas,.message-bottle-container.state-sealed .three-canvas,.message-bottle-container.state-sending .three-canvas{z-index:6}.contact-character-canvas{z-index:5;width:327px;height:482px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(10px 11px #00000057);transform-origin:50% 100%;transition:right .62s steps(7,end),bottom .62s steps(7,end),transform .62s steps(7,end),opacity .32s steps(3,end);position:absolute;bottom:-14px;right:-8px;transform:translate(0,0)scale(1)}.contact-character-canvas.actor-idle,.contact-character-canvas.actor-ready{bottom:-14px;right:-8px;transform:scale(1.04)}.contact-character-canvas.actor-take{bottom:-14px;right:6px;transform:scale(1.08)}.contact-character-canvas.actor-carry{bottom:-6px;right:18px;transform:scale(1.04)}.contact-character-canvas.actor-walk-away{animation:1.15s steps(9,end) forwards contact-walk-away}.contact-character-canvas.actor-throw-back{bottom:226px;right:176px;transform:scale(.46)}.contact-character-canvas.actor-done{opacity:0;bottom:258px;right:198px;transform:scale(.34)}.contact-splash{z-index:4;pointer-events:none;opacity:0;width:92px;height:58px;image-rendering:pixelated;position:absolute;top:19%;left:58%;transform:translate(-50%,-50%)}.contact-splash:before,.contact-splash:after{content:"";background:#ddfffff0;position:absolute}.contact-splash:before{width:60px;height:8px;top:28px;left:16px;box-shadow:-10px 8px #82fff5cc,18px -12px #ddffffdb,38px 4px #82fff5b8}.contact-splash:after{width:7px;height:7px;top:6px;left:42px;box-shadow:-24px 18px #ddffffe6,-8px 6px #82fff5d1,14px 14px #ddffffd6,28px 26px #82fff5c2}.message-bottle-container.state-sending .contact-splash{animation:.9s steps(6,end) 2.55s both contact-water-splash}.form-overlay{z-index:2;background:0 0;display:block;position:absolute;inset:0}.form-overlay.hidden{opacity:0;pointer-events:none}.form-overlay.visible{opacity:1;pointer-events:auto}.form-overlay .input-group{width:100%;height:100%;display:block;position:absolute;inset:0}.form-overlay input,.form-overlay textarea{color:#0000;caret-color:#0000;opacity:0;resize:none;-webkit-text-fill-color:transparent;appearance:none;cursor:url(/assets/cursors/cursor-default.svg) 1 1,text;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:Courier New,monospace;font-size:18px;font-weight:700;display:block;position:absolute}.paper-name-input{width:54%;height:8.5%;top:17%;left:24%}.paper-email-input{width:58%;height:8.5%;top:27%;left:24%}.paper-message-input{width:58%;height:42%;line-height:1.8;top:38%;left:24%}.form-overlay input::placeholder,.form-overlay textarea::placeholder{color:#0000}.form-overlay input:focus,.form-overlay textarea:focus{box-shadow:none;background:0 0;border-color:#0000}.form-overlay input::selection{color:#0000;background:0 0}.form-overlay textarea::selection{color:#0000;background:0 0}.message-action-slot{flex:0 0 68px;justify-content:center;align-items:flex-start;width:100%;height:68px;padding-top:20px;display:flex}.seal-btn.hidden{opacity:0;visibility:hidden;pointer-events:none;filter:saturate(.7);transform:translateY(10px)scale(.94)}.seal-btn.visible{opacity:1;visibility:visible;pointer-events:auto;filter:saturate();transform:translateY(0)scale(1)}.seal-btn,.send-btn,.edit-btn,.success-overlay button{color:#04131d;font-family:var(--pixel-font);text-transform:uppercase;cursor:url(/assets/cursors/cursor-pointer.svg) 12 0,pointer;background:#bafc74;border:3px solid #04131d;padding:12px;font-size:12px;transition:opacity .22s steps(4,end),visibility .22s step-end,filter .22s steps(4,end),transform .22s steps(5,end),box-shadow .1s;box-shadow:3px 3px #04131d}.seal-btn:hover,.send-btn:hover,.edit-btn:hover,.success-overlay button:hover{transform:translate(2px,2px);box-shadow:1px 1px #04131d}.edit-btn{background:#ffc95e}.bottle-overlay{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.bottle-overlay.visible{opacity:1;pointer-events:auto}.bottle-overlay.hidden{opacity:0;pointer-events:none}.css-bottle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#82fff526;border:4px solid #add8e699;border-radius:10px 10px 20px 20px;width:100px;height:160px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:inset 15px 0 20px #ffffff4d,inset -15px 0 20px #0000001a}.css-bottle:before{content:"";background:#82fff526;border:4px solid #add8e699;border-bottom:none;border-radius:5px 5px 0 0;width:36px;height:40px;position:absolute;top:-44px;left:50%;transform:translate(-50%);box-shadow:inset 8px 0 10px #ffffff4d}.css-bottle-cork{background:#a67c52;border:2px solid #5c4033;border-radius:3px 3px 0 0;width:28px;height:16px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.bottle-actions{gap:16px;margin-top:20px;display:flex}.hand-img{width:150px;image-rendering:pixelated;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}.anim-hand{animation:2.5s forwards hand-grab}.anim-drop{animation:2.5s forwards drop-bottle}@keyframes hand-grab{0%{right:-150px}30%{right:50%;transform:translate(50%,-50%)}70%{right:50%;transform:translate(50%,-50%)}to{right:-150px}}@keyframes drop-bottle{0%{opacity:.8;transform:translateY(0)scale(1)}30%{opacity:.8;transform:translateY(0)scale(1)}60%{opacity:.5;transform:translateY(50px)scale(.5)}to{opacity:0;transform:translateY(100px)scale(.2)}}.success-overlay{z-index:4;background:#030e15e6;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.success-overlay.hidden{opacity:0;pointer-events:none}.success-overlay.visible{opacity:1;pointer-events:auto}.success-overlay h3{color:#82fff5;font-family:var(--pixel-font);margin-bottom:10px;font-size:16px}.success-overlay p{color:#a8d0d0;margin-bottom:20px}@media (width<=720px){.contact-section{justify-content:flex-start;min-height:100svh;padding-top:74px}.contact-inner{width:min(100%,430px);padding-inline:10px}.contact-inner .section-tag{margin-bottom:6px;font-size:8px}.contact-inner h2{width:min(100%,410px);font-size:clamp(18px,7.1vw,31px);line-height:1.18}.message-bottle-container{max-width:430px;margin:8px auto 10px}.canvas-wrapper{flex:0 0 min(104vw,448px);height:min(104vw,448px);max-height:448px}.contact-character-canvas{opacity:.94;filter:drop-shadow(6px 7px #00000052);width:126px;height:186px;bottom:28px;right:0}.contact-character-canvas.actor-idle,.contact-character-canvas.actor-ready{bottom:28px;right:0;transform:scale(.98)}.contact-character-canvas.actor-take,.contact-character-canvas.actor-carry{bottom:30px;right:8px;transform:scale(1)}.contact-character-canvas.actor-throw-back{bottom:224px;right:118px;transform:scale(.32)}.contact-character-canvas.actor-done{bottom:246px;right:128px;transform:scale(.26)}.paper-name-input{width:68%;height:11%;top:15%;left:22%}.paper-email-input{width:68%;height:11%;top:25%;left:22%}.paper-message-input{width:80%;height:42%;top:35%;left:10%}.message-action-slot{flex-basis:54px;height:54px;padding-top:8px}.seal-btn,.send-btn,.edit-btn,.success-overlay button{min-height:38px;padding:10px 12px;font-size:9px}.bottle-actions{gap:10px;margin-top:0}.contact-actions{gap:10px;margin-top:12px}footer{width:min(430px,100vw - 24px);padding:18px 0 22px;font-size:12px}}@media (width<=440px){.contact-section{padding-top:70px}.contact-inner h2{width:min(100%,390px);font-size:clamp(17px,6.9vw,29px)}.message-bottle-container{max-width:410px}.canvas-wrapper{flex-basis:430px;height:430px}.contact-character-canvas{width:118px;height:174px;bottom:34px;right:-2px}.contact-character-canvas.actor-idle,.contact-character-canvas.actor-ready{bottom:34px;right:-2px}.contact-character-canvas.actor-take,.contact-character-canvas.actor-carry{bottom:36px;right:5px}.paper-name-input,.paper-email-input{width:72%;left:20%}.paper-message-input{width:84%;left:8%}}