:root{--bg:#101421;--panel:#171d2e;--mint:#93f4c2;--purple:#b6a0ff;--peach:#ffc19c;--blue:#88c8ff;--text:#edf0f8;--muted:#9ca7be;--line:#30394c;--pixel:'Press Start 2P',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--peach);outline-offset:7px}::selection{background:var(--mint);color:var(--bg)}h1,h2,h3,p{margin:0}img{max-width:100%}.pixel{font-family:var(--pixel);font-size:9px;line-height:1.9}.mint{color:var(--mint)}.purple{color:var(--purple)}.peach{color:var(--peach)}.blue{color:var(--blue)}.container{max-width:1280px;margin:auto;padding:0 6%}.header{height:88px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff15;background:#10142175}.brand{font-family:var(--pixel);font-size:13px;display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:29px;height:31px;background:var(--mint);color:var(--bg);box-shadow:3px 3px 0 #44856d;margin-right:7px}.header nav{display:flex;gap:27px;font-family:var(--pixel);font-size:8px;color:#bac4d7}.header nav a:hover{color:var(--mint)}.small-btn{font-family:var(--pixel);font-size:8px;display:flex;gap:24px;align-items:center;border:1px solid #849b9d;padding:12px 16px;background:#93f4c208;box-shadow:3px 3px 0 #93f4c21a}.small-btn:hover{background:var(--mint);color:var(--bg)}.hero{min-height:820px;height:100svh;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;background:#101b2d}.sky{position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 80% 60%,#46517b 0,transparent 50%),linear-gradient(#101522,#182735)}.hero-art{position:absolute;inset:-2% -2% -5%;z-index:-4;background:url('assets/pixel-world.png') center 58%/cover no-repeat;image-rendering:pixelated;transform:translateY(var(--parallax,0px)) scale(1.04);will-change:transform}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1229dd 0%,#0b122960 47%,transparent 75%),linear-gradient(0deg,#101421 0%,transparent 26%)}.hero-content{position:relative;margin-left:7.3%;padding-top:max(170px,20vh);max-width:1050px;z-index:2}.status{font-family:var(--pixel);font-size:8px;letter-spacing:1px;color:#bbc9db;display:flex;gap:12px;align-items:center;margin-bottom:38px}.status span,.live-dot,.hero-meta i{display:inline-block;width:6px;height:6px;background:var(--mint);box-shadow:0 0 10px #93f4c280;animation:blink 2s steps(2,end) infinite}.hello{font-size:13px;margin-bottom:24px;color:var(--mint)}.wave{display:inline-block;color:var(--peach);animation:twinkle 2s steps(3) infinite;margin-left:10px}h1{font-family:var(--pixel);font-size:clamp(23px,3.05vw,46px);letter-spacing:-1.5px;line-height:1.65;text-shadow:4px 4px #101421}h1 .outline{color:#e9e8f7}.hero-copy{font-size:16px;color:#c0cbe1;line-height:1.75;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:33px}.pixel-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-family:var(--pixel);font-size:9px;line-height:1.8;background:var(--mint);color:#10291f;padding:19px 22px;box-shadow:5px 5px 0 #3a7967;border:2px solid #bbffde;position:relative;transition:transform .16s,box-shadow .16s}.pixel-btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #3a7967;background:#b4ffdb}.pixel-btn span:last-child{font-family:var(--sans);font-size:22px;line-height:1}.text-link{font-size:13px;color:#d4dbed;border-bottom:1px solid #8492aa;padding:5px 0}.text-link:hover{color:var(--mint)}.hero-meta{display:flex;gap:30px;font-family:var(--pixel);font-size:7px;color:#abb8cc;margin-top:42px}.hero-meta i{margin-right:8px;width:5px;height:5px}.hero-character{position:absolute;right:11%;bottom:16%;width:180px;z-index:3;animation:float 3s steps(8,end) infinite}.avatar{height:220px;width:180px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 5px 0 #070e2577)}.speech{position:absolute;bottom:108%;left:-32px;background:#f2ecdd;color:#20263a;padding:15px 17px;border:3px solid #141a29;box-shadow:4px 4px 0 #0008;white-space:nowrap;font-size:8px;transform-origin:bottom center;animation:hello-bubble 9s steps(1) infinite}.speech:after{content:'';position:absolute;bottom:-11px;left:60px;width:12px;height:12px;background:#f2ecdd;border-bottom:3px solid #141a29;border-right:3px solid #141a29;transform:skewY(40deg)}.character-shadow{height:13px;background:#060d1c99;position:absolute;bottom:23px;width:95px;left:43px;border-radius:50%;z-index:-1}.nameplate{display:block;text-align:center;font-size:8px;background:#101421d9;padding:6px 8px;border:1px solid #93f4c259}.nameplate span{color:var(--mint);font-size:7px;margin-left:8px}.world-coordinate{position:absolute;left:4%;bottom:35px;font-size:8px;color:#e8eaf4}.world-coordinate span{font-size:6px;color:#97a5bd}.scroll-cue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:13px;align-items:center;font-size:7px;color:#d6e0ed;white-space:nowrap}.mouse{border:1px solid #93f4c277;color:var(--mint);padding:5px 9px;animation:nudge 1.8s steps(6,end) infinite}.scene-label{position:absolute;right:4%;bottom:39px;font-size:6px;color:#aebbd1}.scene-label span{width:4px;height:4px;margin-right:8px}.stars{position:absolute;inset:0;pointer-events:none;z-index:-2}.star{position:absolute;background:#c9fbe8;animation:twinkle var(--duration,3s) steps(2,end) infinite;animation-delay:var(--delay,0s)}.shooting-star{position:absolute;top:22%;left:55%;height:3px;width:80px;z-index:-1;background:linear-gradient(90deg,transparent,#c8ffe4);transform:rotate(-30deg);animation:shoot 9s linear infinite}.ticker{background:var(--mint);color:#142b26;overflow:hidden;border-top:4px solid #40695e;border-bottom:4px solid #40695e;padding:18px 0}.ticker-track{display:flex;align-items:center;gap:45px;width:max-content;animation:marquee 32s linear infinite;font-family:var(--pixel);font-size:10px}.ticker-track b{font-size:19px;font-weight:400}.section{padding:100px 0;position:relative}.section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;font-family:var(--pixel);font-size:7px;color:#8b98b1;margin-bottom:60px;line-height:1.8}.about{background:radial-gradient(ellipse at 5% 40%,#1b34432e,transparent 60%),var(--bg)}.about-layout{display:grid;grid-template-columns:.82fr 1.25fr;gap:9%;align-items:center}.profile-card{background:var(--panel);border:2px solid #495069;box-shadow:8px 8px 0 #080c16;position:relative;transform:rotate(-2deg);transition:transform .4s}.profile-card:hover{transform:rotate(0deg) translateY(-6px)}.card-top{display:flex;justify-content:space-between;padding:17px 18px;background:#22293b;border-bottom:2px solid #495069;font-size:7px}.portrait-zone{height:260px;background:radial-gradient(circle,#314361,#192639 60%);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:end}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(#93f4c210 1px,transparent 1px),linear-gradient(90deg,#93f4c210 1px,transparent 1px);background-size:24px 24px;animation:grid-drift 7s linear infinite}.profile-avatar{height:235px;width:200px;object-fit:contain;position:relative;image-rendering:pixelated;animation:float 3s steps(8,end) infinite}.portrait-caption{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:6px;background:#101421df;padding:5px 8px;white-space:nowrap;color:var(--mint)}.tiny-spark{position:absolute;font-size:25px;color:var(--mint);animation:twinkle 2.5s steps(2) infinite}.spark-one{top:45px;left:20%}.spark-two{top:100px;right:15%;color:var(--purple);animation-delay:1s}.profile-info{padding:24px}.profile-info h3{font-size:21px;line-height:1.3}.profile-info p{font-size:12px;color:#8d9ab5;margin-top:6px}.profile-tags{display:flex;gap:8px;margin-top:19px;font-family:var(--pixel);font-size:6px}.profile-tags span{padding:6px 8px;background:#272f43;color:#bcc5d9}.player-health{margin-top:24px;display:flex;gap:9px;align-items:center}.player-health>span{font-size:6px;color:#a5b1c8}.player-health>span:last-child{font-size:21px;color:var(--mint)}.player-health>div{display:flex;gap:3px;flex:1}.player-health i{height:10px;background:var(--mint);flex:1;animation:health-pulse 4s steps(2) infinite}.player-health i:nth-child(even){animation-delay:1s}.kicker{color:var(--purple);font-size:8px;margin-bottom:20px}h2{font-size:clamp(31px,3.3vw,45px);line-height:1.23;letter-spacing:-1.7px;font-weight:600}.about-copy>p:not(.kicker){color:var(--muted);font-size:15px;line-height:1.85;margin-top:22px}.stats{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.stats strong{font-size:31px;font-weight:500;letter-spacing:-1px;display:block}.stats strong span{color:var(--mint);font-size:22px;margin-left:3px}.stats small{font-family:var(--pixel);font-size:5px;color:#a2adc1;display:block;margin-top:5px}.quests{background:#141929;border-top:1px solid #222b3e;border-bottom:1px solid #222b3e}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:50px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:330px}.quest-list{position:relative;padding-left:38px}.quest-path{position:absolute;left:5px;top:25px;bottom:25px;width:2px;background:repeating-linear-gradient(0deg,#4d576d 0 5px,transparent 5px 10px)}.path-fill{position:absolute;top:0;left:0;width:2px;height:var(--quest-progress,0%);background:var(--mint)}.path-player{position:absolute;top:var(--quest-progress,0%);left:-8px;color:var(--mint);font-size:20px;line-height:1;filter:drop-shadow(0 0 8px #93f4c299)}.quest-card{display:grid;grid-template-columns:30px 100px 1fr 45px;gap:25px;position:relative;background:#1a2133;border:1px solid #343e55;padding:32px;margin-bottom:20px;box-shadow:4px 4px 0 #0b101d;transition:background .2s,border-color .2s,transform .3s}.quest-card:hover{background:#202b3b;border-color:#7ca593;transform:translateX(5px)}.quest-number{font-size:8px;color:#70819d;padding-top:5px}.quest-icon{width:88px;height:88px;display:grid;place-items:center;position:relative;align-self:center}.quest-icon span{font-size:45px;line-height:1;animation:icon-float 3s steps(5,end) infinite}.icon-portal{background:#143b38;border:2px solid #3d8c73;color:var(--mint);box-shadow:inset 5px 5px #1d4b44,4px 4px #0c1221}.icon-orbit{background:#302749;border:2px solid #715c9d;color:var(--purple);box-shadow:inset 5px 5px #44345f,4px 4px #0c1221}.icon-book{background:#3e2d29;border:2px solid #9b705b;color:var(--peach);box-shadow:inset 5px 5px #503b33,4px 4px #0c1221}.quest-status{font-size:6px;margin-bottom:10px}.quest-details h3{font-size:27px;font-weight:600;letter-spacing:-.7px;line-height:1.25}.quest-role{color:#d6ddeb;font-size:13px;margin:8px 0 12px}.quest-details>p:last-of-type{font-size:13px;color:var(--muted);line-height:1.8;max-width:600px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;font-family:var(--pixel);font-size:5px}.tags span{background:#242d41;color:#b1bfd5;border:1px solid #3b465d;padding:6px 8px}.quest-link{display:grid;place-items:center;width:40px;height:40px;border:1px solid #58697c;font-size:25px;background:#222d3f}.quest-link:hover{background:var(--mint);color:var(--bg)}.completed{color:var(--peach);font-size:8px;align-self:center;text-align:center}.quest-footer{font-size:7px;color:#8496b0;margin:35px 0 0 38px}.blink{color:var(--mint);margin-right:12px;animation:blink 1.5s steps(2) infinite}.skills{background-image:radial-gradient(#72829e21 1px,transparent 1px);background-size:18px 18px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.skill-card{background:#171d2e;border:1px solid #343f55;padding:30px;box-shadow:4px 4px #070e1b;transition:transform .25s,border-color .25s}.skill-card:hover{transform:translateY(-6px);border-color:#93f4c299}.skill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.skill-symbol{font-size:36px;line-height:1}.skill-top>.pixel{font-size:6px;color:#9ca8c2}.skill-card h3{font-size:23px;line-height:1.3;letter-spacing:-.6px}.skill-card p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:14px;min-height:76px}.skill-tools{display:flex;gap:12px;flex-wrap:wrap;color:#b2c1d8;font-size:10px;margin:25px 0}.skill-tools span:before{content:'+';color:var(--mint);margin-right:6px}.xp-bar{height:7px;background:#0b101d;overflow:hidden}.xp-bar i{display:block;height:100%;width:0;max-width:var(--fill);background:repeating-linear-gradient(90deg,var(--mint) 0 14px,#394b4a 14px 17px);transition:width 1.8s steps(15,end)}.visible .xp-bar i{width:var(--fill)}.purple-bar i{background:repeating-linear-gradient(90deg,var(--purple) 0 14px,#4a3b65 14px 17px)}.peach-bar i{background:repeating-linear-gradient(90deg,var(--peach) 0 14px,#5e4943 14px 17px)}.blue-bar i{background:repeating-linear-gradient(90deg,var(--blue) 0 14px,#354a65 14px 17px)}.skill-note{font-size:10px;color:#7a88a2;text-align:right;margin-top:20px}.contact{border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 55%,#1c353d44,transparent 65%),#111724;overflow:hidden;padding-bottom:28px}.contact-content{text-align:center;position:relative;z-index:1}.contact-content .kicker{color:var(--mint);font-size:7px;margin-top:25px}.contact h2{font-size:clamp(42px,5.5vw,77px);line-height:1.16;letter-spacing:-3px}.contact-content>p:not(.kicker){font-size:15px;color:var(--muted);margin:25px auto 30px;line-height:1.8}.contact .pixel-btn{min-width:210px}.contact-links{display:flex;justify-content:center;gap:35px;margin:50px 0 70px;font-family:var(--pixel);font-size:7px}.contact-links a{padding-bottom:9px;border-bottom:1px solid #536279}.contact-links a span{color:var(--mint);margin-left:14px}.contact-links a:hover{color:var(--mint)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px}footer .brand{font-size:10px;gap:0}footer p{font-size:10px;color:#7e8da7}footer>a:last-child{font-size:6px;color:#b2c0d7}.robot{position:relative;width:66px;height:65px;margin:0 auto 25px;animation:robot-bob 2s steps(6,end) infinite}.robot-head{position:absolute;top:10px;left:3px;width:60px;height:42px;background:#bca4f3;border:4px solid #655780;box-shadow:4px 0 #8f80b4,-4px 0 #8f80b4;display:flex;gap:15px;align-items:center;justify-content:center}.robot-head i{display:block;width:8px;height:9px;background:#163b41;box-shadow:0 2px #93f4c2;animation:eye-blink 5s steps(1,end) infinite}.robot-head b{position:absolute;bottom:5px;left:22px;height:3px;width:8px;background:#655780}.antenna{width:4px;height:15px;position:absolute;left:32px;top:-5px;background:#bca4f3}.antenna:before{content:'';position:absolute;top:-4px;left:-3px;width:10px;height:7px;background:var(--mint);animation:blink 2s steps(2) infinite}.robot-feet{position:absolute;bottom:3px;left:11px;width:12px;height:10px;background:#6d638e;box-shadow:33px 0 #6d638e}.robot-shadow{position:absolute;bottom:-8px;width:54px;left:7px;height:5px;background:#060c16}.contact-stars{position:absolute;inset:0;background-image:radial-gradient(#93f4c277 1px,transparent 1px),radial-gradient(#b6a0ff88 1px,transparent 1px);background-size:170px 150px,250px 210px;background-position:20px 20px,75px 50px;animation:twinkle 5s steps(3) infinite}.journey-hud{position:fixed;right:25px;bottom:23px;background:#101725eb;border:1px solid #536079;box-shadow:3px 3px #060b16;z-index:15;display:flex;align-items:center;padding:10px 13px;gap:12px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;pointer-events:none}.journey-hud.active{opacity:1;transform:none}.journey-hud .pixel{font-size:6px;color:#adbad1}.journey-hud b{color:var(--mint)}.hud-track{width:58px;height:5px;background:#2b3548}.hud-track i{display:block;background:var(--mint);height:100%;width:var(--scroll,0%)}.journey-hud .hud-percent{color:var(--mint);width:26px}.motion-toggle{position:fixed;left:18px;bottom:18px;z-index:16;border:1px solid #536079;color:#bdcde1;background:#111928e8;padding:8px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;font-family:var(--pixel);font-size:8px}.motion-toggle span{font-size:5px}.scroll-meter{position:fixed;top:0;left:0;height:3px;background:var(--mint);width:var(--scroll,0%);z-index:30;box-shadow:0 0 10px #93f4c2aa}.toast{position:fixed;top:105px;right:25px;z-index:25;padding:15px 20px;background:#21382f;border:2px solid #73b597;box-shadow:4px 4px #070e16;font-size:7px;color:var(--mint);transform:translateX(130%);transition:transform .4s steps(8,end);max-width:270px}.toast.show{transform:none}.reveal{opacity:1}.js .reveal{opacity:0;translate:0 26px;transition:opacity .7s,translate .7s}.js .reveal.visible{opacity:1;translate:0 0}.motion-off *, .motion-off *:before,.motion-off *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-off .hero-art{transform:scale(1.04)!important}.motion-off .reveal{opacity:1;translate:none;transition:none}.motion-off .xp-bar i{width:var(--fill);transition:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{50%{opacity:.3}}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}@keyframes nudge{50%{translate:0 5px}}@keyframes shoot{0%,82%,100%{opacity:0;translate:0 0}83%{opacity:1;translate:0 0}93%{opacity:0;translate:230px -130px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes hello-bubble{0%,62%{opacity:1;scale:1}63%,99%{opacity:0;scale:.9}}@keyframes grid-drift{to{transform:translateY(24px)}}@keyframes health-pulse{50%{opacity:.65}}@keyframes robot-bob{50%{translate:0 -8px;rotate:3deg}}@keyframes eye-blink{0%,93%,100%{scale:1 1}94%,96%{scale:1 .15}}
@media(min-width:1600px){.hero-content{max-width:1200px;margin:auto;padding-left:0}.hero-character{right:15%;width:220px}.avatar{width:220px;height:270px}}@media(max-width:1100px){.header nav{gap:18px;font-size:7px}.brand{font-size:11px}.hero-content{margin-left:6%}h1{font-size:3.25vw;letter-spacing:-1px}.hero-character{right:7%;bottom:15%;width:145px}.avatar{height:180px;width:145px}.nameplate{font-size:6px}.nameplate span{font-size:5px}.speech{font-size:6px;left:-15px}.about-layout{gap:6%}.stats strong{font-size:27px}.stats small{font-size:4px}.quest-card{grid-template-columns:20px 80px 1fr 35px;gap:18px;padding:28px}.quest-icon{width:70px;height:75px}.scene-label{display:none}.hero-copy{max-width:500px}.section{padding:85px 0}}
@media(max-width:760px){.header{height:75px;padding:0 6%}.header nav{display:none}.brand{font-size:10px}.brand-icon{width:25px;height:27px}.small-btn{font-size:6px;gap:12px;padding:10px}.hero{height:960px;min-height:0;max-height:none}.hero-content{padding-top:138px;margin:0 7%;}.status{font-size:6px;line-height:1.9;margin-bottom:28px;letter-spacing:0}.hello{font-size:10px;margin-bottom:21px}h1{font-size:clamp(14px,4.1vw,30px);line-height:1.85;letter-spacing:-.8px}.hero-copy{font-size:14px;max-width:400px;margin-top:24px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:28px}.pixel-btn{font-size:7px;padding:16px 17px;gap:22px}.text-link{font-size:12px}.hero-meta{flex-direction:column;gap:9px;font-size:6px;margin-top:28px}.hero-art{inset:15% -65% -2% -35%;background-position:center bottom;background-size:cover}.hero-art:after{background:linear-gradient(180deg,#0e172beb, #0c162a70 40%,transparent 65%,#101421 97%)}.hero-character{right:17%;bottom:12%;width:130px}.avatar{width:130px;height:175px}.speech{left:-45px;bottom:106%;font-size:6px;padding:11px 14px}.world-coordinate{left:7%;bottom:28px;font-size:6px}.world-coordinate span{font-size:5px}.scroll-cue{left:auto;right:7%;transform:none;bottom:30px;font-size:5px;gap:8px}.mouse{padding:4px 6px}.hero-meta{max-width:240px}.ticker{padding:13px 0}.ticker-track{font-size:8px;gap:25px}.ticker-track b{font-size:14px}.section{padding:65px 0}.container{padding:0 7%}.section-label{font-size:6px;align-items:start;margin-bottom:35px}.section-label span:last-child{max-width:125px;text-align:right;font-size:5px}.about-layout{grid-template-columns:1fr;gap:42px}.profile-card{max-width:330px;margin:0 auto;width:100%;order:2}.about-copy{order:1}h2{font-size:33px;letter-spacing:-1.3px}.about-copy>p:not(.kicker){font-size:14px}.stats strong{font-size:29px}.stats small{font-size:4.5px;line-height:1.9}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px;font-size:13px}.quest-list{padding-left:22px}.quest-path{left:1px}.quest-card{grid-template-columns:46px 1fr 26px;gap:15px;padding:22px 17px}.quest-number{position:absolute;top:10px;left:-29px;font-size:6px;background:#141929;padding:6px 0}.quest-icon{width:46px;height:50px;align-self:start;margin-top:20px}.quest-icon span{font-size:28px}.quest-details h3{font-size:23px}.quest-status{font-size:5px;line-height:2}.quest-role{font-size:11px}.quest-details>p:last-of-type{font-size:12px}.quest-link{width:27px;height:30px;font-size:20px}.tags{gap:5px}.tags span{font-size:4px;padding:5px}.completed{font-size:6px}.quest-footer{font-size:5px;margin:25px 0 0 22px;line-height:2}.skill-grid{grid-template-columns:1fr;gap:18px}.skill-card{padding:25px}.skill-card h3{font-size:22px}.skill-card p{min-height:0;font-size:13px}.skill-tools{margin:20px 0}.skill-note{font-size:9px;text-align:left}.contact h2{font-size:45px;letter-spacing:-2px}.contact-content>p:not(.kicker){font-size:13px}.contact-links{gap:22px;font-size:5px;margin:40px 0 55px}.contact-links a span{margin-left:5px}footer{flex-wrap:wrap;gap:20px}footer .brand{font-size:8px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{font-size:5px}.journey-hud{right:12px;bottom:12px;padding:8px 9px;gap:8px}.journey-hud .pixel{font-size:5px}.hud-track{width:35px}.motion-toggle{left:12px;bottom:12px;padding:7px 9px}.motion-toggle span{font-size:4px}.toast{top:88px;right:15px;font-size:6px;max-width:230px}.profile-card:hover{transform:rotate(-2deg)}.hero-actions .text-link{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:none}.xp-bar i{width:var(--fill)}.hero-art{transform:scale(1.04)!important}}

/* SinaDali identity */
.brand-sinadali{gap:12px}.sd-mark{display:block;width:52px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #0006);transition:transform .2s steps(3,end)}.brand-sinadali:hover .sd-mark{transform:translateY(-3px)}.brand-wordmark{display:inline-block;white-space:nowrap;letter-spacing:-.6px}.brand-wordmark>.mint{color:var(--purple)}footer .brand-sinadali{gap:10px}footer .sd-mark{width:44px;height:44px}@media(max-width:760px){.brand-sinadali{gap:8px}.sd-mark{width:42px;height:42px}.brand-wordmark{font-size:9px;letter-spacing:-.5px}footer .sd-mark{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.brand-sinadali:hover .sd-mark{transform:none}}

/* Collaboration-focused content */
.hero-copy{max-width:600px}.credential{margin-top:26px;padding:17px 20px;border-left:3px solid var(--purple);background:#1b2335}.credential strong,.credential>span{display:block}.credential .pixel{font-size:6px;margin-bottom:8px}.credential strong{font-size:15px}.credential>span:last-child{font-size:12px;color:var(--muted);margin-top:4px}.zax-wordmark{font-family:var(--pixel);font-size:19px}.zax-feature .quest-details>p:last-of-type{margin-top:12px}.zax-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-family:var(--pixel);font-size:6px;color:var(--mint)}.zax-links a{border-bottom:1px solid #547d70;padding-bottom:6px}.zax-links>span{color:var(--muted)}.working-method{margin-top:35px;padding:30px;border:1px solid var(--line);background:#171d2e}.working-method h3{font-size:25px;line-height:1.3}.working-method>p:not(.kicker){font-size:14px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:870px}.method-steps{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-family:var(--pixel);font-size:6px;color:var(--mint)}.discord-copy{font:inherit;color:inherit;line-height:inherit;border:0;border-bottom:1px solid #536279;padding:0 0 9px;background:none;cursor:pointer}.discord-copy span{color:var(--mint);margin-left:12px;font-size:5px}.discord-copy:hover{color:var(--mint)}.contact-links{flex-wrap:wrap}.skill-card p{min-height:100px}.contact h2{font-size:clamp(35px,4.5vw,65px)}@media(max-width:760px){.status{max-width:290px}.hero-copy{max-width:380px}.hero{height:1000px}.zax-wordmark{font-size:11px}.zax-links{font-size:5px;gap:15px}.working-method{padding:23px}.working-method h3{font-size:22px}.method-steps{gap:17px;font-size:5px}.skill-card p{min-height:0}.contact h2{font-size:37px}.contact-links{row-gap:22px}.hero-meta{max-width:300px}}

/* Pixel portal buttons */
.hello{font-size:10px;line-height:2;max-width:650px}.text-link{display:inline-flex;align-items:center;min-height:54px;padding:12px 18px;border:1px solid #74859d;background:#192538d9;box-shadow:3px 3px #080f20}.text-link:hover{background:#233c42;border-color:var(--mint)}.social-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-link{--accent:var(--mint);position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:105px;padding:19px 16px;text-align:left;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.4;border:2px solid color-mix(in srgb,var(--accent) 42%,#27344b);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#182033),#141c2e);box-shadow:5px 5px 0 #080d18;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;text-decoration:none;isolation:isolate}.portal-link:before,.portal-link:after{content:'';position:absolute;pointer-events:none;width:5px;height:5px;background:var(--accent);opacity:.7}.portal-link:before{top:-2px;left:-2px}.portal-link:after{bottom:-2px;right:-2px}.portal-purple{--accent:var(--purple)}.portal-blue{--accent:var(--blue)}.portal-link:hover{transform:translate(-2px,-4px);box-shadow:7px 9px 0 #080d18;border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#182033),#1b2538);color:var(--text)}.portal-link:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #080d18}.portal-icon{display:grid;place-items:center;flex:0 0 38px;height:40px;background:color-mix(in srgb,var(--accent) 12%,#172131);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);box-shadow:3px 3px #080d18}.portal-icon svg{width:22px;height:22px}.portal-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.portal-body strong{font-size:14px;font-weight:600;letter-spacing:0;line-height:1.35}.portal-body>span{font-size:11px;color:#a9b9ce;line-height:1.5;overflow-wrap:anywhere}.portal-arrow{color:var(--accent);font-size:21px;align-self:flex-start}.zax-links.social-portals{grid-column:1 / -1;gap:13px;margin-top:30px;font-size:inherit;color:inherit}.zax-links.social-portals a{padding:17px 13px;border:2px solid color-mix(in srgb,var(--accent) 42%,#27344b)}.zax-links .portal-link{min-height:105px;gap:9px}.zax-links .portal-icon{flex-basis:30px;height:34px}.zax-links .portal-icon svg{width:19px;height:19px}.zax-links .portal-body strong{font-size:12px}.zax-links .portal-body>span{font-size:10px}.contact-links.social-portals{max-width:980px;margin:45px auto 12px;text-align:left;gap:20px}.contact-links .portal-link{min-height:124px;padding:22px 20px;border:2px solid color-mix(in srgb,var(--accent) 42%,#27344b)}.contact-links .portal-icon{flex-basis:44px;height:46px}.contact-links .portal-body strong{font-size:15px}.contact-links .portal-body>span{font-size:12px}.contact-links .portal-arrow{color:var(--accent);margin:0}.contact-links .portal-icon,.contact-links .portal-body,.contact-links .portal-body>span{margin-left:0}.discord-copy .copy-status{font-family:var(--pixel);font-size:6px;color:var(--accent);margin:0;align-self:flex-start;line-height:2}.discord-copy.is-copied{border-color:var(--mint);--accent:var(--mint)}.copy-feedback{min-height:26px;color:var(--mint);font-size:12px;margin:15px 0 45px}.contact-content>.copy-feedback:not(.kicker){color:var(--mint);font-size:12px;margin:15px 0 45px}.quest-card.zax-feature{grid-template-columns:30px 100px 1fr 45px}.zax-feature .quest-details>.social-portals{margin-left:-155px}.contact-links a,.text-link,.discord-copy{text-decoration:none}a,button{text-decoration:none!important}@media(max-width:1100px){.zax-feature .quest-details>.social-portals{margin-left:-118px}.contact-links.social-portals{gap:13px}.contact-links .portal-link{padding:19px 15px;gap:10px}.contact-links .portal-icon{flex-basis:34px;height:38px}.contact-links .portal-body strong{font-size:13px}.contact-links .portal-body>span{font-size:10px}}@media(max-width:760px){.hello{font-size:7px;line-height:2.1;max-width:290px}.hero{height:1030px}.hero-actions{gap:17px}.text-link{min-height:48px;font-size:11px;padding:10px 14px}.quest-card.zax-feature{grid-template-columns:46px 1fr 26px}.zax-feature .quest-details>.social-portals{margin-left:0;grid-template-columns:1fr}.zax-links.social-portals{gap:12px}.zax-links.social-portals a{padding:16px;min-height:85px}.zax-links .portal-icon{flex-basis:37px;height:39px}.zax-links .portal-body strong{font-size:14px}.zax-links .portal-body>span{font-size:11px}.contact-links.social-portals{grid-template-columns:1fr;gap:17px;max-width:420px;margin-top:35px}.contact-links .portal-link{min-height:105px;padding:22px;gap:17px}.contact-links .portal-icon{flex-basis:44px;height:46px}.contact-links .portal-body strong{font-size:16px}.contact-links .portal-body>span{font-size:12px}.discord-copy .copy-status{font-size:6px}.contact-content>.copy-feedback:not(.kicker){font-size:11px}.stats small{line-height:2}.zax-feature .quest-details{min-width:0}}@media(prefers-reduced-motion:reduce){.portal-link:hover{transform:none}}
@media(max-width:760px){.quest-card.zax-feature{display:block;padding:25px 19px}.zax-feature .zax-wordmark{position:absolute;top:22px;left:19px;margin:0}.zax-feature .quest-details>.quest-status{padding-left:60px;padding-right:25px;min-height:60px;display:flex;align-items:center;margin-bottom:16px}.zax-feature>.quest-link{position:absolute;right:15px;top:22px}.zax-feature .quest-details>.social-portals{margin-left:0}.zax-feature .quest-details h3{font-size:25px}}

/* Sina and his companion */
.contact-companions{width:260px;height:220px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:companion-idle 4s steps(8,end) infinite;transform-origin:center bottom}.contact-companions img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 0 #080e1966)}@keyframes companion-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:760px){.contact-companions{width:225px;height:190px;margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.contact-companions{animation:none}}

/* Education chapter */
.education{background:radial-gradient(ellipse at 95% 20%,#4a376b30,transparent 55%),#141929;border-top:1px solid var(--line)}.education .section-label>span:last-child{font-size:6px}.education-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #4b4565;box-shadow:6px 6px #080e1b;background:#1b2133}.education-stats>div{padding:30px;border-right:1px solid #4b4565;position:relative}.education-stats>div:last-child{border:0}.education-stats .pixel{font-size:6px;color:var(--purple)}.education-stats strong{display:block;font-size:57px;line-height:1.25;font-weight:500;letter-spacing:-3px;margin:18px 0 13px}.education-stats strong>span{font-size:35px;color:var(--mint);margin-left:4px}.education-stats p{font-size:13px;line-height:1.8;color:var(--muted);max-width:230px}.education-intro{color:#b9c3d6;font-size:16px;line-height:1.9;margin:40px 0;max-width:900px}.education-topics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.education-topic{display:flex;gap:20px;padding:26px;background:#181f31;border:1px solid #323f58;transition:border-color .2s,background .2s}.education-topic:hover{border-color:#aa97d399;background:#1d263b}.education-number{color:var(--purple);font-size:8px;margin-top:6px}.education-topic h3{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.4px}.education-topic p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:13px}.education-outcome{padding:32px;margin-top:35px;border-left:3px solid var(--mint);background:#1a2a30}.education-outcome>.pixel{font-size:7px}.education-outcome h3{font-size:26px;line-height:1.4;margin-top:16px;letter-spacing:-.5px}.education-outcome p{font-size:14px;line-height:1.9;color:#b3c2ca;max-width:860px;margin-top:15px}.education-outcome .pixel-btn{margin-top:25px}.header nav{gap:20px;font-size:7px}@media(max-width:1100px) and (min-width:761px){.header nav{gap:14px;font-size:6px}.education-stats>div{padding:24px}.education-stats strong{font-size:45px}.education-topic{padding:22px;gap:16px}}@media(max-width:760px){.education-stats{grid-template-columns:1fr}.education-stats>div{padding:23px;border-right:0;border-bottom:1px solid #4b4565;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-items:center}.education-stats .pixel{font-size:6px;grid-column:1}.education-stats strong{grid-column:2;grid-row:1 / 3;font-size:40px;letter-spacing:-2px;margin:0;text-align:right}.education-stats strong>span{font-size:27px}.education-stats p{font-size:11px;grid-column:1}.education-intro{font-size:14px;margin:30px 0}.education-topics{grid-template-columns:1fr;gap:14px}.education-topic{padding:23px 20px;gap:16px}.education-topic h3{font-size:21px}.education-topic p{font-size:13px}.education-outcome{padding:25px 22px}.education-outcome h3{font-size:23px}.education-outcome p{font-size:13px}.education-outcome>.pixel{font-size:6px}.education .section-label>span:last-child{font-size:5px;max-width:130px}}

/* Medium pixel menu */
.header{height:100px;padding:0 4%;gap:24px;background:linear-gradient(180deg,#0d1627ed,#101b2bb8);border-bottom:1px solid #788ba128}.header nav{display:flex;align-items:center;gap:12px}.header .nav-tab{--tab-accent:#93f4c2;display:inline-flex;justify-content:center;align-items:center;gap:16px;position:relative;min-height:44px;min-width:104px;padding:14px 17px;background:#243b38;color:#d1f8e2;border:1px solid #5b8575;box-shadow:inset 0 2px #ffffff0a,0 3px #10221c,0 4px #72978555;font-family:var(--pixel);font-size:7px;line-height:1.6;white-space:nowrap;letter-spacing:0;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;animation:none;overflow:hidden}.header .nav-tab:before,.header .nav-tab:after{content:'';position:absolute;width:3px;height:3px;background:var(--tab-accent);opacity:.65;pointer-events:none}.header .nav-tab:before{top:0;left:0}.header .nav-tab:after{bottom:0;right:0}.header .tab-zax{--tab-accent:#b6a0ff;background:#302b44;border-color:#716489;color:#e4dcff;box-shadow:inset 0 2px #ffffff0a,0 3px #191626,0 4px #8878a155}.header .tab-collab{--tab-accent:#88c8ff;background:#243448;border-color:#566f8d;color:#d2eaff;box-shadow:inset 0 2px #ffffff0a,0 3px #131e30,0 4px #6d8fb155}.header .tab-education{--tab-accent:#e4c6a2;background:#3a322e;border-color:#827063;color:#f2dfc9;box-shadow:inset 0 2px #ffffff0a,0 3px #241d1a,0 4px #a28b7355}.header .tab-contact{min-width:140px;background:#93f4c2;border-color:#bfffdc;color:#142d25;box-shadow:inset 0 2px #ffffff55,0 3px #3c7e64,0 4px #172c26}.header .tab-contact span{font-family:var(--sans);font-size:20px;line-height:1}.header .nav-tab:hover{border-color:var(--tab-accent);transform:translateY(-2px);background:#35495a;box-shadow:inset 0 2px #ffffff10,0 4px #0b1320,0 6px #93f4c21a}.header .tab-contact:hover{background:#b4ffda;color:#142d25}.header .nav-tab:active{transform:translateY(2px);box-shadow:0 1px #0b1320}.hero-content{padding-top:max(170px,20vh)}.x-profile-portrait{display:block;height:auto;aspect-ratio:1;background:#15202d}.x-profile-portrait>img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform .5s}.x-profile-portrait:hover>img{transform:scale(1.025)}.x-profile-portrait .portrait-caption{bottom:14px;padding:7px 10px;font-size:6px;background:#101421e8;border:1px solid #93f4c266}.profile-card{transform:none}.profile-card:hover{transform:translateY(-4px)}.zax-identity{display:block;width:88px;height:88px;border:1px solid #4e6460;background:#000c09;box-shadow:3px 3px #0b101b;overflow:hidden;transition:border-color .2s}.zax-identity img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.zax-identity:hover{border-color:var(--mint)}@media(max-width:1100px) and (min-width:761px){.header{padding:0 3%;gap:15px}.header nav{gap:8px}.header .nav-tab{min-width:86px;padding:13px 11px;font-size:6px}.header .tab-contact{min-width:115px;gap:10px}.header .brand-wordmark{font-size:9px}.header .sd-mark{width:43px;height:43px}.header .brand-sinadali{gap:7px}.zax-identity{width:70px;height:75px}}@media(max-width:760px){.header{height:auto;min-height:135px;padding:15px 6% 14px;flex-wrap:wrap;gap:14px;align-items:center}.header .brand{margin-right:auto}.header .tab-contact{order:1;min-width:115px;min-height:39px;padding:11px 13px;font-size:6px;gap:12px}.header nav{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px}.header nav .nav-tab{min-width:0;min-height:39px;padding:12px 4px;font-size:5px;letter-spacing:-.3px}.hero-content{padding-top:192px}.hero{height:1080px}.profile-card:hover{transform:none}.zax-identity{width:48px;height:48px}.zax-feature .zax-wordmark{top:22px;left:19px;margin:0}.x-profile-portrait:hover>img{transform:none}}@media(prefers-reduced-motion:reduce){.header .nav-tab:hover{transform:none}.profile-card:hover{transform:none}}

/* Stardust details, kept inside a restrained box menu */
.header nav{gap:14px}.header .nav-tab{overflow:visible;isolation:isolate;background-image:linear-gradient(145deg,#ffffff0a,transparent 60%);box-shadow:inset 0 2px #ffffff0d,inset 0 -2px #0003,0 4px #0b1423,0 0 14px color-mix(in srgb,var(--tab-accent) 9%,transparent)}.header .nav-tab .nav-label{position:relative;z-index:3}.header .nav-tab:before{width:24px;height:2px;top:-1px;left:9px;background:linear-gradient(90deg,transparent,var(--tab-accent),transparent);opacity:.8;animation:menu-edge 5s ease-in-out infinite}.header .nav-tab:after{width:8px;height:2px;bottom:-1px;right:9px;opacity:.9}.nav-spark{position:absolute;z-index:4;display:block;width:3px;height:9px;background:var(--tab-accent);box-shadow:0 0 7px color-mix(in srgb,var(--tab-accent) 60%,transparent);pointer-events:none;animation:menu-spark 3.8s steps(4,end) infinite}.nav-spark:after{content:'';position:absolute;left:-3px;top:3px;width:9px;height:3px;background:inherit}.spark-left{top:-5px;left:14px;scale:.65}.spark-right{bottom:-5px;right:12px;scale:.8;animation-delay:-1.8s}.tab-zax .spark-left,.tab-education .spark-left{animation-delay:-1.2s}.tab-collab .spark-right,.tab-contact .spark-right{animation-delay:-2.7s}.header .nav-tab:hover{box-shadow:inset 0 2px #ffffff16,0 4px #0b1423,0 0 22px color-mix(in srgb,var(--tab-accent) 25%,transparent)}.header .tab-collab{--tab-accent:#dfb5ff;gap:9px;min-width:150px;padding:10px 13px;background:linear-gradient(125deg,#57326f,#353467 65%,#254c60);border-color:#a380c3;color:#fbecff;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.7px}.color-planet{width:31px;height:29px;flex:0 0 31px;overflow:visible;filter:drop-shadow(0 0 7px #c592fb33);animation:planet-hover 4s ease-in-out infinite}.collab-cta{position:relative;min-width:230px;justify-content:center;gap:14px;background:linear-gradient(115deg,#b19aff,#e7a5dd 58%,#ffd0b1);color:#241f3c;border-color:#eedbff;box-shadow:5px 5px #63467b,0 0 28px #b69aff19;padding:16px 21px;overflow:hidden}.collab-cta .collab-label{font-family:var(--sans);font-size:13px;letter-spacing:1px;font-weight:700}.collab-cta .color-planet{width:38px;height:34px;flex-basis:38px;filter:drop-shadow(2px 2px #52376d66)}.collab-cta .cta-arrow{font-size:22px}.collab-cta:hover{background:linear-gradient(115deg,#c5b5ff,#f3b9eb 58%,#ffe1c9);box-shadow:2px 2px #63467b,0 0 35px #b69aff30}.collab-cta:after{content:'';position:absolute;width:35%;inset:-20px auto -20px -70%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff5c,transparent);animation:cta-sheen 7s ease-in-out infinite;pointer-events:none}.hero-character{width:128px;top:235px;right:6%;bottom:auto}.hero-character .avatar{width:128px;height:165px}.hero-character .speech{font-size:6px;padding:12px 14px;left:-28px;bottom:106%}.hero-character .nameplate{font-size:6px}.hero-character .nameplate span{font-size:5px}.hero-character .character-shadow{bottom:20px;width:75px;left:27px}.certificate-card{background:#1b2335;border:1px solid #4d536c;border-left:3px solid var(--purple);padding:20px;box-shadow:4px 4px #0a0f1c}.certificate-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.certificate-heading .pixel{font-size:6px}.certificate-date{font-size:8px;letter-spacing:.7px;color:var(--muted);text-align:right}.certificate-preview{display:block;position:relative;background:#fff;border:1px solid #e3e5e7;overflow:hidden;aspect-ratio:1772/928;margin-bottom:17px}.certificate-preview img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;transition:transform .4s}.certificate-preview:hover img{transform:scale(1.025)}.certificate-zoom{position:absolute;bottom:9px;right:9px;width:27px;height:27px;background:#192638;color:var(--mint);display:grid;place-items:center;font-size:18px;border:1px solid #5b887a}.certificate-card>strong{font-size:14px}.certificate-card>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.certificate-open{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:11px 14px;background:#33304a;border:1px solid #796797;font-family:var(--pixel);font-size:6px;color:#e9dfff}.certificate-open:hover{background:#43375c}.certificate-open span{font-size:17px;font-family:var(--sans)}.collaboration-showcase{margin:35px 0;background:linear-gradient(140deg,#1d263a,#192438);border:1px solid #42516a;padding:30px;box-shadow:5px 5px #080e1b}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.showcase-heading .kicker{font-size:7px;margin-bottom:12px}.showcase-heading h3{font-size:26px;line-height:1.3;font-weight:500}.showcase-heading>p{max-width:230px;font-size:12px;color:var(--muted);line-height:1.8}.project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-button{--project-accent:var(--mint);position:relative;display:flex;align-items:center;gap:13px;min-height:75px;background:#243b39;border:1px solid #50796c;padding:20px 17px;box-shadow:3px 3px #0a1321;transition:transform .2s,border-color .2s,background .2s;isolation:isolate}.project-purple{--project-accent:var(--purple);background:#302b45;border-color:#6c5b8a}.project-blue{--project-accent:var(--blue);background:#25364b;border-color:#506d8b}.project-peach{--project-accent:var(--peach);background:#3c3231;border-color:#816958}.project-name{font-size:16px;font-weight:600;letter-spacing:-.3px;color:#edf0f8;overflow-wrap:anywhere;flex:1}.project-x{font-size:10px;white-space:nowrap;color:var(--project-accent)}.project-light{width:6px;height:6px;background:var(--project-accent);box-shadow:0 0 9px color-mix(in srgb,var(--project-accent) 40%,transparent);flex-shrink:0}.project-button:after{content:'';position:absolute;right:7px;bottom:7px;width:3px;height:3px;background:var(--project-accent);opacity:.65}.project-button:hover{transform:translateY(-3px);border-color:var(--project-accent);background:#334356}.project-button:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}@keyframes menu-spark{0%,100%{opacity:.18;transform:scale(.5) rotate(0)}40%{opacity:1;transform:scale(1.15) rotate(0)}70%{opacity:.25;transform:scale(.7) rotate(90deg)}}@keyframes menu-edge{0%,100%{translate:0 0;opacity:.35}50%{translate:22px 0;opacity:.95}}@keyframes planet-hover{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-3px) rotate(7deg)}}@keyframes cta-sheen{0%,60%{left:-70%;opacity:0}65%{opacity:.8}85%{left:140%;opacity:.8}90%,100%{left:140%;opacity:0}}@media(max-width:1100px) and (min-width:761px){.header nav{gap:10px}.header .tab-collab{min-width:132px;font-size:10px;padding:10px;gap:7px}.header .tab-collab .color-planet{width:25px;height:24px;flex-basis:25px}.header .nav-tab:not(.tab-collab){min-width:78px;padding-left:10px;padding-right:10px}.hero-character{top:230px;right:5%;width:110px}.hero-character .avatar{width:110px;height:145px}.hero-character .speech{left:-40px;font-size:5px}.project-links{gap:12px}.project-button{padding:18px 13px;gap:9px}.project-name{font-size:14px}.project-x{font-size:9px}}@media(max-width:760px){.header nav{grid-template-columns:.85fr .95fr 1.4fr 1.05fr;gap:9px}.header .tab-contact{min-width:115px}.header nav .tab-collab{min-width:0;padding:9px 4px;gap:4px;font-size:7px;letter-spacing:0}.header nav .tab-collab .color-planet{width:20px;height:20px;flex-basis:20px}.nav-spark{scale:.6}.spark-left{left:10px}.spark-right{right:8px}.hero-character{top:auto;bottom:120px;right:auto;left:13%;width:105px}.hero-character .avatar{width:105px;height:140px}.hero-character .speech{left:-10px;font-size:5px;bottom:107%;padding:10px 12px}.hero-character .nameplate{font-size:5px}.hero-character .nameplate span{font-size:4px}.hero-character .character-shadow{left:18px;bottom:17px}.collab-cta{min-width:220px;padding:14px 17px;gap:12px}.collab-cta .collab-label{font-size:12px}.collab-cta .color-planet{width:32px;height:29px;flex-basis:32px}.certificate-card{padding:16px}.certificate-heading{gap:10px}.certificate-heading .pixel{font-size:5px}.certificate-date{font-size:7px}.certificate-card>strong{font-size:13px}.certificate-open{font-size:5px}.collaboration-showcase{padding:23px 18px;margin:28px 0}.showcase-heading{display:block;margin-bottom:20px}.showcase-heading>p{max-width:none;margin-top:14px;font-size:12px}.showcase-heading h3{font-size:24px}.project-links{grid-template-columns:1fr 1fr;gap:12px}.project-button{padding:17px 12px;gap:8px;min-height:74px;flex-wrap:wrap}.project-name{font-size:13px;flex-basis:75%;letter-spacing:-.4px}.project-x{font-size:8px;margin-left:14px}.project-light{width:5px;height:5px}.certificate-preview:hover img{transform:none}}@media(min-width:1500px){.hero-character{right:9%;top:245px}}@media(prefers-reduced-motion:reduce){.nav-spark,.header .nav-tab:before,.color-planet,.collab-cta:after{animation:none}.project-button:hover{transform:none}}
.header .tab-contact>.nav-label{display:flex;align-items:center;gap:16px;font-family:var(--pixel);font-size:7px;line-height:1.6}.header .tab-contact>.nav-label>span{font-family:var(--sans);font-size:20px;line-height:1}@media(max-width:760px){.header .tab-contact>.nav-label{font-size:6px;gap:12px}}

/* Character replaces the header contact button */
.header-character-talk{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;min-height:88px;min-width:172px;position:relative;isolation:isolate}.header-talk-bubble{position:relative;background:#f2ecdd;color:#20263a;border:2px solid #121a2b;box-shadow:3px 3px #080e1b;font-family:var(--pixel);font-size:7px;line-height:1.7;padding:14px 13px;white-space:nowrap;transition:transform .2s,background .2s}.header-talk-bubble:after{content:'';position:absolute;right:-7px;top:50%;width:10px;height:10px;background:inherit;border-right:2px solid #121a2b;border-top:2px solid #121a2b;transform:translateY(-50%) rotate(45deg)}.header-talk-avatar{position:relative;display:block;width:60px;height:84px;flex:0 0 60px;animation:header-avatar-idle 3s steps(6,end) infinite}.header-talk-avatar img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px #080e1b77)}.header-character-talk:hover .header-talk-bubble{background:#caffdf;transform:translateY(-2px)}.header-character-talk:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.talk-spark{position:absolute;right:0;top:18px;width:3px;height:9px;background:var(--mint);animation:menu-spark 3.8s steps(4,end) infinite;pointer-events:none}.talk-spark:after{content:'';position:absolute;left:-3px;top:3px;width:9px;height:3px;background:inherit}@keyframes header-avatar-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:1100px) and (min-width:761px){.header-character-talk{min-width:145px;gap:10px}.header-talk-bubble{font-size:6px;padding:12px 10px}.header-talk-avatar{width:50px;height:76px;flex-basis:50px}.header nav{gap:8px}.header .tab-collab{min-width:125px;font-size:9px}}@media(max-width:760px){.header{padding-top:7px;padding-bottom:14px;gap:8px;min-height:139px}.header-character-talk{order:1;min-width:140px;min-height:74px;gap:10px}.header-talk-bubble{font-size:6px;padding:11px 10px}.header-talk-avatar{width:46px;height:70px;flex-basis:46px}.talk-spark{top:12px;scale:.6}.header .brand{margin-right:auto}.header nav{order:2}.hero-content{padding-top:198px}.hero{height:990px}}@media(prefers-reduced-motion:reduce){.header-talk-avatar,.talk-spark{animation:none}.header-character-talk:hover .header-talk-bubble{transform:none}}