@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.pp-page{color:#f5f5f0;background:#0d0e0e;min-height:100vh}.pp-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0deb;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(1.5rem,5vw,4rem);display:flex;position:fixed;top:0;left:0;right:0}.pp-nav__logo{color:#c8ff00;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none}.pp-nav__back{letter-spacing:.04em;color:#666;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.82rem;text-decoration:none;transition:color .2s}.pp-nav__back:hover{color:#f5f5f0}.pp-hero{max-width:860px;padding:10rem clamp(1.5rem,5vw,4rem) 5rem}.pp-hero__meta{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.pp-hero__tags{flex-wrap:wrap;gap:.5rem;display:flex}.pp-tag{letter-spacing:.08em;text-transform:uppercase;color:#555;border:1px solid #333;padding:.2rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.7rem}.pp-hero__year{color:#444;letter-spacing:.06em;font-family:Space Grotesk,sans-serif;font-size:.75rem}.pp-hero__title{letter-spacing:-.04em;color:#f5f5f0;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:1}.pp-hero__client{color:#555;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:.9rem}.pp-hero__cta{display:inline-block}.pp-gallery{padding:0 clamp(1.5rem,5vw,4rem) 5rem}.pp-gallery__main{aspect-ratio:16/9;background:#fff;border:3px solid #c8ff00;width:100%;margin-bottom:1rem;overflow:hidden}.pp-gallery__img{object-fit:contain;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block}.pp-gallery__thumbs{flex-wrap:wrap;gap:.75rem;display:flex}.pp-gallery__thumb{aspect-ratio:16/9;cursor:pointer;background:#111;border:1px solid #333;width:100px;padding:0;transition:border-color .2s;overflow:hidden}.pp-gallery__thumb:hover{border-color:#666}.pp-gallery__thumb.active{border-color:#c8ff00}.pp-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.pp-content{grid-template-columns:1fr 1fr;gap:3rem 5rem;max-width:1100px;padding:0 clamp(1.5rem,5vw,4rem) 6rem;display:grid}.pp-block{flex-direction:column;gap:.75rem;display:flex}.pp-block__label{letter-spacing:.12em;text-transform:uppercase;color:#c8ff00;font-family:Space Grotesk,sans-serif;font-size:.72rem}.pp-block__text{color:#888;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.8}.pp-tech{flex-wrap:wrap;gap:.5rem;display:flex}.pp-prevnext{border-top:1px solid #1a1a1a;justify-content:space-between;padding:3rem clamp(1.5rem,5vw,4rem);display:flex}.pp-prevnext__item{flex-direction:column;gap:.4rem;text-decoration:none;transition:opacity .2s;display:flex}.pp-prevnext__item:hover{opacity:.7}.pp-prevnext__item--next{text-align:right}.pp-prevnext__dir{letter-spacing:.08em;text-transform:uppercase;color:#444;font-family:Space Grotesk,sans-serif;font-size:.75rem}.pp-prevnext__name{color:#f5f5f0;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.pp-notfound{color:#888;background:#0d0d0d;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;font-family:Space Grotesk,sans-serif;display:flex}@media (width<=700px){.pp-content{grid-template-columns:1fr;gap:2.5rem}.pp-prevnext{flex-direction:column;gap:2rem}.pp-prevnext__item--next{text-align:left}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f0;background:#0d0d0d}::selection{color:#0d0d0d;background:#c8ff00}.fade-section{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.fade-section.visible{opacity:1;transform:translateY(0)}.navbar{z-index:100;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.5rem,5vw,4rem);transition:height .3s,background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0deb;border-bottom:1px solid #222;height:56px}.navbar.hidden{opacity:0}.navbar__logo{color:#c8ff00;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.navbar__logo span{color:#f5f5f0}.navbar__logo--hidden{visibility:hidden}.navbar__links{gap:2.5rem;list-style:none;display:flex}.navbar__links a{letter-spacing:.04em;text-transform:uppercase;color:#999;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.navbar__links a:hover{color:#f5f5f0}.navbar__links a.active{color:#c8ff00}.navbar__right{align-items:center;gap:1rem;display:flex}.navbar__hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:6px;display:none}.navbar__hamburger span{transform-origin:50%;background:#f5f5f0;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar__hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.navbar__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navbar__mobile-menu{z-index:99;opacity:0;pointer-events:none;background:#0d0d0dfa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.navbar__mobile-menu.open{opacity:1;pointer-events:all}.navbar__mobile-links{flex-direction:column;align-items:center;gap:2.5rem;list-style:none;display:flex}.navbar__mobile-links a{letter-spacing:-.03em;color:#f5f5f0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,8vw,3rem);font-weight:700;text-decoration:none;transition:color .2s}.navbar__mobile-links a:hover{color:#c8ff00}.navbar__mobile-lang{gap:1rem;list-style:none;display:flex}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.navbar__lang{gap:.4rem;list-style:none;display:flex}.navbar__lang-btn{letter-spacing:.04em;color:#777;cursor:pointer;background:0 0;border:1px solid #333;padding:.3rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.navbar__lang-btn:hover{color:#f5f5f0;border-color:#f5f5f0}.navbar__lang-btn.active{color:#0d0d0d;background:#c8ff00;border-color:#c8ff00}.logo-intro-overlay{z-index:200;pointer-events:none;background:#0d0d0d;transition:opacity .5s .5s;position:fixed;inset:0}.logo-intro-overlay.moved{opacity:0}.logo-intro-text{letter-spacing:-.03em;color:#c8ff00;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,5rem);font-weight:700;transition:font-size .7s cubic-bezier(.4,0,.2,1),left .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-intro-text.moved{font-size:1.1rem;left:clamp(1.5rem,5vw,4rem);transform:translateY(-1318%)}.logo-intro-text span{color:#f5f5f0}.hero{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:80px clamp(1.5rem,5vw,4rem) 0;display:flex}.hero__label{letter-spacing:.12em;text-transform:uppercase;color:#c8ff00;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}.hero__title{letter-spacing:-.04em;color:#f5f5f0;max-width:16ch;margin:0 0 2rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,8vw,7rem);font-weight:700;line-height:1}.hero__sub{color:#888;max-width:50ch;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7}.hero__cta{flex-wrap:wrap;gap:1rem;display:flex}.btn{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;padding:.75rem 1.75rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn--primary{color:#0d0d0d;background:#c8ff00}.btn--primary:hover{background:#b8ef00}.btn--ghost{color:#f5f5f0;background:0 0;border:1px solid #444}.btn--ghost:hover{border-color:#f5f5f0}.projects{padding:8rem clamp(1.5rem,5vw,4rem)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:#c8ff00;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}.projects__list{max-width:860px}.project-card{border-top:1px solid #222;grid-template-columns:auto 1fr;align-items:start;gap:2rem;padding:2.5rem 0;display:grid}.project-card__number{color:#c8ff00;letter-spacing:-.05em;opacity:.9;min-width:3ch;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1}.project-card__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.project-card__tag{letter-spacing:.08em;text-transform:uppercase;color:#555;border:1px solid #333;padding:.2rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.7rem}.project-card__title{color:#f5f5f0;letter-spacing:-.02em;margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.project-card__desc{color:#888;max-width:55ch;margin:0 0 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7}.project-card__link{color:#c8ff00;letter-spacing:.02em;border-bottom:1px solid #c8ff00;padding-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:.85rem;text-decoration:none}.about{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#111111bf;grid-template-columns:1fr 1fr;gap:4rem;padding:8rem clamp(1.5rem,5vw,4rem);display:grid}.about__title{letter-spacing:-.03em;color:#f5f5f0;text-align:left;margin:0 0 1.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.1}.about__bio{color:#888;text-align:left;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.about__github-link{color:#c8ff00;border-bottom:1px solid #c8ff00;padding-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:.85rem;text-decoration:none}.skills-label{letter-spacing:.12em;text-transform:uppercase;color:#555;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}.skills-list{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.skills-list li{color:#f5f5f0;border:1px solid #333;padding:.4rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.85rem}.contact{padding:8rem clamp(1.5rem,5vw,4rem)}.contact__title{letter-spacing:-.04em;color:#f5f5f0;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.05}.contact__sub{color:#888;max-width:45ch;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7}.contact__form{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:520px;display:flex}.contact__input,.contact__textarea{color:#f5f5f0;background:#111;border:1px solid #333;outline:none;width:520px;max-width:100%;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.contact__input:focus,.contact__textarea:focus{border-color:#c8ff00}.contact__textarea{resize:vertical;min-height:140px}.contact__success{color:#c8ff00;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.contact__links{border-top:1px solid #222;justify-content:center;gap:2rem;margin-top:4rem;padding-top:2rem;display:flex}.contact__links a{color:#555;font-family:Space Grotesk,sans-serif;font-size:.85rem;text-decoration:none;transition:color .2s}.contact__links a:hover{color:#f5f5f0}.footer{border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:2rem clamp(1.5rem,5vw,4rem);display:flex}.footer span{font-family:Space Grotesk,sans-serif;font-size:.8rem}.footer span:first-child{color:#444}.footer span:last-child{color:#333}.footer a.policy,.footer a.cookie{color:#555;font-family:Space Grotesk,sans-serif;font-size:.8rem;text-decoration:none;transition:color .2s}.footer a.policy:hover,.footer a.cookie:hover{color:#c8ff00}.footer a.policy:focus-visible,.footer a.cookie:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #c8ff00}.footer__links{align-items:center;gap:1.25rem;display:flex}.footer__social{align-items:center;gap:1rem;display:flex}.footer__social-link{color:#555;line-height:0;text-decoration:none;transition:color .2s}.footer__social-link:hover{color:#c8ff00}.footer__social-link:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #c8ff00}@media (width<=640px){.footer{flex-wrap:wrap;gap:1rem}}.process{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;padding:8rem clamp(1.5rem,5vw,4rem);display:grid}.process__header{position:sticky;top:6rem}.process__title{letter-spacing:-.03em;color:#f5f5f0;margin:0 0 1.25rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.1}.process__sub{color:#888;max-width:38ch;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.process__steps{flex-direction:column;display:flex}.process-step{grid-template-columns:32px 1fr;gap:1.5rem;padding-bottom:3rem;display:grid}.process-step__left{flex-direction:column;align-items:center;padding-top:4px;display:flex}.process-step__dot{background:#c8ff00;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px #c8ff0066}.process-step__line{background:linear-gradient(#c8ff00 0%,#333 100%);flex:1;width:1px;min-height:40px;margin-top:8px}.process-step__content{padding-bottom:.5rem}.process-step__number{letter-spacing:.1em;color:#c8ff00;margin-bottom:.4rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;display:block}.process-step__title{color:#f5f5f0;letter-spacing:-.02em;margin:0 0 .6rem;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.process-step__desc{color:#777;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.75}@media (width<=767px){body{background:radial-gradient(at 60% 20%,#1a2010 0%,#0d0d0d 60%)}}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}@media (width<=640px){.about,.project-card,.process{grid-template-columns:1fr}.process__header{position:static}}.cookie-banner{z-index:1000;color:#f5f5f0;background:#0d0d0d;border:1px solid #333;flex-wrap:wrap;align-items:center;gap:1.25rem;max-width:640px;margin:0 auto;padding:1.25rem 1.5rem;font-family:Inter,sans-serif;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem}.cookie-banner__text{flex:260px;margin:0;font-size:.85rem;line-height:1.5}.cookie-banner__link{color:#c8ff00;text-decoration:underline}.cookie-banner__actions{flex-shrink:0;gap:.75rem;display:flex}.cookie-banner__btn{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;padding:.6rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.cookie-banner__btn--reject{color:#f5f5f0;background:0 0;border:1px solid #444}.cookie-banner__btn--reject:hover{border-color:#f5f5f0}.cookie-banner__btn--accept{color:#0d0d0d;background:#c8ff00;border:1px solid #c8ff00}.cookie-banner__btn--accept:hover{background:#b8ef00}@media (width<=480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner__actions{justify-content:flex-end}}