:root{--scroll-progress:0}#space-dark{z-index:-3;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}#space-dark:before{content:"";opacity:calc(var(--scroll-progress) * .92);background:radial-gradient(circle at 50% 15%,#102040 0%,#040910 48%,#000 78%);position:absolute;inset:0}.star{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:0;filter:drop-shadow(0 0 8px #ffd764cc);animation:starFlicker var(--dur) ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#fff6c2 0%,#ffe481e6 52%,#ffd56338 78%,#0000 100%);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}#stars-field{z-index:-2;pointer-events:none;opacity:calc(1 - (var(--scroll-progress) * .72));transform:translateY(calc(var(--scroll-progress) * 120px)) scale(calc(1 + (var(--scroll-progress) * .08)));position:fixed;inset:0}#container{min-height:220vh;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;display:block;overflow-x:clip}#site-header{z-index:10;box-sizing:border-box;text-align:center;backdrop-filter:blur(6px);will-change:transform, opacity;width:100%;max-width:100%;padding:20px 16px;padding-top:max(20px, calc(12px + env(safe-area-inset-top)));background:linear-gradient(#030c16eb,#030c1699);border-bottom:1px solid #96e1ff33;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin:0;transition:transform .28s,opacity .28s;display:flex;position:sticky;top:0}#site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(-120%)}.site-brand{letter-spacing:.18em;text-transform:uppercase;color:#d9f5ff;margin:0;font-size:1.02rem;font-weight:700}#site-header nav,#site-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}#site-header nav a,#site-footer nav a{color:#e4f8ff;letter-spacing:.03em;border-radius:6px;padding:2px 6px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s,text-shadow .2s;display:inline-block;position:relative}#site-header nav a+a,#site-footer nav a+a{margin-left:8px;padding-left:14px}#site-header nav a+a:before,#site-footer nav a+a:before{content:"";background:#beecff66;width:1px;height:.95em;position:absolute;top:50%;left:0;transform:translateY(-50%)}#site-header nav a:hover,#site-footer nav a:hover{color:#b6ff6a;text-shadow:0 0 10px #b6ff6a59;background:#b6ff6a24}main{justify-content:center;height:100%;display:flex}#home{grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,92vw);min-height:100vh;margin:0 auto;padding:16px;display:grid}#hero-left{text-align:left;color:#f7fff5;flex-direction:column;justify-content:center;gap:10px;display:flex}#hero-tag{letter-spacing:.22em;text-transform:uppercase;opacity:.9;margin:0;font-size:.9rem}#intro-name{text-shadow:0 4px 18px #00000059;margin:0;font-size:clamp(2rem,6vw,4.2rem);font-weight:800;line-height:1.05}#intro-head{text-shadow:0 2px 10px #00000059;max-width:34ch;margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.45}#intro-subhead{text-align:justify;text-justify:inter-word;hyphens:auto;text-shadow:0 2px 10px #00000059;max-width:62ch;margin:0;font-size:1rem;line-height:1.35}.hero-social-links{justify-content:center;align-items:center;gap:14px;width:100%;margin-top:14px;display:flex}.hero-social-btn{color:#e8fbff;background:linear-gradient(#081c2ddb,#071626c7);border:1px solid #9de5ff61;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 20px #00000047}.hero-social-btn:hover{color:#b6ff6a;border-color:#b6ff6ab3;transform:translateY(-2px);box-shadow:0 14px 24px #00000057}.hero-social-btn:focus-visible{outline-offset:3px;outline:2px solid #b6ff6a}.hero-social-icon{fill:currentColor;width:25px;height:25px}#hero-right{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:translateY(-64px)}#hero-right h2{margin:12px 0 0}#maintenance-title{letter-spacing:1px;text-transform:uppercase;-webkit-text-fill-color:#8bff7a;color:#8bff7a;text-shadow:2px 0 #111,0 2px #111,2px 2px #111;background:0 0;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(1.4rem,3.2vw,2.4rem);line-height:1.3;animation:none}#projects{color:#f7fff5;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:min(860px,92vw);min-height:95vh;margin:0 auto;display:flex}#projects h2{text-align:center;text-shadow:0 4px 18px #00000059;align-self:center;width:100%;margin:0;font-size:clamp(2rem,6vw,4.2rem)}#projects p{text-shadow:0 4px 18px #00000059;margin:0}.reveal-on-scroll{opacity:0;transition:opacity .8s,transform .8s;transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.project-feature-left{width:min(920px,92vw);margin-top:200px;margin-left:calc(50% - 37.5vw)}.project-feature-right{margin-left:auto;margin-right:calc(50% - 37.5vw)}.project-feature-right h3{text-align:right}.project-feature-left h3{letter-spacing:.02em;text-transform:uppercase;text-shadow:0 8px 22px #00000061;margin:0;font-size:clamp(1.6rem,6.8vw,5.2rem);line-height:.95}.project-feature-left p{text-align:justify;text-justify:inter-word;max-width:none;margin-top:60px;font-size:clamp(1.05rem,1.9vw,1.4rem);line-height:1.35}.project-cta{color:#d6f9ff;letter-spacing:.03em;text-transform:uppercase;background-image:linear-gradient(#b6ff6a47,#b6ff6a47);background-position:0 100%;background-repeat:no-repeat;background-size:0% 45%;border-bottom:2px solid #b6ff6a99;width:fit-content;margin-top:28px;padding:2px 0;font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s,text-shadow .2s,border-color .2s,background-size .2s;display:block}.project-cta:hover{color:#f3ffe8;text-shadow:0 0 14px #b6ff6aa6;background-size:100% 45%;border-color:#ceff8e}.project-cta:focus-visible{outline-offset:3px;outline:2px solid #b6ff6a}body.modal-open{overflow:hidden}body.modal-open #stars-field,body.modal-open .star{animation-play-state:paused}body.modal-open #stars-field{opacity:.12;transform:none}.project-modal{z-index:30;backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 15% 18%,#4a97d82e,#0000 42%),radial-gradient(circle at 82% 85%,#a0dc5a1f,#0000 40%),#01080ee0;padding:0;transition:opacity .38s,visibility 0s linear .38s;display:block;position:fixed;inset:0}.project-modal:before{content:"";pointer-events:none;background:linear-gradient(#020c142e 0%,#020c1466 100%);position:absolute;inset:0}.project-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.project-modal__panel{width:100%;height:100dvh;min-height:100vh;max-height:none;box-shadow:none;color:#eaf9ff;opacity:0;contain:paint;background:linear-gradient(#071826f5,#04101cf5);border:0;border-radius:0;grid-template-rows:1fr;place-items:center;gap:0;padding:24px clamp(16px,4vw,36px) 36px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;display:grid;position:relative;overflow:hidden;transform:translateY(64px)}.project-modal.is-open .project-modal__panel{opacity:1;transform:translate(0,0)}.project-modal__close{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#eaffc8;letter-spacing:.02em;cursor:pointer;z-index:40;background:#071826f5;border:1px solid #d1ffa4bf;border-radius:10px;justify-content:center;align-items:center;margin-left:0;padding:9px 14px;font-size:.98rem;font-weight:700;transition:transform .2s,border-color .2s,background-color .2s,color .2s;display:inline-flex;position:fixed;box-shadow:0 8px 22px #00000061}.project-modal__close:hover{color:#b6ff6a;background:#b6ff6a24;border-color:#b6ff6a99;transform:translateY(-1px)}.project-video-shell{aspect-ratio:16/9;outline-offset:-8px;background:linear-gradient(#05111ef5,#030a14f5);border:1px solid #abe9ff59;border-radius:18px;outline:1px solid #a4e4ff29;width:min(1320px,97vw,177.778vh - 248.889px);overflow:hidden;box-shadow:0 24px 54px #00000080}.project-video{background:#02070d;border:0;width:100%;height:100%}.project-modal__panel--board{contain:paint;background:radial-gradient(circle at 20% 16%,#ffffff0f,#0000 36%),repeating-linear-gradient(45deg,#5f3a1cfa 0 14px,#6f4523fa 14px 28px);padding:0;display:block;overflow:hidden}.postit-board{background:radial-gradient(circle at 12% 8%,#ffecb438,#0000 28%),radial-gradient(circle at 84% 76%,#ffe58d29,#0000 24%),repeating-linear-gradient(0deg,#804f2df0 0 26px,#8c5934f0 26px 52px);border:0;border-radius:0;width:100%;height:100%;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2dc1f}.postit-note{aspect-ratio:9/16;width:min(20vw,250px);transform:rotate(var(--angle,0deg));user-select:none;touch-action:none;cursor:grab;border:1px solid #301e0a2e;border-radius:12px;grid-template-rows:auto 1fr;gap:8px;padding:12px;display:grid;position:absolute;box-shadow:0 12px 24px #00000057}.postit-note[data-dragging=true]{cursor:grabbing;filter:saturate(1.06);z-index:20;box-shadow:0 18px 34px #00000073}.postit-note--yellow{--angle:-2deg;background:linear-gradient(#ffe78d,#ffd967);top:8%;left:4%}.postit-note--blue{--angle:1.4deg;background:linear-gradient(#9ae2ff,#6ac8ef);top:24%;left:34%}.postit-note--green{--angle:-1.6deg;background:linear-gradient(#b8ef9f,#96dc79);top:14%;left:63%}.postit-note__handle{letter-spacing:.08em;text-transform:uppercase;color:#18140ecc;text-shadow:0 1px #ffffff57;pointer-events:auto;cursor:grab;touch-action:none;padding:2px 2px 0;font-size:.82rem;font-weight:800}.postit-note__video{background:#0e131ceb;border:1px solid #12141a61;border-radius:8px;width:100%;height:100%;min-height:0}#skills{color:#f7fff5;background:0 0;flex-direction:column;justify-content:center;width:min(860px,84vw);min-height:100vh;margin:0 auto;padding:96px clamp(12px,2vw,28px) 80px;display:flex}#site-footer{box-sizing:border-box;text-align:center;color:#cee8f3;backdrop-filter:blur(4px);background:#020b138c;border-top:1px solid #96e1ff33;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:100%;margin:42px 0 28px;padding:20px 16px;font-size:1rem;display:flex}#site-footer p{margin:0}#skills h2{text-align:center;letter-spacing:.02em;text-shadow:0 6px 20px #00000061;margin:0 0 26px;font-size:clamp(2rem,5.4vw,3.8rem)}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:148px;align-content:start;gap:20px;min-height:0;display:grid}.skill-card{backdrop-filter:blur(3px);background:linear-gradient(165deg,#081628e0,#091b2db8);border:1px solid #9bebff3d;border-radius:10px;flex-direction:column;justify-content:flex-start;height:100%;min-height:0;padding:9px 8px 7px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #0000003d}.skill-card.reveal-on-scroll{transition:opacity .8s,transform .8s,border-color .2s,box-shadow .2s}.skill-card:hover{border-color:#baffd594;transform:none;box-shadow:0 12px 22px #00000047}.skill-card h3{letter-spacing:.04em;text-transform:uppercase;color:#e7fff3;text-shadow:0 0 12px #9effc447;margin:0 0 8px;font-size:clamp(.86rem,1.15vw,1.02rem);font-weight:800;line-height:1.15}.skill-list{color:#f0f8ff;text-shadow:0 0 8px #7be7ff2e;margin:0;padding:0;font-size:clamp(.82rem,.95vw,.96rem);font-weight:600;line-height:1.35;list-style:none}.skill-list li{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.skill-list li:before{content:"- ";color:#afffd1;font-weight:800}.highlight-skill,.highlight-tech,.highlight-platform,.highlight-metric{font-weight:800}.highlight-skill{color:#9effc4}.highlight-tech{color:#7be7ff}.highlight-platform{color:#ffd787}.highlight-metric{color:#b6ff6a;letter-spacing:.02em}#earth-gif{object-fit:contain;width:min(80vw,600px);height:auto}pre{background:linear-gradient(14deg,#f8f8f8 0%,#3bf75b 50%,#5aff4b 100%) 0%/200% 200%;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-weight:400;animation:3s ease-in-out infinite titleGradientShift}code{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));background:#6f63ff;border:4px solid #111;border-radius:0;padding:10px 18px;animation:2.4s ease-in-out infinite titleFloat;display:inline-block;box-shadow:4px 0 #111,0 4px #111,8px 4px #00000059}@keyframes titleGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes starFlicker{0%,to{opacity:0}20%{opacity:var(--alpha)}58%{opacity:var(--alpha)}82%{opacity:.24}92%{opacity:.08}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){pre,code,#stars-field,.star{animation:none}#stars-field{transform:none}.reveal-on-scroll,.reveal-on-scroll.is-visible{opacity:1;transition:none;transform:none}.project-modal,.project-modal__panel,.skill-card.reveal-on-scroll,.skill-card.reveal-on-scroll.is-visible{transition:none}.project-modal__panel,.project-modal.is-open .project-modal__panel{opacity:1;transform:none}}@media screen and (width<=768px){#container{flex-direction:column;min-height:auto;display:flex}#site-header,#site-footer{border-left:0;border-right:0;border-radius:0;width:100%}#site-header{padding:max(10px, calc(8px + env(safe-area-inset-top))) 12px 12px;gap:12px}.site-brand{letter-spacing:.14em;font-size:.92rem}#site-header nav,#site-footer nav{gap:10px}#site-header nav a+a,#site-footer nav a+a{margin-left:4px;padding-left:8px}#site-header nav a+a:before,#site-footer nav a+a:before{height:.8em}#site-header nav a,#site-footer nav a{font-size:.9rem}#site-footer{flex-direction:column;align-items:center;margin-top:26px}#home{text-align:center;grid-template-columns:1fr;gap:10px;min-height:auto;padding-top:clamp(10px,4vw,20px)}#hero-left{text-align:center;align-items:center;width:100%}#hero-right{transform:translateY(-12px)}#hero-right h2{margin:10px 0 0}#intro-subhead{text-align:left;text-justify:auto;hyphens:none;line-height:1.45}#projects{text-align:left;align-items:flex-start;min-height:80vh}.project-feature-left{width:100%;margin-top:96px;margin-left:0}.project-feature-right{margin-right:0}.project-feature-left p{margin-top:28px;line-height:1.5}.project-modal{padding:0}.project-modal__panel{padding:18px 14px 24px;transform:translateY(36px)}.project-modal__panel--board{padding:0}.project-video-shell{border-radius:12px;width:min(98vw,177.778vh - 213.333px)}.postit-board{height:100%}.postit-note{aspect-ratio:9/16;width:min(44vw,220px)}.postit-note--yellow{top:5%;left:4%}.postit-note--blue{top:34%;left:10%}.postit-note--green{top:63%;left:18%}#skills{min-height:100vh;padding:80px 0}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:138px}.skill-card{padding:6px 8px}#earth-gif{width:min(92vw,600px)}h1{line-height:1.5}}@media screen and (width<=520px){.site-brand{letter-spacing:.1em;font-size:.78rem}#site-header nav a,#site-footer nav a{font-size:.82rem}#site-header nav a+a:before,#site-footer nav a+a:before{display:none}.hero-social-btn{width:46px;height:46px}.hero-social-icon{width:22px;height:22px}.skills-grid{grid-template-columns:1fr;grid-auto-rows:130px}.skill-card{min-height:130px}.postit-note{width:min(58vw,220px)}.postit-note--yellow{top:4%;left:4%}.postit-note--blue{top:28%;left:36%}.postit-note--green{top:58%;left:12%}}html,body{width:100%;height:100%;margin:0}[data-astro-cid-ju4pidww]{box-sizing:border-box}