@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--ff-bg-darkest: #060618;--ff-bg-dark: #0c0c30;--ff-bg-mid: #141450;--ff-bg-light: #1e1e6e;--ff-box-top: #1a1a5e;--ff-box-bottom: #0c0c2e;--ff-border-hi: #7878c8;--ff-border-mid: #5858a8;--ff-border-lo: #3838a0;--ff-border-outer: #080828;--ff-text: #ffffff;--ff-text-dim: #b0b0c8;--ff-text-yellow: #f8f870;--ff-text-cyan: #58d8d8;--ff-text-green: #58d858;--ff-text-red: #f04848;--ff-text-grey: #808098;--ff-gold: #e8b830;--ff-pixel: "Press Start 2P", monospace;--ff-body: system-ui, -apple-system, "Segoe UI", sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--ff-body);background-color:var(--ff-bg-darkest);color:var(--ff-text);min-height:100vh;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.pixel,[data-pixel]{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ff-bg-dark)}::-webkit-scrollbar-thumb{background:var(--ff-border-mid);border-radius:4px}.ff-box{background:linear-gradient(180deg,var(--ff-box-top) 0%,var(--ff-box-bottom) 100%);border:3px solid;border-color:var(--ff-border-hi) var(--ff-border-lo) var(--ff-border-lo) var(--ff-border-hi);border-radius:10px;outline:3px solid var(--ff-border-outer);outline-offset:0px;padding:var(--sp-4) var(--sp-5);color:var(--ff-text);position:relative}.ff-box--flush{padding:0}.ff-menu{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.ff-menu-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-family:var(--ff-pixel);font-size:11px;color:var(--ff-text);text-decoration:none;cursor:pointer;transition:color .1s;position:relative;line-height:1.6}.ff-menu-item:before{content:"";display:inline-block;width:12px;height:12px;flex-shrink:0;clip-path:polygon(0% 10%,100% 50%,0% 90%);background:var(--ff-text);opacity:0;transition:opacity .12s}.ff-menu-item:hover,.ff-menu-item:focus-visible{color:var(--ff-text-yellow);outline:none}.ff-menu-item:hover:before,.ff-menu-item:focus-visible:before{opacity:1}.ff-menu-item:active{color:var(--ff-text-cyan)}.ff-menu-label{flex:1}.ff-menu-sub{font-size:9px;color:var(--ff-text-dim)}h1,h2,h3,h4{font-family:var(--ff-pixel);line-height:1.5;color:var(--ff-text)}h1{font-size:14px;letter-spacing:1px}h2{font-size:12px;color:var(--ff-text-cyan)}h3{font-size:10px;color:var(--ff-text-yellow)}h4{font-size:10px;color:var(--ff-text-dim)}@media(min-width:768px){h1{font-size:18px}h2{font-size:14px}h3{font-size:12px}}p{margin-bottom:var(--sp-3)}p:last-child{margin-bottom:0}a{color:var(--ff-text-cyan);text-decoration:none;transition:color .12s}a:hover{color:var(--ff-text-yellow)}hr{border:none;height:2px;background:repeating-linear-gradient(90deg,var(--ff-border-mid) 0px,var(--ff-border-mid) 4px,transparent 4px,transparent 8px);margin:var(--sp-6) 0}.container{max-width:880px;margin:0 auto;padding:var(--sp-4)}.stack>*+*{margin-top:var(--sp-4)}.stack-sm>*+*{margin-top:var(--sp-2)}.stack-lg>*+*{margin-top:var(--sp-6)}.text-center{text-align:center}.text-dim{color:var(--ff-text-dim)}.text-yellow{color:var(--ff-text-yellow)}.text-cyan{color:var(--ff-text-cyan)}.text-pixel{font-family:var(--ff-pixel)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:var(--ff-bg-darkest)}.starfield:before,.starfield:after{content:"";position:absolute;inset:0}.starfield:before{background-image:radial-gradient(1px 1px at 52px 83px,#ffffff40,transparent),radial-gradient(1px 1px at 170px 210px,#ffffff35,transparent),radial-gradient(1px 1px at 310px 55px,#ffffff30,transparent),radial-gradient(1px 1px at 95px 340px,#ffffff40,transparent),radial-gradient(1px 1px at 420px 170px,#ffffff25,transparent),radial-gradient(1px 1px at 200px 420px,#ffffff35,transparent),radial-gradient(1px 1px at 530px 310px,#ffffff30,transparent),radial-gradient(1px 1px at 380px 90px,#ffffff40,transparent),radial-gradient(1px 1px at 140px 480px,#ffffff25,transparent),radial-gradient(1px 1px at 600px 250px,#ffffff35,transparent),radial-gradient(1px 1px at 70px 150px,#ffffff30,transparent),radial-gradient(1px 1px at 480px 420px,#ffffff25,transparent),radial-gradient(1px 1px at 250px 300px,#ffffff40,transparent),radial-gradient(1px 1px at 560px 50px,#ffffff30,transparent),radial-gradient(1px 1px at 330px 480px,#ffffff35,transparent);background-size:650px 550px;animation:drift 120s linear infinite}.starfield:after{background-image:radial-gradient(1.5px 1.5px at 120px 190px,#ffffff80,transparent),radial-gradient(1.5px 1.5px at 400px 80px,#ffffff70,transparent),radial-gradient(1.5px 1.5px at 280px 370px,#ffffff80,transparent),radial-gradient(1.5px 1.5px at 550px 280px,#ffffff60,transparent),radial-gradient(2px 2px at 60px 440px,#ffffcc90,transparent),radial-gradient(1.5px 1.5px at 500px 150px,#ffffff70,transparent),radial-gradient(2px 2px at 340px 210px,#ccddff80,transparent),radial-gradient(1.5px 1.5px at 180px 50px,#ffffff60,transparent);background-size:620px 500px;animation:twinkle 4s ease-in-out infinite alternate,drift 180s linear infinite}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.site-nav{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--ff-box-top) 0%,var(--ff-box-bottom) 100%);border-bottom:3px solid;border-color:var(--ff-border-lo);padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.site-nav a{font-family:var(--ff-pixel);font-size:9px;color:var(--ff-text);text-decoration:none;padding:var(--sp-1) var(--sp-2)}.site-nav a:hover{color:var(--ff-text-yellow)}.nav-back{display:flex;align-items:center;gap:var(--sp-2)}.nav-back:before{content:"◀";font-size:8px}.nav-title{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);text-transform:uppercase;letter-spacing:1px}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4);gap:var(--sp-6)}.terra-wrap{display:flex;justify-content:center;padding:var(--sp-4) 0}.terra-sprite{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(2.5);transform-origin:center;animation:terra-float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(88,216,216,.4))}@keyframes terra-float{0%,to{transform:scale(2.5) translateY(0)}50%{transform:scale(2.5) translateY(-6px)}}.intro-box{max-width:600px;width:100%;text-align:center}.intro-box h1{margin-bottom:var(--sp-2)}.intro-subtitle{font-family:var(--ff-pixel);font-size:9px;color:var(--ff-text-dim);margin-bottom:var(--sp-4);letter-spacing:1px}.intro-text{font-size:15px;line-height:1.7;color:var(--ff-text-dim)}.world-nav{max-width:500px;width:100%}.world-nav .ff-box{padding:var(--sp-2) var(--sp-3)}.quote-box{max-width:500px;width:100%;text-align:center}.quote{font-family:var(--ff-pixel);font-size:8px;line-height:2;color:var(--ff-text-dim);font-style:italic}.quote-attr{font-family:var(--ff-pixel);font-size:7px;color:var(--ff-text-grey);margin-top:var(--sp-2)}.social-row{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}.social-link{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey);text-decoration:none;padding:var(--sp-1);transition:color .12s}.social-link:hover{color:var(--ff-text-yellow)}.desktop-hint{font-family:var(--ff-pixel);font-size:7px;color:var(--ff-text-grey);opacity:.6;padding-top:var(--sp-4)}@media(min-width:1024px){.landing{padding:0;gap:0;position:relative;min-height:100vh;justify-content:center}.world-map-bg{position:fixed;inset:0;z-index:-1;background:url(/images/ff6-world-map.png) center / cover no-repeat;opacity:.25;filter:blur(1px)}.landing-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);padding:var(--sp-8)}.intro-box{max-width:700px}.intro-box h1{font-size:22px}.terra-sprite{transform:scale(3);animation-name:terra-float-lg}@keyframes terra-float-lg{0%,to{transform:scale(3) translateY(0)}50%{transform:scale(3) translateY(-8px)}}.world-nav{max-width:550px}.ff-menu-item{font-size:13px;padding:var(--sp-4) var(--sp-5)}.ff-menu-sub{font-size:10px}}.page-content{padding:var(--sp-6) var(--sp-4) var(--sp-12)}.page-header{text-align:center;margin-bottom:var(--sp-8)}.page-header h1{margin-bottom:var(--sp-2)}.page-header-sub{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-dim)}.resume-section{margin-bottom:var(--sp-8)}.resume-section h2{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:2px solid var(--ff-border-mid)}.exp-entry{padding:var(--sp-4) 0}.exp-entry+.exp-entry{border-top:1px solid rgba(88,88,168,.3)}.exp-header{margin-bottom:var(--sp-2)}.exp-title{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);line-height:1.6}.exp-company{font-size:15px;color:var(--ff-text-cyan)}.exp-dates{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey);margin-top:var(--sp-1)}.exp-highlights{list-style:none;padding:0;margin-top:var(--sp-2)}.exp-highlights li{padding-left:var(--sp-5);position:relative;margin-bottom:var(--sp-2);font-size:14px;line-height:1.6;color:var(--ff-text-dim)}.exp-highlights li:before{content:"▸";position:absolute;left:var(--sp-2);color:var(--ff-border-mid)}.edu-entry{padding:var(--sp-3) 0}.edu-entry+.edu-entry{border-top:1px solid rgba(88,88,168,.2)}.edu-degree{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);line-height:1.6}.edu-school{font-size:14px;color:var(--ff-text-cyan)}.edu-year{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey)}.edu-details{font-size:13px;color:var(--ff-text-dim);margin-top:var(--sp-1)}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.skills-grid{grid-template-columns:1fr 1fr}}.skill-category h3{margin-bottom:var(--sp-2)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.skill-tag{background:#5858a833;border:1px solid var(--ff-border-lo);border-radius:4px;padding:var(--sp-1) var(--sp-2);font-size:12px;color:var(--ff-text-dim)}.fun-facts{list-style:none;padding:0}.fun-fact{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:14px;color:var(--ff-text-dim)}.fun-fact-icon{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);flex-shrink:0}.feed-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.feed-grid{grid-template-columns:repeat(3,1fr)}}.feed-card{background:linear-gradient(180deg,var(--ff-box-top) 0%,var(--ff-box-bottom) 100%);border:2px solid;border-color:var(--ff-border-hi) var(--ff-border-lo) var(--ff-border-lo) var(--ff-border-hi);border-radius:8px;outline:2px solid var(--ff-border-outer);overflow:hidden;transition:transform .15s,border-color .15s}.feed-card:hover{transform:translateY(-2px);border-color:var(--ff-text-yellow) var(--ff-gold) var(--ff-gold) var(--ff-text-yellow)}.feed-card a{display:block;text-decoration:none;color:var(--ff-text)}.feed-card-img{width:100%;height:180px;object-fit:cover;border-bottom:2px solid var(--ff-border-lo)}.feed-card-body{padding:var(--sp-3)}.feed-card-title{font-family:var(--ff-pixel);font-size:9px;line-height:1.6;margin-bottom:var(--sp-1);color:var(--ff-text)}.feed-card-meta{font-size:12px;color:var(--ff-text-dim)}.feed-card-rating{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);margin-top:var(--sp-1)}.feed-empty{text-align:center;padding:var(--sp-8);color:var(--ff-text-grey)}.feed-empty p{font-family:var(--ff-pixel);font-size:10px;line-height:2}.creation-section{margin-bottom:var(--sp-8)}.creation-section h2{margin-bottom:var(--sp-4)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;border:2px solid var(--ff-border-lo);outline:2px solid var(--ff-border-outer)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:var(--sp-6) var(--sp-4);text-align:center}.zozo-title{font-family:var(--ff-pixel);font-size:32px;color:var(--ff-text-red);margin-bottom:var(--sp-2);text-shadow:2px 2px 0 #400010}.zozo-subtitle{font-family:var(--ff-pixel);font-size:11px;color:var(--ff-text-dim);margin-bottom:var(--sp-6);line-height:2}.zozo-dialog{max-width:500px;width:100%;margin-bottom:var(--sp-6)}.zozo-dialog p{font-family:var(--ff-pixel);font-size:10px;line-height:2.2;color:var(--ff-text)}.audio-toggle{position:fixed;bottom:var(--sp-4);right:var(--sp-4);z-index:100;background:linear-gradient(180deg,var(--ff-box-top) 0%,var(--ff-box-bottom) 100%);border:2px solid;border-color:var(--ff-border-hi) var(--ff-border-lo) var(--ff-border-lo) var(--ff-border-hi);border-radius:8px;outline:2px solid var(--ff-border-outer);padding:var(--sp-2) var(--sp-3);color:var(--ff-text);font-family:var(--ff-pixel);font-size:8px;cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);transition:border-color .12s}.audio-toggle:hover{border-color:var(--ff-text-yellow) var(--ff-gold) var(--ff-gold) var(--ff-text-yellow)}.audio-toggle[data-playing=true]{color:var(--ff-text-green)}.audio-icon{font-size:12px;line-height:1}@keyframes reveal{0%{max-width:0}to{max-width:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .6s ease-out both}.fade-in-delay-1{animation-delay:.15s}.fade-in-delay-2{animation-delay:.3s}.fade-in-delay-3{animation-delay:.45s}.fade-in-delay-4{animation-delay:.6s}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"▼";font-size:8px;margin-left:var(--sp-2);animation:blink 1s steps(1) infinite;color:var(--ff-text)}@media(max-width:480px){h1{font-size:12px;word-break:break-word}h2{font-size:10px}.page-header-sub{font-size:7px}.ff-menu-item{font-size:9px;padding:var(--sp-2) var(--sp-3)}.ff-menu-sub{font-size:7px}.exp-title{font-size:9px}.exp-company{font-size:13px}.exp-dates{font-size:7px}.exp-highlights li{font-size:13px;padding-left:var(--sp-4)}.edu-degree{font-size:9px}.edu-school{font-size:13px}.edu-details{font-size:12px}.skill-tag{font-size:11px}.contact-bar{font-size:12px;line-height:2}.contact-bar .separator{display:none}.contact-bar a,.contact-bar span{display:block}.site-nav{padding:var(--sp-2) var(--sp-3)}.site-nav a,.nav-title,.feed-card-title{font-size:8px}.zozo-title{font-size:24px}.zozo-dialog p{font-size:9px}}@media(min-width:768px){.container{padding:var(--sp-6) var(--sp-8)}.page-content{padding:var(--sp-8) var(--sp-6) var(--sp-12)}.exp-title{font-size:11px}.exp-highlights li{font-size:15px}}