@charset "UTF-8";.button{padding:8px 16px;font-size:16px;border:none;font-family:Inter,sans-serif;font-weight:700;height:100%;cursor:pointer}@media (min-width: 768px){.button{padding:16px;transition:ease-in-out 1s all}}.button--primary{background-color:#b4f800;color:#0a0a0a;border:solid 2px #b4f800}.button--primary:hover{background-color:#e4ff99}.button--secondary{background-color:#0a0a0a;color:#f9f9f9;border:solid 2px #f9f9f9}.button--secondary:hover{background-color:#292929}.navlink{text-transform:uppercase;font-size:16px;color:#c6c6c6;letter-spacing:1px;transition:ease-in-out .5s all;text-decoration:none;font-family:IBM Plex Mono,monospace;font-weight:500}.navlink:hover{color:#e4ff99}.navlink:focus-visible{outline:none;color:#cbff3c}.navlink:focus-visible:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background-color:#cbff3c}.navlink a{color:#c6c6c6}.pagination{width:12px;height:12px;border-radius:50%}.pagination--active{background-color:#0a0a0a}.pagination--basic{background-color:#f9f9f9;border:solid 1px #0a0a0a}h1.title-h1{font-size:32px;font-family:IBM Plex Mono,monospace;font-weight:400;margin-bottom:16px;line-height:100%;text-align:center}@media (min-width: 768px){h1.title-h1{font-size:64px;margin-bottom:0;color:#f9f9f9;text-align:left}}.title-h2{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:400;line-height:100%;margin-bottom:16px;position:relative;border-bottom:solid 4px #f9f9f9;padding-bottom:8px;width:-moz-fit-content;width:fit-content}@media (min-width: 768px){.title-h2{font-size:32px;margin-bottom:24px}}.title-h2--white{color:#f9f9f9}.title-h2--black{color:#0a0a0a}.title-h2--left{text-align:left}.title-h2--center{text-align:center}.title-h2--right{text-align:right}.title-h2--right:before{right:0;left:auto}.title-h2:before{counter-increment:titles;content:"0" counter(titles);position:absolute;top:-32px;left:0;color:#b4f800;font-size:14px;font-family:IBM Plex Mono,monospace}@media (min-width: 768px){.title-h2:before{top:-40px;font-size:16px}}.section-main{padding:80px 16px;border-bottom:solid 1px #b4f800;box-shadow:0 0 24px #b4f80033}@media (min-width: 768px){.section-main{padding:96px}}.section--black{background-color:#0a0a0a}.section--white{background-color:#f9f9f9}.section--gray-dark{background-color:#111010;opacity:1;background-image:repeating-linear-gradient(to right,transparent 0,transparent 1.6666666667px,#111010 1.6666666667px,#111010 5px,transparent 5px,transparent 6.6666666667px),repeating-linear-gradient(to bottom,transparent 0,transparent 1.6666666667px,#111010 1.6666666667px,#111010 5px,transparent 5px,transparent 6.6666666667px),linear-gradient(to bottom,#233000 .6px,transparent .6px),linear-gradient(to right,#233000 .6px,transparent .6px);background-size:100% 100%,100% 100%,80px 80px,80px 80px;background-position:0 0,0 0,0 -.2px,-.2px 0}.projects__card{padding:24px 0;border-bottom:solid 2px #111010;border-radius:16px;display:flex;flex-direction:column;gap:16px}.projects__card:hover{background-color:#111010}@media (min-width: 768px){.projects__card{gap:32px;flex-direction:row;padding:24px 16px}}.projects__card:last-of-type{border-bottom:none}.projects__card__count{position:relative}.projects__card__count:before{counter-increment:projects;content:"0" counter(projects);color:#747b74;font-family:IBM Plex Mono,monospace}.projects__card__content{display:flex;flex-direction:column;gap:16px;width:100%}.projects__card__image-wrapper{position:relative;display:grid;overflow:hidden;max-height:0;opacity:0;clip-path:inset(0 0 100% 0);transform:scaleY(.8);transform-origin:top;border:solid 1px rgba(180,248,0,.3);transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .2s ease,transform .6s cubic-bezier(.16,1,.3,1),clip-path .6s cubic-bezier(.16,1,.3,1)}.projects__card.is-open .projects__card__image-wrapper{max-height:600px;opacity:1;clip-path:inset(0);transform:scaleY(1)}.projects__card.is-open .projects__card__image{transform:scale(1);filter:saturate(1) contrast(1)}.projects__card.is-open .projects__card__scanline{animation:matrix-scan .7s cubic-bezier(.4,0,.2,1)}.projects__card.is-open .projects__card__description{display:block}.projects__card__image{display:block;width:100%;height:450px;-o-object-fit:cover;object-fit:cover;transform:scale(1.08);filter:saturate(.8) contrast(1.15);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease}.projects__card__scanline{position:absolute;top:-10%;left:0;width:100%;height:4px;background:#b4f800;box-shadow:0 0 16px #cbff3c,0 0 24px #b4f8004d;opacity:0;pointer-events:none}.projects__card__topbar{display:flex;cursor:pointer;justify-content:space-between;border-bottom:solid 1px rgba(180,248,0,.3);padding-bottom:8px;align-items:center;flex-wrap:wrap;gap:8px}@media (min-width: 768px){.projects__card__topbar{gap:24px;flex-wrap:nowrap}}.projects__card__dates{font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-size:14px;color:#747b74;order:3;width:100%}@media (min-width: 768px){.projects__card__dates{width:-moz-fit-content!important;width:fit-content!important;text-align:right;margin-right:0}}.projects__card__title{font-family:Space Grotesk,sans-serif;font-size:24px;color:#e7e7e7;order:2}@media (min-width: 768px){.projects__card__title{order:1}}.projects__card__title:hover{color:#b4f800;animation:Pulse .05s ease 9;text-shadow:0 0 8px rgba(180,248,0,.2)}.projects__card__description{font-size:18px;color:#a3a3a3;line-height:150%;display:none}.projects__card__stack{text-transform:uppercase;font-size:14px;gap:8px;display:flex;flex-wrap:wrap}.projects__card__stack span{color:#e7e7e7;font-family:IBM Plex Mono,monospace}.projects__card__buttons{display:flex;gap:16px;align-items:center;justify-content:flex-start}.projects__card__work{margin-left:0;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:14px;padding:8px;color:#b4f800;border:solid 1px rgba(163,163,163,.15);border-radius:4px;box-shadow:0 0 8px #b4f8001a;order:1}@media (min-width: 768px){.projects__card__work{margin-left:auto;order:2}}.projects__card__personal{margin-left:0;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:14px;padding:8px;color:#c6c6c6;border:solid 1px rgba(163,163,163,.15);border-radius:4px;box-shadow:0 0 8px #b4f8001a;order:1}@media (min-width: 768px){.projects__card__personal{margin-left:auto;order:2}}.projects__card .button{padding:4px 0;margin:0!important;position:relative;background-color:transparent;border:none;border-bottom:solid 2px #f9f9f9;display:flex;align-items:center}.projects__card .button:after{content:"";background:url(/images/ui/_arrow.webp);background-size:contain;background-repeat:no-repeat;filter:invert(.9);width:16px;height:16px;margin-left:4px;display:inline-block;transition:all ease-in-out .5s}.projects__card .button:hover:after{transform:translate(2px,-2px);filter:invert(1)}.projects__card .arrow-down{order:4;transition:transform .3s ease}.projects__card .arrow-down img{width:12px;height:12px}.projects__card .arrow-down--open{transform:rotate(180deg)}@keyframes matrix-scan{0%{top:-5%;opacity:0}10%{opacity:1}80%{opacity:1}to{top:105%;opacity:0}}@keyframes Pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.intro__card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:solid 1px rgba(163,163,163,.15);border-radius:4px;box-shadow:0 0 8px #b4f8001a}.intro__card__image{max-width:96px}@media (min-width: 768px){.intro__card__image{max-width:120px}}.intro__card__description,.intro__card__title{text-align:center}.intro__card__title h2{font-family:IBM Plex Mono,monospace;font-size:18px}.stack__item{width:160px;height:160px;padding:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;border:solid 1px rgba(163,163,163,.15);border-radius:4px;box-shadow:0 0 8px #b4f8001a}.stack__item__image{aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;width:72px}.stack__item__text{text-transform:uppercase;font-size:14px;color:#e7e7e7;font-family:Space Grotesk,sans-serif}.experience__card{padding:24px 0;border-bottom:solid 2px #111010;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.experience__card{gap:32px;flex-direction:row;width:calc(50% - 32px);padding:24px 16px}}.experience__card__count{position:relative}.experience__card__count:before{counter-increment:experience;content:"0" counter(experience);color:#747b74;font-family:IBM Plex Mono,monospace}.experience__card__content{display:flex;flex-direction:column;gap:16px;width:100%}.experience__card__topbar{display:flex;justify-content:space-between;border-bottom:solid 1px rgba(180,248,0,.3);padding-bottom:8px}.experience__card__dates{text-align:right;font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-size:14px;color:#747b74}.experience__card__name{font-family:Space Grotesk,sans-serif;font-size:24px;color:#e7e7e7}.experience__card__description{font-size:16px;color:#a3a3a3;line-height:150%}.experience__card__details{text-transform:uppercase;font-size:14px;gap:8px 24px;display:flex;flex-wrap:wrap}@media (min-width: 768px){.experience__card__details{flex-wrap:nowrap;gap:24px}}.experience__card__details span{color:#e7e7e7;font-family:IBM Plex Mono,monospace}.projects__modal{position:fixed;width:100%;height:100%;background-color:#111010bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;left:0;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;opacity:0;animation:modal-overlay-in .2s ease-out forwards}.projects__modal--closing{animation:modal-overlay-out .25s ease-in forwards;animation-delay:1.25s}.projects__modal__container{position:relative;width:95%;height:768px;background-color:#111010;border:solid 1px rgba(163,163,163,.15);box-shadow:0 0 8px #b4f8001a;border-radius:12px;clip-path:inset(0 50% calc(100% - 12px) 50% round 12px);animation:modal-reveal 1.5s cubic-bezier(.16,1,.3,1) forwards;padding:24px;overflow-y:scroll;scrollbar-color:#292929 #0a0a0a}@media (min-width: 768px){.projects__modal__container{width:65%;padding:40px}}.projects__modal__container--closing{animation:modal-reveal-close 1.5s cubic-bezier(.7,0,.84,0) forwards}.projects__modal__topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px rgba(180,248,0,.3);padding-bottom:16px;margin-bottom:16px}.projects__modal__topbar__title{font-family:Space Grotesk,sans-serif;color:#cbff3c;font-size:24px}.projects__modal__topbar__close{cursor:pointer}.projects__modal__topbar img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.projects__modal__content__block{margin-bottom:16px;color:#a3a3a3}.projects__modal__content__image{width:100%;margin-bottom:16px}.projects__modal__content__image img{width:100%;height:450px;-o-object-fit:cover;object-fit:cover;border:solid 1px rgba(163,163,163,.15);border-radius:4px;box-shadow:0 0 8px #b4f8001a}.projects__modal__content__image span{font-size:14px}.projects__modal__content__title{display:block;font-family:IBM Plex Mono,monospace;font-size:18px;margin-bottom:8px;color:#e7e7e7}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-reveal{0%{clip-path:inset(0 50% calc(100% - 12px) 50% round 12px);box-shadow:0 0 #cbff3c00;background-color:#b4f800b3}35%{clip-path:inset(0 0% calc(100% - 12px) 0% round 12px);box-shadow:0 0 24px #cbff3c80}70%{box-shadow:0 0 24px #cbff3c4d}to{clip-path:inset(0 0% 0% 0% round 12px);box-shadow:0 0 #cbff3c00}}@keyframes modal-reveal-close{0%{clip-path:inset(0 0% 0% 0% round 12px);box-shadow:0 0 #cbff3c00}50%{clip-path:inset(0 0% calc(100% - 12px) 0% round 12px);box-shadow:0 0 24px #cbff3c80}to{clip-path:inset(0 50% calc(100% - 12px) 50% round 12px);box-shadow:0 0 #cbff3c00}}@media (prefers-reduced-motion: reduce){.projects__modal,.projects__modal__container{animation:none!important;opacity:1;clip-path:inset(0 round 12px)!important}}.navbar{position:fixed;width:100%;top:0;border-bottom:solid 4px #b4f800;z-index:20;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:24px 40px}.navbar__wrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.navbar__menu,.navbar__menu--mobile{display:flex;flex-direction:row;align-items:center;gap:16px}.navbar__menu__theme-icon,.navbar__menu__burger-icon img{width:20px;height:20px;cursor:pointer}@media (min-width: 768px){.navbar__menu__theme-icon,.navbar__menu__burger-icon img{width:24px;height:24px}}.navbar-mobile__container{background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:100vh;width:100%;filter:opacity(.98);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-left:1px solid #e7e7e7;z-index:20;position:absolute;top:0;right:0;padding:64px 32px}.navbar-mobile__links{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-16px;gap:16px;height:100%}.navbar-mobile__links a{color:#f9f9f9;font-size:24px;padding-bottom:16px;font-family:Space Grotesk,sans-serif;text-transform:none}.navbar-mobile__close{position:absolute;bottom:32px;text-transform:up;color:#e7e7e7;letter-spacing:1px;background-color:transparent;border:none}.navbar__logo__text{font-family:IBM Plex Mono,monospace;font-size:24px;color:#b4f800}.navbar .button{padding:12px 16px;display:flex;align-items:center;font-size:18px;height:-moz-fit-content;height:fit-content}.navbar .button:after{content:"";background:url(/images/ui/_arrow.webp);background-size:contain;filter:invert(1);background-repeat:no-repeat;width:16px;height:16px;margin-left:4px;display:inline-block}.home{min-height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:solid 1px #b4f800;position:relative;overflow:hidden;isolation:isolate;padding:32px 16px 0;margin-top:64px}@media (min-width: 768px){.home{padding:240px 0;min-height:95vh;margin-top:0}.home .container{margin:0 auto;width:1100px}}@media (min-width: 1024px){.home .container{width:1250px}}.home__wrapper{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.home__wrapper{margin-right:auto;gap:24px}}.home__intro{color:#cbff3c;text-transform:uppercase;letter-spacing:1px;font-family:IBM Plex Mono,monospace;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.home__intro{text-align:left!important;justify-content:flex-start}}.home__intro-cursor{display:inline-block;animation:home-cursor-blink 1s step-end infinite}.home__title{font-family:IBM Plex Mono,monospace;line-height:100%;color:#f9f9f9;text-align:center}@media (min-width: 768px){.home__title{width:60%;text-align:left}}.home__subtitle{font-size:16px;text-align:center}@media (min-width: 768px){.home__subtitle{font-size:24px;width:60%;text-align:left}}.home__description{font-size:14px;color:#f9f9f9;text-align:center}@media (min-width: 768px){.home__description{text-align:left}}.home__buttons{display:flex;flex-direction:column;align-items:center;gap:16px}@media (min-width: 768px){.home__buttons{flex-direction:row;align-items:flex-start}}.home__grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#292929 1px,transparent 1px);background-size:28px 28px;opacity:.35}.home--interactive .home__grid{mask-image:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),black 0%,black 30%,rgba(0,0,0,.35) 70%,transparent 100%);-webkit-mask-image:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),black 0%,black 30%,rgba(0,0,0,.35) 70%,transparent 100%)}.home--interactive:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(203,255,60,.08),transparent 70%)}.home__scanline{position:absolute;top:0;left:0;right:0;height:1px;z-index:0;pointer-events:none;background:linear-gradient(to right,transparent,rgba(180,248,0,.35),transparent);box-shadow:0 0 12px #b4f80040;animation:home-scan 26s ease-in-out infinite}.home__reticle{position:absolute;top:0;left:0;z-index:1;pointer-events:none;opacity:.6;transition:opacity .3s ease}.home--pointer-active .home__reticle{opacity:1}.home__reticle-line{position:absolute;background:rgba(203,255,60,.4)}.home__reticle-line--h{width:18px;height:1px;top:0;left:-9px}.home__reticle-line--v{width:1px;height:18px;top:-9px;left:0}.home__reticle-dot{position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:#cbff3c;box-shadow:0 0 6px 2px #cbff3c80;transition:background .3s ease,box-shadow .3s ease}.home--pointer-active .home__reticle-dot{background:#e4ff99;box-shadow:0 0 10px 3px #e4ff9999}.home__particle{position:absolute;top:-1.5px;left:-1.5px;width:3px;height:3px;border-radius:50%;z-index:1;pointer-events:none;background:#b4f800;box-shadow:0 0 4px 1px #b4f80059;opacity:.5}@keyframes home-scan{0%{top:0%;opacity:0}2%{opacity:.6}10%{top:100%;opacity:.6}13%{top:100%;opacity:0}to{top:100%;opacity:0}}@keyframes home-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.home__intro-cursor,.home__scanline{animation:none}}.intro__description{text-align:center;color:#a3a3a3}@media (min-width: 768px){.intro__description{text-align:left}}.intro__content-cards{display:flex;flex-direction:column;padding:24px 0;gap:24px}@media (min-width: 768px){.intro__content-cards{flex-direction:row;margin:32px 0;gap:32px}}.about .title-h2{padding-bottom:8px;margin-bottom:32px}.about__wrapper{display:flex;flex-direction:column}@media (min-width: 768px){.about__wrapper{flex-direction:row}}.about__description,.about__description-extra{font-size:18px;line-height:150%}.about__description p,.about__description-extra p{margin-bottom:8px;color:#e7e7e7}@media (min-width: 768px){.about__description,.about__description-extra{width:60%}}.about__languages__title{display:block;font-size:14px;margin-bottom:8px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;color:#a3a3a3}.about__languages__text{font-size:24px;margin-right:16px}.about__languages p{display:inline;color:#f9f9f9;font-family:Space Grotesk,sans-serif;margin:0 16px;position:relative}.about__languages p:first-of-type{margin-left:0}.about__languages p:after{position:absolute;right:-16px;content:"·"}.about__languages p:last-of-type:after{display:none}.projects__text{color:#a3a3a3;font-size:18px}@media (min-width: 1024px){.projects__text{width:80%;border-right:solid 4px #0a0a0a;padding-right:64px}.projects p{line-height:150%}.projects--code{display:flex;flex-direction:row}}.projects__content{display:grid;grid-template-columns:1fr}@media (min-width: 1024px){.projects__content{padding-left:32px;width:50%;grid-template-columns:repeat(2,1fr);gap:32px 0}}.projects__item{height:-moz-fit-content;height:fit-content;padding:16px 32px;border-bottom:4px solid #b4f800;height:100% s;min-height:160px;color:#a3a3a3}.projects__item:nth-child(odd){border-right:4px solid #b4f800}.projects__item__title{font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-size:18px}.projects--design{counter-reset:projects}@media (min-width: 768px){.projects--design{margin-top:96px!important}}.projects--design p{width:50%;margin-left:0;color:#c6c6c6}.projects__cards{display:flex;flex-direction:column;margin:24px 0}@media (min-width: 768px){.projects__cards{flex-direction:row;margin:64px 0 40px;gap:24px}}.projects .button{margin:24px auto 0 0;display:block;position:relative}.projects .button:after{content:"";background:url(/images/ui/_arrow.webp);background-size:contain;background-repeat:no-repeat;filter:invert(.9);width:16px;height:16px;margin-left:4px;display:inline-block;transition:all ease-in-out .5s}.projects .button:hover:after{transform:translate(2px,-2px);filter:invert(1)}@media (min-width: 768px){.projects .title-h2{font-size:64px;padding-top:8px}}.footer{background-color:#0a0a0a;width:100%;padding:16px 24px;display:flex}@media (min-width: 768px){.footer{padding:16px 40px}}.footer__links{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-end;gap:8px}.footer__copyright{color:#a3a3a3;font-size:14px;padding-top:8px;width:100%;text-transform:uppercase}.footer__copyright p{font-family:IBM Plex Mono,monospace}.footer__icon img{width:24px;height:24px}.footer__icon img:hover{filter:brightness(1.2)}.technology__description{font-size:18px;margin-bottom:16px;line-height:150%;color:#e7e7e7}@media (min-width: 768px){.technology__description{width:80%}}.technology__stack--main{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}@media (min-width: 768px){.technology__stack--main{flex-wrap:nowrap;margin-bottom:32px;gap:32px}}.technology__stack--secondary{display:flex;gap:16px;flex-wrap:wrap;gap:4px 24px}.technology__stack--secondary span{text-transform:uppercase;font-family:IBM Plex Mono,monospace;color:#c6c6c6}@media (min-width: 768px){.technology__stack--secondary{width:80%}}.experience__cards{counter-reset:experience;display:flex;flex-direction:column}@media (min-width: 768px){.experience__cards{flex-direction:row;flex-wrap:wrap;gap:32px}}.contact__buttons{display:flex;gap:16px;flex-direction:column}@media (min-width: 768px){.contact__buttons{flex-direction:row}}.contact__description{line-height:150%;font-size:18px;margin-bottom:16px}.contact .button:nth-of-type(2):after{content:"";background:url(/images/ui/_arrow.webp);background-size:contain;background-repeat:no-repeat;filter:invert(.9);width:16px;height:16px;margin-left:4px;display:inline-block;transition:all ease-in-out .5s}.contact .button:nth-of-type(2):hover:after{transform:translate(2px,-2px);filter:invert(1)}.contact ul{list-style:none;padding-left:0}.contact ul span{font-family:IBM Plex Mono,monospace;color:#a3a3a3}.contact ul li{color:#e7e7e7}html,body,*{box-sizing:border-box;margin:0;font-family:Inter,sans-serif;color:#c6c6c6}body{counter-reset:titles}.container{margin:0 auto}@media (min-width: 768px){.container{max-width:1100px;margin:0 auto}}@media (min-width: 1024px){.container{max-width:1250px}}