:root{--ui-scale:1;--term-bg:#020602;--term-bg-soft:#050d05;--term-panel:#001204d1;--term-green:#3f6;--term-green-bright:#9dffb0;--term-green-mid:#22c74a;--term-green-dim:#138a30;--term-green-faint:#33ff6614;--term-line:#33ff6661;--term-line-soft:#33ff662e;--term-amber:#fc3;--term-red:#ff4f4f;--term-glow:0 0 6px #33ff668c;--term-glow-strong:0 0 4px #33ff66e6, 0 0 14px #33ff6673;--win95-desktop:var(--term-bg);--win95-text:var(--term-green);--win95-text-gray:var(--term-green-mid);--win95-link:var(--term-green-bright);--win95-link-visited:var(--term-green-mid);--win95-highlight-text:var(--term-bg);--cyan:var(--term-green-bright);--violet:var(--term-green-mid);--mono:"IBM Plex Mono", "Fira Code", "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;--display:"VT323", "IBM Plex Mono", monospace;--sans:var(--mono);--heading:var(--display);font:15px/1.6 var(--mono);color:var(--term-green);background:var(--term-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{height:100dvh;max-height:100dvh;overflow:hidden}body{background:var(--term-bg);text-shadow:0 0 2px #33ff6659;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#root{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}h1,h2,h3{font-family:var(--heading);color:var(--term-green-bright);letter-spacing:.02em;text-shadow:var(--term-glow-strong);margin-top:0;font-weight:400}h1{margin-bottom:1rem;font-size:clamp(2.4rem,5.4vw,4.8rem);line-height:1}h2{margin-bottom:.75rem;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1}h3{margin-bottom:.45rem;font-size:1.35rem;line-height:1.2}p{margin:0}a{color:var(--term-green-bright);text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a:visited{color:var(--term-green-mid)}a:hover{color:var(--term-bg);background:var(--term-green);text-shadow:none}ul{margin:0;padding:0}img{image-rendering:auto;max-width:100%;height:auto}::selection{color:var(--term-bg);background:var(--term-green);text-shadow:none}:focus-visible{outline:1px dashed var(--term-green-bright);outline-offset:3px}.win95-desktop{isolation:isolate;background:radial-gradient(ellipse at 50% 45%, #145a2338, transparent 70%), var(--term-bg);flex-direction:column;flex:1;width:100%;min-height:0;padding:1.25rem;display:flex;position:relative;overflow:hidden}.win95-desktop:after{z-index:50;pointer-events:none;content:"";background:repeating-linear-gradient(#0000 0 2px,#00000038 3px,#0000 4px),radial-gradient(#0000 58%,#0009 100%);animation:6s step-end infinite crt-flicker;position:absolute;inset:0}.win95-aura{z-index:-1;pointer-events:none;background-image:linear-gradient(#33ff660a 1px,#0000 1px),linear-gradient(90deg,#33ff660a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;overflow:hidden}.win95-aura__blob{will-change:transform;display:block;position:absolute;left:0;right:0}.win95-aura__blob--a{background:linear-gradient(#0000,#33ff660f 70%,#33ff661f 98%,#0000);height:22vh;animation:7s linear infinite crt-roll;top:0}.win95-aura__blob--b{background:#33ff662e;height:2px;animation:11s linear -4s infinite crt-roll;top:0;box-shadow:0 0 12px #3f66}.win95-aura__blob--c,.win95-aura__blob--d{display:none}.win95-window--app{z-index:1;border:1px solid var(--term-line);background:var(--term-panel);border-radius:4px;flex-direction:column;flex:1;width:min(1050px,75%);min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000c,0 0 24px #33ff662e,inset 0 0 60px #33ff660d}.win95-window--app>.win95-titlebar,.win95-window--app>nav.win95-menu-bar{z-index:6;position:relative}.win95-titlebar{min-height:2.6rem;color:var(--term-bg);font-family:var(--mono);letter-spacing:.04em;text-shadow:none;-webkit-user-select:none;user-select:none;background:var(--term-green);border-bottom:1px solid var(--term-green);flex-shrink:0;align-items:center;gap:.75rem;padding:.35rem .75rem;font-size:.85rem;font-weight:700;display:flex}.win95-titlebar__icon{object-fit:cover;border:1px solid var(--term-bg);background:var(--term-bg);filter:grayscale()sepia()hue-rotate(70deg)saturate(3)brightness(.9)contrast(1.2);border-radius:0;flex-shrink:0;width:1.6rem;height:1.6rem;display:block}.win95-titlebar__icon--game{object-fit:fill;color:var(--term-green);filter:none;padding:.1rem}.win95-titlebar__text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.win95-titlebar__text:before{content:"root@reinaldo: ~/";opacity:.75;font-weight:500}.win95-titlebar__controls{flex-shrink:0;gap:.3rem;display:flex}.win95-titlebar__control{width:1.75rem;height:1.6rem;color:var(--term-green);font-family:var(--mono);background:var(--term-bg);border:1px solid var(--term-bg);border-radius:0;justify-content:center;align-items:center;padding:0;font-size:.8rem;line-height:1;display:flex}.win95-titlebar__control--close{font-size:1rem}.win95-titlebar__control--disabled{pointer-events:none;opacity:.45}button.win95-titlebar__control{font:inherit;cursor:pointer;appearance:none;margin:0;font-size:.8rem}button.win95-titlebar__control.win95-titlebar__control--close{font-size:1rem;font-weight:700}button.win95-titlebar__control:hover{color:var(--term-bg);background:var(--term-green-bright)}button.win95-titlebar__control.win95-titlebar__control--close:hover{color:var(--term-bg);background:var(--term-red)}button.win95-titlebar__control:active{transform:translateY(1px)}.win95-desktop-icons{z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:2rem;display:flex;position:relative}.win95-desktop-icons__row{flex-flow:wrap;justify-content:center;align-items:stretch;gap:1.5rem;display:flex}.win95-desktop-shortcut{width:11rem;max-width:100%;color:var(--term-green);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;border:1px dashed var(--term-line);background:#0009;border-radius:0;flex-direction:column;align-items:center;margin:0;padding:1.1rem .9rem 1rem;transition:background .12s steps(2,end),border-color .12s steps(2,end),color .12s steps(2,end);display:flex}.win95-desktop-shortcut:hover{color:var(--term-green-bright);background:var(--term-green-faint);border-style:solid;border-color:var(--term-green);box-shadow:0 0 18px #33ff6640}.win95-desktop-shortcut:active{color:var(--term-bg);background:var(--term-green);text-shadow:none}.win95-desktop-shortcut__graphic{width:4rem;height:4rem;color:var(--term-green);border:1px solid var(--term-line);background:#00000080;justify-content:center;align-items:center;margin-bottom:.65rem;display:flex}.win95-desktop-shortcut__svg{filter:drop-shadow(0 0 4px #3f69);width:2.8rem;height:2.8rem;display:block}.win95-desktop-shortcut__label{word-break:break-word;font-size:.8rem;font-weight:600;line-height:1.3}.win95-desktop-shortcut__label:before{content:"./";color:var(--term-green-dim)}.win95-window__route-mount{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.win95-window__body{background:0 0;flex-direction:column;flex:1;min-height:0;padding:.75rem;display:flex;overflow:hidden}.win95-window__body--game{align-items:center;overflow-y:auto}.routes{overscroll-behavior:contain;border:1px solid var(--term-line-soft);background:#0000008c;border-radius:0;flex-direction:row;flex:1;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.routes__viewport{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.routes__content{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;text-align:center;flex:1;min-height:0;padding:clamp(1.25rem,3vw,2.5rem);overflow:hidden auto}.routes__content::-webkit-scrollbar{display:none;width:0!important;height:0!important}.routes__scrollbar{border-left:1px solid var(--term-line-soft);background:#0009;flex-direction:column;flex-shrink:0;align-self:stretch;width:1.1rem;padding:0;display:flex}.routes__scrollbar-btn{cursor:pointer;opacity:.8;background-color:#0000;background-position:50%;background-repeat:no-repeat;border:0;border-radius:0;flex-shrink:0;width:100%;height:1.1rem;margin:0;padding:0}.routes__scrollbar-btn:hover:not(:disabled){opacity:1;background-color:#33ff662e}.routes__scrollbar-btn:disabled{cursor:default;opacity:.25}.routes__scrollbar-btn:active:not(:disabled){background-color:#33ff6659}.routes__scrollbar-btn--up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2333ff66' d='M5 0l5 6H0z'/%3E%3C/svg%3E")}.routes__scrollbar-btn--down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2333ff66' d='M5 6l5-6H0z'/%3E%3C/svg%3E")}.routes__scrollbar-track{border-top:1px solid var(--term-line-soft);border-bottom:1px solid var(--term-line-soft);background:repeating-linear-gradient(#33ff661f 0 1px,#0000 1px 4px);flex:1;min-height:2rem;margin:0;position:relative}.routes__scrollbar-thumb{box-sizing:border-box;background:var(--term-green-mid);border:1px solid var(--term-green-bright);cursor:grab;touch-action:none;border-radius:0;width:auto;min-height:1.35rem;position:absolute;top:0;left:2px;right:2px;box-shadow:0 0 8px #33ff6680}.routes__scrollbar-thumb:hover{background:var(--term-green)}.routes__scrollbar-thumb:active,.routes__scrollbar-thumb--dragging{cursor:grabbing;background:var(--term-green-bright)}@keyframes crt-roll{0%{transform:translateY(-25vh)}to{transform:translateY(110vh)}}@keyframes crt-flicker{0%,to{opacity:1}41%{opacity:.86}42%{opacity:1}77%{opacity:.92}78%{opacity:1}}@keyframes cursor-blink{50%{opacity:0}}@media (width<=995px){.win95-desktop{padding:.75rem}.win95-window--app{width:100%}.win95-window__body{padding:.5rem}}@media (width<=780px){.win95-desktop{padding:0}.win95-window--app{border-left:0;border-right:0}.win95-titlebar__text:before{content:"~/"}.win95-window__body{padding:.4rem}.routes__content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;padding:1rem}.routes__scrollbar{display:none}.win95-desktop-icons{padding:1rem}.win95-desktop-icons__row{width:min(100%,23rem)}.win95-desktop-shortcut{flex:9rem}}@media (prefers-reduced-motion:reduce){.win95-desktop:after,.win95-aura__blob{animation:none}.win95-desktop-shortcut{transition:none}}.contact-page{text-align:left;width:min(100%,58rem);margin:0 auto}.contact-page h2{margin-bottom:.45rem;font-size:clamp(1.9rem,3.4vw,2.8rem)}.contact-page h2:before{content:"$ ";color:var(--term-green-dim)}.contact-page:after{max-width:34rem;color:var(--term-green-mid);content:"# Find me around the web or copy my email to start a conversation.";margin-top:.5rem;font-size:.88rem;display:block}.contact-icons{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.9rem;max-width:38rem;margin-top:1.8rem;display:grid}.contact-icon-item{width:100%;min-height:9rem;color:var(--term-green);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;border:1px solid var(--term-line);background:#00000080;border-radius:0;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0;padding:1rem;text-decoration:none;transition:background .12s steps(2,end),border-color .12s steps(2,end),color .12s steps(2,end);display:flex;position:relative;overflow:hidden}.contact-icon-item,.contact-icon-item:link,.contact-icon-item:visited{color:var(--term-green);text-decoration:none}.contact-icon-item:hover{color:var(--term-green-bright);background:var(--term-green-faint);border-color:var(--term-green);text-shadow:var(--term-glow);box-shadow:0 0 18px #3f63}.contact-icon-item:active{color:var(--term-bg);background:var(--term-green);text-shadow:none}.contact-icon-item__graphic{width:3rem;height:3rem;color:var(--term-green);border:1px solid var(--term-line);background:#000;justify-content:center;align-items:center;margin-bottom:.8rem;display:flex}.contact-icon-item:active .contact-icon-item__graphic{color:var(--term-green)}.contact-icon-item__svg{filter:drop-shadow(0 0 3px #3f69);width:2rem;height:2rem;display:block}.contact-icon-item__label{word-break:break-word;flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.88rem;font-weight:600;line-height:1.2;display:flex}.contact-icon-item__sublabel{color:var(--term-green-mid);word-break:break-all;max-width:100%;font-size:.72rem;font-weight:400}.contact-icon-item:active .contact-icon-item__sublabel,.contact-icon-item:active .main-page__projects-sublabel{color:var(--term-bg)}.contact-copy-toast{z-index:10000;color:var(--term-bg);font-family:var(--mono);border:1px solid var(--term-green-bright);background:var(--term-green);white-space:nowrap;text-shadow:none;pointer-events:none;margin:0;padding:.35rem .7rem;font-size:.78rem;font-weight:700;line-height:1.2;animation:1s steps(6,end) forwards contact-copy-toast-anim;position:fixed;transform:translate(-50%,calc(-100% - .5rem));box-shadow:0 0 16px #33ff6680}.contact-copy-toast:before{content:"[OK] "}@keyframes contact-copy-toast-anim{0%{opacity:1;transform:translate(-50%,calc(-100% - .5rem))translateY(0)}to{opacity:0;transform:translate(-50%,calc(-100% - .5rem))translateY(-1.1rem)}}@media (width<=620px){.contact-icons{grid-template-columns:1fr;max-width:24rem}.contact-icon-item{flex-direction:row;align-items:center;gap:.85rem;min-height:5.5rem}.contact-icon-item__graphic{flex-shrink:0;margin-bottom:0}.contact-icon-item__label{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.contact-icon-item{transition:none}}.main-page{text-align:left;width:min(100%,58rem);margin:0 auto}.main-page__hero{border:1px solid var(--term-line);background:#00000080;padding:clamp(1.25rem,4vw,2.5rem);position:relative}.main-page__hero:before{content:" whoami ";color:var(--term-green-mid);background:var(--term-bg);padding:0 .4rem;font-size:.75rem;position:absolute;top:-.7em;left:1rem}.main-page__eyebrow{color:var(--term-green-mid);font-family:var(--mono);letter-spacing:.08em;margin-bottom:1.1rem;font-size:.75rem;font-weight:500}.main-page__eyebrow:before{content:"$ cat role.txt\a ";white-space:pre;color:var(--term-green-dim)}.main-page h1{max-width:16ch;margin-bottom:1.25rem}.main-page h1:before{content:"> ";color:var(--term-green-dim)}.main-page h1:after{content:"_";color:var(--term-green);margin-left:.1em;animation:1s step-end infinite cursor-blink}.main-page__lead{max-width:38rem;color:var(--term-green);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.55}.main-page__copy{max-width:40rem;color:var(--term-green-mid);margin-top:1rem;font-size:.9rem}.main-page__copy:before{content:"# ";color:var(--term-green-dim)}.main-page__contact-style-icons{justify-content:flex-end;align-items:center;width:100%;min-height:0;margin-top:1.25rem;display:flex}.main-page__projects-link{flex-direction:row;justify-content:flex-start;align-items:center;gap:.8rem;width:min(100%,23rem);min-height:4.2rem;padding:.6rem .8rem;display:flex}.main-page__projects-link:after{display:none}.main-page__projects-link .contact-icon-item__graphic{flex-shrink:0;width:2.8rem;height:2.8rem;margin:0}.main-page__projects-link .contact-icon-item__label{text-align:left;align-items:flex-start;gap:.22rem;min-width:0}.main-page__projects-sublabel{color:var(--term-green-mid);font-size:.7rem;font-weight:400;line-height:1.25}.main-page__projects-arrow{width:2rem;height:2rem;color:var(--term-green);border:1px solid var(--term-line);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:1.1rem;line-height:1;display:flex}.main-page__projects-link:hover .main-page__projects-arrow{color:var(--term-bg);background:var(--term-green)}@media (width<=540px){.main-page__hero{padding:1.25rem 1rem}}@media (prefers-reduced-motion:reduce){.main-page h1:after{animation:none}}nav.win95-menu-bar{border-bottom:1px solid var(--term-line-soft);background:#000000b3;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}nav.win95-menu-bar .win95-menu-bar__toggle{display:none}nav.win95-menu-bar .win95-menu-bar__links{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}nav.win95-menu-bar a{min-height:2.1rem;color:var(--term-green);font-size:.82rem;font-family:var(--mono);border:1px solid var(--term-line);box-shadow:3px 3px 0 var(--term-green-dim);cursor:pointer;background:#33ff660f;border-radius:2px;align-items:center;padding:.35rem .85rem;font-weight:600;text-decoration:none;transition:transform 80ms step-end,box-shadow 80ms step-end;display:inline-flex}nav.win95-menu-bar a:before{content:"$";color:var(--term-green-dim);margin-right:.45rem}nav.win95-menu-bar a:visited{color:var(--term-green)}nav.win95-menu-bar a:hover{color:var(--term-green-bright);border-color:var(--term-green);box-shadow:3px 3px 0 var(--term-green-mid), 0 0 12px #33ff664d;text-shadow:var(--term-glow);background:#33ff6624}nav.win95-menu-bar a:active{box-shadow:none;transform:translate(3px,3px)}nav.win95-menu-bar a.is-active{color:var(--term-bg);background:var(--term-green);border-color:var(--term-green-bright);box-shadow:1px 1px 0 var(--term-green-dim);text-shadow:none;transform:translate(2px,2px)}nav.win95-menu-bar a.is-active:before{color:var(--term-bg)}@media (width<=780px){nav.win95-menu-bar{flex-direction:row;align-items:center;min-height:3rem;padding:.45rem .6rem;position:relative}nav.win95-menu-bar:before{content:"$ menu";color:var(--term-green-mid);font-size:.82rem;line-height:2.1rem;position:absolute;top:.45rem;left:.7rem}nav.win95-menu-bar .win95-menu-bar__toggle{width:2.25rem;height:2.1rem;color:var(--term-green);border:1px solid var(--term-line);cursor:pointer;appearance:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.45rem;right:.6rem}nav.win95-menu-bar .win95-menu-bar__toggle:hover{background:var(--term-green-faint)}nav.win95-menu-bar .win95-menu-bar__toggle:active{color:var(--term-bg);background:var(--term-green)}nav.win95-menu-bar .win95-menu-bar__toggle-close{font-size:1rem;font-weight:700;line-height:1;display:inline-block}nav.win95-menu-bar .win95-menu-bar__toggle-icon{flex-direction:column;gap:.22rem;display:inline-flex}nav.win95-menu-bar .win95-menu-bar__toggle-icon span{background:currentColor;width:1.05rem;height:2px;display:block}nav.win95-menu-bar .win95-menu-bar__links{flex-direction:column;align-items:stretch;gap:.2rem;width:100%;margin-top:2.6rem;display:none}nav.win95-menu-bar .win95-menu-bar__links.is-open{display:flex}nav.win95-menu-bar a{text-align:left;justify-content:flex-start;width:100%}}.education-page{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,72rem);margin:0 auto;display:grid}.education-page>div{border:1px solid var(--term-line-soft);background:#00000073;min-width:0;padding:clamp(1rem,2.5vw,1.4rem)}.education-page h2{border-bottom:1px dashed var(--term-line);align-items:center;gap:.6rem;margin:0 0 1rem;padding:0 0 .7rem;font-size:1.7rem;display:flex}.education-page h2:before{content:"$ ls";color:var(--term-green-dim);text-shadow:none}.education-page ul{margin:0;padding:0;list-style:none}.education-page li{border:1px solid var(--term-line-soft);background:#00000059;align-items:center;min-height:7rem;margin-bottom:.65rem;padding:.8rem;transition:background .12s steps(2,end),border-color .12s steps(2,end);display:flex}.education-page li:last-child{margin-bottom:0}.education-page li:hover{border-color:var(--term-green);background:var(--term-green-faint)}.education-page li img{object-fit:cover;border:1px solid var(--term-line);filter:grayscale()sepia()hue-rotate(70deg)saturate(2.5)brightness(.85);background:#000;flex-shrink:0;align-self:center;width:4.2rem;height:4.2rem;margin:0 .9rem 0 0;padding:.2rem}.education-page li:hover img{filter:none}.education-page li .education-item__text{text-align:left;min-width:0}.education-page li .education-item__text .course{color:var(--term-green-bright);font-size:.9rem;font-weight:600;line-height:1.35}.education-page li .education-item__text .institution{color:var(--term-green-mid);margin-top:.18rem;font-size:.8rem}.education-page li .education-item__text .period{color:var(--term-green-dim);font-family:var(--mono);margin-top:.15rem;font-size:.72rem}.education-page li .education-item__text .period:before{content:"// "}.education-page li .education-item__text a{margin-top:.5rem;font-size:.78rem;font-weight:500;display:inline-block}.education-page li .education-item__text a:before{content:"-> "}.education-page__certs li .education-item__text{text-align:left;flex:1}@media (width<=900px){.education-page{grid-template-columns:1fr}}@media (width<=520px){.education-page>div{padding:.85rem}.education-page li{align-items:flex-start;min-height:0}.education-page li img{width:3.4rem;height:3.4rem}}@media (prefers-reduced-motion:reduce){.education-page li{transition:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects-detail-fullscreen{z-index:200;box-sizing:border-box;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 40%, #145a2333, transparent 70%), var(--term-bg);flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.projects-detail-fullscreen:before{content:"";pointer-events:none;background-image:linear-gradient(#33ff660a 1px,#0000 1px),linear-gradient(90deg,#33ff660a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.projects-detail-fullscreen:after{z-index:0;content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000038 3px,#0000 4px),radial-gradient(#0000 58%,#0009 100%);position:absolute;inset:0}.projects-detail-fullscreen>.routes{z-index:1;background:0 0;border:0;flex:1;min-height:0;position:relative}.projects-detail-fullscreen .routes__viewport,.projects-detail-fullscreen .routes__content{background:0 0}.projects-detail-fullscreen .routes__content{overscroll-behavior-y:none;text-align:left;flex-direction:column;min-height:100%;padding:0;display:flex}.projects-layout{box-sizing:border-box;text-align:left;width:100%;min-width:0;min-height:0;color:var(--term-green);background:0 0;flex-direction:column;flex:1;display:flex}.projects-list{box-sizing:border-box;flex:1;width:min(100%,72rem);min-width:0;min-height:0;margin:0 auto;padding:0;overflow:visible}.projects-list__intro{max-width:45rem;margin:0 0 1.7rem}.projects-list__intro h1{margin:0 0 .65rem;font-size:clamp(2.2rem,4.6vw,3.6rem)}.projects-list__intro h1:before{content:"> ";color:var(--term-green-dim)}.projects-list__intro p:last-child{color:var(--term-green-mid);font-size:.9rem}.projects-list__eyebrow{color:var(--term-green-mid);font-family:var(--mono);letter-spacing:.08em;margin-bottom:.65rem;font-size:.75rem;font-weight:500}.projects-list__eyebrow:before{content:"$ ls ~/";color:var(--term-green-dim);text-transform:lowercase}.projects-list__heading{margin:0 0 1rem;font-size:1.6rem}.projects-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.projects-list__item{min-width:0;margin:0}.projects-list__tile{width:100%;min-height:100%;color:var(--term-green);border:1px solid var(--term-line-soft);background:#00000080;border-radius:0;flex-direction:column;align-items:stretch;text-decoration:none;transition:border-color .12s steps(2,end),background .12s steps(2,end);display:flex;overflow:hidden}.projects-list__tile:link,.projects-list__tile:visited{color:var(--term-green);text-decoration:none}.projects-list__tile:hover{color:var(--term-green);border-color:var(--term-green);background:var(--term-green-faint);box-shadow:0 0 20px #33ff662e}.projects-list__thumb{aspect-ratio:16/9;border-bottom:1px solid var(--term-line-soft);background:#000;flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}.projects-list__thumb:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000004d 3px);position:absolute;inset:0}.projects-list__img{object-fit:cover;filter:grayscale()sepia()hue-rotate(70deg)saturate(2.5)brightness(.8)contrast(1.1);width:100%;height:100%;transition:filter .3s;display:block}.projects-list__tile:hover .projects-list__img{filter:none}.projects-list__info{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.2rem;min-width:0;padding:.9rem 1rem 1.05rem;display:flex}.projects-list__name{color:var(--term-green-bright);font-family:var(--display);text-shadow:var(--term-glow);font-size:1.6rem;line-height:1.1}.projects-list__name:before{content:"./";color:var(--term-green-dim)}.projects-list__year{color:var(--term-green-dim);font-family:var(--mono);font-size:.72rem}.projects-list__year:before{content:"// "}.projects-list__tags{flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.projects-list__tag{box-sizing:border-box;min-height:1.4rem;color:var(--term-green-mid);font-size:.68rem;font-family:var(--mono);text-align:center;border:1px solid var(--term-line-soft);background:0 0;justify-content:center;align-items:center;margin:0;padding:.15rem .45rem;line-height:1.2;display:inline-flex}.projects-list__tag:before{content:"#";color:var(--term-green-dim)}.projects-detail{box-sizing:border-box;width:min(100%,68rem);min-height:100%;color:var(--term-green);flex-shrink:0;margin:0 auto;padding:0 1.25rem 3rem;overflow:visible}.projects-detail__nav{z-index:2;border-bottom:1px solid var(--term-line);background:#020602f0;margin:0 -1.25rem 2.5rem;padding:.75rem 1.25rem;position:sticky;top:0}.projects-detail__back{color:var(--term-green);font-family:var(--mono);border:1px solid var(--term-line);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.projects-detail__back:before{content:"$ cd ..";color:var(--term-green-dim);margin-right:.3rem}.projects-detail__back:visited{color:var(--term-green)}.projects-detail__back:hover{color:var(--term-bg);background:var(--term-green);border-color:var(--term-green);text-shadow:none}.projects-detail__back:hover:before{color:var(--term-bg)}.projects-detail__title{overflow-wrap:anywhere;max-width:22ch;margin:0 0 .6rem;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95}.projects-detail__title:before{content:"> ";color:var(--term-green-dim)}.projects-detail__title:after{content:"_";animation:1s step-end infinite cursor-blink}.projects-detail__meta{color:var(--term-green-dim);font-family:var(--mono);margin:0 0 1.7rem;font-size:.78rem}.projects-detail__meta:before{content:"// year: "}.projects-detail__summary{max-width:42rem;color:var(--term-green-bright);margin:0 0 .8rem;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.5}.projects-detail__description{max-width:47rem;color:var(--term-green-mid);margin:0 0 1.5rem;font-size:.9rem;line-height:1.7}.projects-detail__section{margin:0 0 1.2rem}.projects-detail__section--stack,.projects-detail__section--tags{border:1px dashed var(--term-line);background:#00000080;padding:.9rem 1rem}.projects-detail__section-title{color:var(--term-green-mid);font-size:.75rem;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:none;margin:0 0 .7rem;font-weight:600;line-height:1.2}.projects-detail__section-title:before{content:"## ";color:var(--term-green-dim)}.projects-detail__stack,.projects-detail__tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.projects-detail__stack-item,.projects-detail__tag{color:var(--term-green);background:var(--term-green-faint);border:1px solid var(--term-line-soft);font-size:.74rem;font-family:var(--mono);margin:0;padding:.2rem .55rem;font-weight:500;line-height:1.3}.projects-detail__cta-wrap{margin:0 0 2.2rem}.projects-detail__demo{color:var(--term-bg);font-family:var(--mono);text-shadow:none;background:var(--term-green);border:1px solid var(--term-green-bright);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 0 18px #33ff6673}.projects-detail__demo:before{content:"$"}.projects-detail__demo:hover,.projects-detail__demo:visited{color:var(--term-bg)}.projects-detail__demo:hover{background:var(--term-green-bright);box-shadow:0 0 26px #33ff66b3}.projects-detail__demo:active{transform:translateY(1px)}.projects-detail__demo-icon{color:inherit;flex-shrink:0;display:block}.projects-detail__gallery{width:100%;max-width:100%;margin-inline:auto}.projects-detail__gallery--main{margin-bottom:1.4rem}.projects-detail__gallery-list{flex-direction:column;gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.projects-detail__gallery-item{border:1px solid var(--term-line);background:#000;margin:0;overflow:hidden;box-shadow:0 0 18px #33ff661f}.projects-detail__gallery-item img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.projects-detail--missing .projects-detail__missing{color:var(--term-red);margin:0 0 .8rem}.projects-detail--missing .projects-detail__missing:before{content:"bash: "}.projects-list__footer{box-sizing:border-box;width:min(100% - 2.5rem,68rem);color:var(--term-green-dim);justify-content:space-between;gap:1rem;margin:0 auto;padding:0 0 1.4rem;font-size:.72rem;display:flex}@media (width<=900px){.projects-list__grid{grid-template-columns:1fr}}@media (width<=600px){.projects-detail{padding-left:1rem;padding-right:1rem}.projects-detail__nav{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.projects-list__footer{width:min(100% - 2rem,68rem)}}@media (prefers-reduced-motion:reduce){.projects-list__tile,.projects-list__img{transition:none}.projects-detail__title:after{animation:none}}.background-page{text-align:left;width:min(100%,72rem);margin:0 auto}.background-page h2{flex-wrap:wrap;align-items:baseline;gap:.65rem;margin-bottom:1.2rem;font-size:clamp(1.9rem,3.4vw,2.8rem);display:flex}.background-page h2:before{content:"$";color:var(--term-green-dim)}.background-page h2 span{color:var(--term-green-mid);font-family:var(--mono);letter-spacing:.06em;text-shadow:none;font-size:.75rem;font-weight:400}.background-page h3{min-width:unset;max-width:unset;color:var(--term-green-bright);margin-bottom:.6rem;font-size:1.45rem}.roleList{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.roleList>li{border:1px solid var(--term-line-soft);background:#00000073;min-height:100%;margin:0;padding:1.1rem 1.1rem 1.15rem;transition:border-color .12s steps(2,end),background .12s steps(2,end);position:relative}.roleList>li:before{content:"";border-top:2px solid var(--term-green);border-left:2px solid var(--term-green);width:.6rem;height:.6rem;position:absolute;top:-1px;left:-1px}.roleList>li:hover{border-color:var(--term-green);background:var(--term-green-faint);box-shadow:0 0 16px #33ff6626}.roleList ul{margin:.7rem 0 0;padding:0;list-style:none}.roleList ul li{color:var(--term-green-mid);background:0 0;border:none;margin:0 0 .5rem;padding:0 0 0 1.2rem;font-size:.84rem;line-height:1.55;position:relative}.roleList ul li:before{content:">";color:var(--term-green);position:absolute;top:0;left:0}.roleList ul li:last-child{margin-bottom:0}@media (width<=820px){.roleList{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.roleList>li{transition:none}}.packet-breaker{width:min(100%,54rem);color:var(--term-green);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:.35rem 0 1rem;display:flex}.packet-breaker__blurb{max-width:36rem;color:var(--term-green-mid);font-size:.84rem;line-height:1.55}.packet-breaker__blurb kbd{min-width:1.35rem;color:var(--term-bg);font-size:.75rem;font-family:var(--mono);background:var(--term-green);text-shadow:none;margin:0 .12rem;padding:0 .3rem;font-weight:700;display:inline-block}.packet-breaker__canvas{width:min(100%,720px,92vw);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid var(--term-green);display:block;box-shadow:0 0 22px #33ff6640}.packet-breaker__touch-controls{box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:stretch;gap:.6rem;width:min(100%,720px,92vw);display:none}@media (width<=640px){.packet-breaker__touch-controls{display:flex}}.packet-breaker__touch-btn,.packet-breaker__restart{font:inherit;cursor:pointer;color:var(--term-green);border:1px solid var(--term-line);background:#0009;border-radius:0;margin:0}.packet-breaker__touch-btn:hover,.packet-breaker__restart:hover{background:var(--term-green-faint);border-color:var(--term-green)}.packet-breaker__touch-btn:active,.packet-breaker__restart:active{color:var(--term-bg);background:var(--term-green);text-shadow:none}.packet-breaker__touch-btn{flex:1;min-height:3rem;padding:.5rem .4rem;font-size:1.25rem;line-height:1}.packet-breaker__touch-btn--serve{flex:1.35;font-size:.82rem;font-weight:700}.packet-breaker__restart{padding:.45rem 1rem;font-size:.8rem;font-weight:600}.packet-breaker__restart:before{content:"$ "}