@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Unbounded:wght@300;400;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#f0ede6;--red:#ff2b2b;--yellow:#ffd100;--gray:#2a2a2a;--gray-light:#1a1a1a;--border:2px solid var(--white);--border-thick:4px solid var(--white);--mono:"Space Mono", monospace;--display:"Unbounded", sans-serif}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--mono);cursor:none;overflow-x:hidden}#cursor{background:var(--red);pointer-events:none;z-index:9999;width:12px;height:12px;transition:width .15s,height .15s,background .15s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring{border:1px solid var(--white);pointer-events:none;z-index:9998;border-radius:0;width:40px;height:40px;transition:all .18s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor.hovering{background:var(--yellow);width:6px;height:6px}#cursor-ring.hovering{border-color:var(--yellow);width:56px;height:56px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--red)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.proj-stats.reveal,.story-section.reveal,.proj-tech.reveal,.proj-nav.reveal,.proj-nav .reveal{transform:none}.navbar{z-index:100;background:var(--black);border-bottom:var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 2rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.navbar--visible,.navbar--sticky{transform:translateY(0)}.navbar--sticky{position:sticky}.navbar__logo{font-family:var(--display);letter-spacing:.15em;color:var(--red);font-size:.75rem;font-weight:900;text-decoration:none}.navbar__links{gap:2rem;list-style:none;display:flex}.navbar__links a,.navbar__back{letter-spacing:.15em;color:var(--white);text-transform:uppercase;font-size:.7rem;font-family:var(--mono);text-decoration:none;transition:color .15s}.navbar__links a:hover,.navbar__back:hover{color:var(--yellow)}.section-label:before{content:"";background:var(--red);flex-shrink:0;width:24px;height:2px;display:block}.link-btn{border:var(--border);color:var(--white);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-family:var(--mono);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.link-btn:hover{background:var(--white);color:var(--black)}.hero{border-bottom:var(--border-thick);grid-template-rows:1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero__noise{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__grid{grid-template-columns:1fr 1fr;display:grid}.hero__left{border-right:var(--border);flex-direction:column;justify-content:flex-end;gap:2rem;padding:8rem 3rem 3rem;display:flex}.hero__tag{letter-spacing:.25em;color:var(--red);text-transform:uppercase;align-items:center;gap:.75rem;font-size:.65rem;display:flex}.hero__tag:before{content:"";background:var(--red);width:24px;height:2px;display:block}.hero__name{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.9}.hero__name span{color:var(--red);display:block}.hero__role{letter-spacing:.2em;color:#f0ede680;text-transform:uppercase;font-size:.75rem}.hero__cta{background:var(--red);color:var(--white);font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:1rem;width:fit-content;padding:1rem 2rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.hero__cta:after{content:"→";font-size:1rem}.hero__cta:hover{background:var(--yellow);color:var(--black)}.hero__right{background:var(--gray-light);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__dot-matrix{pointer-events:none;background-image:radial-gradient(circle,#f0ede614 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hero__scanline{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);animation:8s linear infinite scanmove;position:absolute;inset:0}@keyframes scanmove{0%{background-position:0 0}to{background-position:0 80px}}.hero__canvas{z-index:1;position:relative}.glitch__text{font-family:var(--display);color:var(--white);text-transform:uppercase;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,10vw,8rem);font-weight:900;animation:3s infinite glitch;position:relative}.glitch__text:before,.glitch__text:after{content:attr(data-text);position:absolute;inset:0}.glitch__text:before{color:var(--red);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);animation:3s infinite glitch-before}.glitch__text:after{color:var(--yellow);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);animation:3s infinite glitch-after}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}}@keyframes glitch-before{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.8;transform:translate(3px)}93%{opacity:.8;transform:translate(-3px)}95%{opacity:0;transform:translate(0)}}@keyframes glitch-after{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.8;transform:translate(-3px)}94%{opacity:.8;transform:translate(3px)}96%{opacity:0;transform:translate(0)}}.hero__code-float{font-family:var(--mono);color:#f0ede62e;white-space:pre;pointer-events:none;font-size:.6rem;line-height:1.7;animation:12s linear infinite float-code;position:absolute}@keyframes float-code{0%{opacity:0;transform:translateY(110%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-110%)}}.hero__stats{border-top:var(--border);grid-template-columns:1fr 1fr 1fr;display:grid}.hero__stat{border-right:var(--border);flex-direction:column;gap:.25rem;padding:1.5rem 2rem;display:flex}.hero__stat:last-child{border-right:none}.hero__stat-num{font-family:var(--display);color:var(--yellow);font-size:1.75rem;font-weight:900}.hero__stat-label{letter-spacing:.2em;text-transform:uppercase;color:#f0ede666;font-size:.6rem}.about{border-bottom:var(--border-thick);grid-template-columns:1fr 1fr;min-height:70vh;display:grid}.about__left{border-right:var(--border);flex-direction:column;justify-content:space-between;padding:5rem 3rem;display:flex}.about__text{font-size:clamp(1rem,2vw,1.4rem);line-height:1.6}.about__text strong{color:var(--yellow);font-style:italic}.about__links{flex-wrap:wrap;gap:1rem;margin-top:3rem;display:flex}.about__right{flex-direction:column;justify-content:center;padding:5rem 3rem;display:flex}.stack__title{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:#f0ede666;margin-bottom:2rem;font-size:.65rem;font-weight:700}.stack__item{border-bottom:1px solid #f0ede614;justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex;position:relative;overflow:hidden}.stack__item:before{content:"";background:#ff2b2b0d;width:100%;transition:left .3s;position:absolute;top:0;bottom:0;left:-100%}.stack__item:hover:before{left:0}.stack__name{font-family:var(--display);letter-spacing:.05em;font-size:.9rem;font-weight:700}.stack__bar-wrap{align-items:center;gap:.75rem;display:flex}.stack__bar{background:#f0ede61a;width:80px;height:3px;position:relative}.stack__bar-fill{background:var(--red);width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0}.stack__level{letter-spacing:.1em;color:#f0ede659;text-align:right;min-width:72px;font-size:.6rem}.projects{border-bottom:var(--border-thick)}.projects__header{border-bottom:var(--border);justify-content:space-between;align-items:flex-end;padding:4rem 3rem 3rem;display:flex}.projects__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}.projects__title span{color:var(--red)}.projects__count{letter-spacing:.2em;color:#f0ede659;font-size:.65rem}.projects__grid{grid-template-columns:1fr 1fr;display:grid}.project-card{border-right:var(--border);border-bottom:var(--border);color:var(--white);flex-direction:column;gap:2rem;min-height:400px;padding:3rem;text-decoration:none;transition:background .2s;display:flex;position:relative;overflow:hidden}.project-card:nth-child(2n){border-right:none}.project-card:hover{background:var(--gray-light)}.project-card__num{font-family:var(--display);color:#f0ede60d;pointer-events:none;font-size:5rem;font-weight:900;line-height:1;transition:color .2s;position:absolute;top:1rem;right:2rem}.project-card:hover .project-card__num{color:#ff2b2b1f}.project-card__img{background:var(--gray);letter-spacing:.2em;color:#f0ede633;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:260px;font-size:.6rem;display:flex;position:relative;overflow:hidden}.project-card__img:before{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#f0ede605 8px 16px);position:absolute;inset:0}.project-card__img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:10px;display:flex}.project-card__title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;line-height:1.1}.project-card__desc{color:#f0ede68c;font-size:.78rem;line-height:1.7}.project-card__arrow{margin-top:auto;font-size:1.5rem;transition:transform .2s;display:inline-block;transform:rotate(-45deg)}.project-card:hover .project-card__arrow{transform:rotate(0)}.footer{grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding:4rem 3rem;display:grid}.footer__left{flex-direction:column;gap:1rem;display:flex}.footer__big{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.5rem,4vw,3rem);font-weight:900;line-height:1.1}.footer__big span{color:var(--red)}.footer__email{width:fit-content}.footer__right{flex-direction:column;align-items:flex-end;gap:1.5rem;display:flex}.footer__socials{gap:1rem;display:flex}.footer__note{letter-spacing:.2em;color:#f0ede640;font-size:.6rem}@media (width<=768px){.hero__grid{grid-template-columns:1fr}.hero__right{display:none}.hero__stats{grid-template-columns:1fr 1fr}.hero__stat:nth-child(3){border-right:none;grid-column:span 2}.about{grid-template-columns:1fr}.about__left{border-right:none;border-bottom:var(--border)}.projects__grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(2n){border-right:none}.footer{grid-template-columns:1fr}.footer__right{align-items:flex-start}}.section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--red);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.6rem;display:flex}.section-label:before{content:"";background:var(--red);flex-shrink:0;width:24px;height:2px}.tag{letter-spacing:.15em;text-transform:uppercase;font-size:.55rem;font-family:var(--mono);border:1px solid #f0ede640;padding:.2rem .6rem}.tag--red{border-color:var(--red);color:var(--red)}.proj-hero{border-bottom:var(--border-thick);grid-template-columns:1fr 1fr;min-height:50vh;display:grid}.proj-hero__left{border-right:var(--border);flex-direction:column;justify-content:flex-end;gap:2rem;padding:6rem 3rem 4rem;display:flex}.proj-hero__meta{flex-wrap:wrap;gap:.75rem;display:flex}.proj-hero__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2rem,5vw,4.5rem);font-weight:900;line-height:.95}.proj-hero__title-accent{color:var(--red)}.proj-hero__subtitle{color:#f0ede68c;max-width:42ch;font-size:.85rem;line-height:1.75}.proj-hero__links{flex-wrap:wrap;gap:1rem;display:flex}.proj-link{border:var(--border);color:var(--white);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem;font-family:var(--mono);align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s;display:inline-flex}.proj-link:hover{background:var(--white);color:var(--black)}.proj-link--primary{background:var(--red);border-color:var(--red)}.proj-link--primary:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black)}.proj-hero__right{background:var(--gray-light);justify-content:center;align-items:center;padding:3rem;display:flex}.proj-hero__img{aspect-ratio:16/10;background:var(--gray);letter-spacing:.2em;color:#f0ede633;text-transform:uppercase;justify-content:center;align-items:center;width:100%;font-size:.65rem;display:flex;position:relative;overflow:hidden}.proj-hero__img:before{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#f0ede606 8px 16px);position:absolute;inset:0}.proj-hero__img img{inset:unset;object-fit:unset;border-radius:0;width:100%;height:100%;display:block;position:relative}.proj-stats{border-bottom:var(--border);grid-template-columns:1fr 1fr;margin:0;display:grid}.proj-stat{flex-direction:column;gap:.4rem;margin:0;padding:2rem 2.5rem;display:flex}.proj-stat:nth-child(odd){border-right:var(--border)}.proj-stat:nth-child(2n){border-right:none}.proj-stat__num{font-family:var(--display);color:var(--yellow);font-size:1.5rem;font-weight:900}.proj-stat__label{letter-spacing:.2em;text-transform:uppercase;color:#f0ede659;font-size:.6rem}.story-section{border-bottom:var(--border);grid-template-columns:1fr 1fr;min-height:55vh;display:grid}.story-section:has(.story__img-box img){min-height:unset;align-items:center}.story__image{background:var(--gray-light);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.story__image:has(.story__img-box img){align-items:flex-start;padding:1.5rem}.story__image--right-border{border-right:var(--border)}.story__image--left-border{border-left:var(--border)}.story__image:before{content:"";border-top:2px solid var(--red);border-left:2px solid var(--red);pointer-events:none;width:20px;height:20px;position:absolute;top:1.5rem;left:1.5rem}.story__image:after{content:"";pointer-events:none;border-bottom:2px solid #f0ede61f;border-right:2px solid #f0ede61f;width:20px;height:20px;position:absolute;bottom:1.5rem;right:1.5rem}.story__img-box{aspect-ratio:4/3;background:var(--gray);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.story__img-box:has(img){aspect-ratio:unset;background:0 0}.story__img-box:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#f0ede606 8px 16px);position:absolute;inset:0}.story__img-box:has(img):before{display:none}.story__img-box img{inset:unset;object-fit:unset;border-radius:0;width:100%;height:auto;display:block;position:relative}.story__img-label{letter-spacing:.2em;color:#f0ede62e;text-transform:uppercase;z-index:1;font-size:.55rem;position:relative}.story__counter{font-family:var(--display);letter-spacing:.2em;color:#f0ede61a;pointer-events:none;font-size:.55rem;font-weight:900;position:absolute;bottom:1rem;left:1rem}.story__content{flex-direction:column;justify-content:center;gap:1.75rem;padding:5rem 4rem;display:flex}.story__step{letter-spacing:.3em;text-transform:uppercase;color:var(--red);align-items:center;gap:.75rem;font-size:.6rem;display:flex}.story__step:before{content:"";background:var(--red);width:20px;height:2px;display:block}.story__heading{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;line-height:1.1}.story__heading em{color:var(--yellow);font-style:normal}.story__text{color:#f0ede699;font-size:.82rem;line-height:1.85}.story__text strong{color:var(--white);font-style:normal}.code-block{background:var(--gray-light);border-left:3px solid var(--red);padding:1.25rem 1.5rem;overflow-x:auto}.code-block pre{font-family:var(--mono);color:#f0ede6bf;white-space:pre;font-size:.7rem;line-height:1.8}.code-block .cb__kw{color:var(--red)}.code-block .cb__fn{color:var(--yellow)}.code-block .cb__str{color:#7ec8a0}.code-block .cb__cm{color:#f0ede64d;font-style:italic}.proj-tech{border-bottom:var(--border-thick);padding:5rem 3rem}.proj-tech__grid{flex-wrap:wrap;margin-top:0;display:flex}.proj-tech__pill{border:var(--border);font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;cursor:default;margin:-1px 0 0 -1px;padding:1rem 2rem;font-size:.7rem;font-weight:700;transition:all .15s}.proj-tech__pill:hover{background:var(--red);border-color:var(--red);z-index:1;position:relative}.proj-nav{grid-template-columns:1fr 1fr;display:grid}.proj-nav__item{color:var(--white);border-right:var(--border);flex-direction:column;gap:.75rem;padding:3rem;text-decoration:none;transition:background .2s;display:flex}.proj-nav__item:last-child{border-right:none}.proj-nav__item:hover{background:var(--gray-light)}.proj-nav__item--right{text-align:right;justify-content:flex-end}.proj-nav__label{letter-spacing:.2em;text-transform:uppercase;color:#f0ede659;font-size:.6rem}.proj-nav__title{font-family:var(--display);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}@media (width<=768px){.proj-hero{grid-template-columns:1fr}.proj-hero__right{display:none}.proj-hero__left{padding:3rem 2rem}.proj-stats{grid-template-columns:1fr 1fr}.proj-stat:nth-child(3),.proj-stat:nth-child(4){border-top:var(--border)}.proj-stat:nth-child(2n){border-right:none}.story-section{grid-template-columns:1fr;min-height:auto}.story__image{border-bottom:var(--border);border-left:none!important;border-right:none!important}.story__content,.proj-tech{padding:3rem 2rem}.proj-nav{grid-template-columns:1fr}.proj-nav__item{border-right:none;border-bottom:var(--border)}.proj-nav__item--right{text-align:left}}