@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#050505;--bg-elevated:#0c0c10;--surface:#131316;--surface-hover:#1c1c22;--text:#f0f0f0;--text-muted:#f0f0f08c;--text-subtle:#f0f0f04d;--accent:#c8ff00;--accent-hover:#d4ff33;--accent-glow:#c8ff0026;--accent-alt:#5b5bff;--border:#ffffff14;--border-hover:#ffffff26;--font-display:"Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .3vw, 1rem);--text-base:clamp(1rem, .9rem + .4vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-xl:clamp(1.25rem, 1rem + 1vw, 1.75rem);--text-2xl:clamp(1.75rem, 1.2rem + 2vw, 2.5rem);--text-3xl:clamp(2.25rem, 1.5rem + 3vw, 3.5rem);--text-4xl:clamp(3rem, 2rem + 4vw, 5rem);--text-hero:clamp(3.5rem, 2rem + 7vw, 8rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--space-3xl:8rem;--space-section:clamp(5rem, 4rem + 6vw, 10rem);--container-max:1280px;--container-wide:1440px;--container-padding:clamp(1.25rem, 1rem + 2vw, 3rem);--gradient-accent:linear-gradient(90deg, #c8ff00 0%, #8fbf00 15%, #c8ff00 30%, #f0ffaa 50%, #c8ff00 70%, #8fbf00 85%, #c8ff00 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:auto;-webkit-tap-highlight-color:transparent}*,:before,:after{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,button,input,select,textarea,label{-webkit-tap-highlight-color:#0000;outline:none}body{min-height:100vh;line-height:1.6;font-family:var(--font-body);background:var(--bg);color:var(--text);background-image:radial-gradient(80% 50% at 50% 0,#c8ff000d 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#5b5bff0a 0%,#0000 50%);background-attachment:fixed;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.container--wide{max-width:var(--container-wide)}section{padding:var(--space-section) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.section-label:before{content:"";background:var(--accent);width:24px;height:1px;display:inline-block}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-lg);font-weight:900}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid--2,.grid--3{grid-template-columns:1fr}section{padding:var(--space-xl) 0}.section-label{margin-bottom:var(--space-sm);font-size:.65rem}.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-md)}}.text-shimmer{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}.glow-orb{pointer-events:none;filter:blur(80px);z-index:0;will-change:transform;border-radius:50%;position:absolute}.glow-orb--lime{background:#c8ff001f}.glow-orb--indigo{background:#5b5bff1a}section:not(.hero){border-top:1px solid var(--border)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:1000;height:var(--nav-height);transition:background var(--transition-base), backdrop-filter var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border);background:#050505cc}.nav__inner{width:100%;max-width:var(--container-wide);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{align-items:center;display:flex}.nav__logo-img{width:auto;height:32px;transition:opacity var(--transition-fast)}.nav__logo:hover .nav__logo-img{opacity:.8}.nav__links{align-items:center;gap:var(--space-lg);display:flex}.nav__link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);position:relative}.nav__link:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.nav__cta{border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);transition:all var(--transition-fast);padding:.5rem 1.25rem;font-weight:500}.nav__cta:hover{background:var(--accent);color:var(--bg)}.nav__burger{flex-direction:column;gap:5px;width:28px;padding:4px 0;display:none}.nav__burger span{background:var(--text);height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.nav__mobile-menu{display:none}@media (width<=768px){.nav__links{display:none}.nav__burger{display:flex}.nav__mobile-menu{z-index:999;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);justify-content:center;align-items:center;gap:var(--space-xl);background:#050505f7;flex-direction:column;display:none;position:fixed;inset:0}.nav__mobile-menu.open{display:flex}.nav__mobile-menu .nav__link{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--text);font-weight:700}.nav.menu-open .nav__burger span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav.menu-open .nav__burger span:nth-child(2){opacity:0}.nav.menu-open .nav__burger span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}}.preloader{z-index:9999;background:var(--bg);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader__logo{opacity:0;filter:blur(10px);justify-content:center;align-items:center;display:flex;position:absolute;transform:scale(1)}.preloader__logo-img{width:auto;height:160px;transition:height .8s cubic-bezier(.16,1,.3,1)}.preloader__inner{flex-direction:column;align-items:center;gap:0;display:flex}.preloader__line-top,.preloader__line-bottom{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;width:0;height:1px}.preloader__text{font-family:var(--font-display);color:var(--text);letter-spacing:.2em;padding:var(--space-md) 0;font-size:clamp(2.5rem,4vw + 1rem,4.5rem);font-weight:900;overflow:hidden}.preloader__text span{display:inline-block}.preloader__text .dot-accent{color:var(--accent)}.preloader__divider{background:var(--accent);opacity:0;width:0;height:1px;margin:var(--space-xs) 0}.preloader__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;opacity:0;padding-top:var(--space-sm);justify-content:center;align-items:center;font-weight:300;display:flex}.preloader__cursor{background:var(--accent);width:2px;height:1.1em;margin-left:2px;animation:.7s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.preloader__play{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);opacity:0;cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;display:flex}.preloader__play-circle{width:90px;height:90px;transition:transform var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.preloader__play-ring{border:1px solid var(--accent);opacity:.6;border-radius:50%;position:absolute;inset:0}.preloader__play-ring--2{opacity:0;animation:2.5s ease-out infinite ringPulse;inset:-10px}@keyframes ringPulse{0%{opacity:.4;transform:scale(.85)}to{opacity:0;transform:scale(1.2)}}.preloader__play-icon{width:36px;height:36px;color:var(--accent);z-index:1;transition:color var(--transition-fast), transform var(--transition-fast);margin-left:3px;position:relative}.preloader__play:hover .preloader__play-circle{transform:scale(1.1)}.preloader__play:hover .preloader__play-ring{border-color:var(--accent);opacity:1;background:#c8ff0014}.preloader__play:hover .preloader__play-icon{color:var(--accent-hover);transform:scale(1.1)}.preloader__play-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;transition:color var(--transition-fast);cursor:pointer}.preloader__play:hover .preloader__play-label{color:var(--accent)}.preloader__skip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:0;transition:color var(--transition-fast), opacity .4s ease;background:0 0;border:none;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.preloader__skip.visible{opacity:1}.preloader__skip:hover{color:var(--accent)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__gradient{filter:blur(120px);opacity:.12;pointer-events:none;border-radius:50%;width:60vw;height:60vw;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute}.hero__gradient--1{background:var(--accent);top:-20%;left:-10%}.hero__gradient--2{background:var(--accent-alt);width:45vw;height:45vw;bottom:-30%;right:-15%}.hero__noise{opacity:.4;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");background-size:200px;position:absolute;inset:0}.hero__content{z-index:1;text-align:center;padding:calc(var(--nav-height) + 1rem) 0 0;width:100%;max-width:var(--container-max);flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.hero__line,.hero__tagline,.hero__subtitle,.hero__ctas,.hero__scroll-indicator{opacity:0}.hero__line{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:0;height:2px;margin:var(--space-md) auto}.hero__tagline{font-family:var(--font-body);font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-sm);letter-spacing:.02em;text-align:center;max-width:600px;font-style:italic;font-weight:300}.hero__name{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;margin-bottom:var(--space-md);flex-direction:column;align-items:center;font-weight:900;line-height:.95;display:flex}.hero__name .line{text-align:center;display:block}.hero__name .char{display:inline-block}.hero__name-accent{color:var(--accent)}.hero__subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero__subtitle .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.hero__discover{margin-top:var(--space-lg);margin-bottom:var(--space-3xl);opacity:0;transition:all var(--transition-base);flex-direction:column;align-items:center;gap:.4rem;display:flex}.hero__discover-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;transition:color var(--transition-fast)}.hero__discover-arrow{width:24px;height:24px;color:var(--accent);animation:2s ease-in-out infinite discoverBounce}.hero__discover-arrow svg{width:100%;height:100%}.hero__discover:hover .hero__discover-text{color:var(--accent)}@keyframes discoverBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero__scroll-indicator{align-items:center;gap:var(--space-xs);color:var(--text-subtle);font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.1em;flex-direction:column;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform-origin:top;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.btn{border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.03em;transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--accent);color:#050505}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn--outline{border:1px solid var(--border-hover);color:var(--text);background:0 0}.btn--outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--lg{font-size:var(--text-base);letter-spacing:.04em;padding:1.1rem 2.5rem;font-weight:600}.btn__arrow{transition:transform var(--transition-fast)}.btn:hover .btn__arrow{transform:translate(4px)}@media (width<=768px){.preloader__logo-img{height:100px}.preloader__text{letter-spacing:.1em;font-size:clamp(1.8rem,6vw,2.5rem)}.preloader__play-circle{width:70px;height:70px}.preloader__play-icon{width:28px;height:28px}.preloader__subtitle{text-align:center;padding:0 var(--space-md);letter-spacing:.15em;font-size:.7rem}.preloader__inner{text-align:center;align-items:center}.preloader__play{margin-top:var(--space-lg)}.hero__name{margin-bottom:var(--space-sm);font-size:clamp(2.5rem,10vw,4rem)}.hero__tagline{font-size:var(--text-base);max-width:90%}.hero__subtitle{font-size:var(--text-sm);letter-spacing:.08em;flex-direction:column;gap:.4rem}.hero__subtitle .dot{display:none}.hero__discover{margin-bottom:var(--space-xl)}.hero__scroll-indicator{bottom:1.5rem}.hero__scroll-line{height:28px}.btn--lg{font-size:var(--text-sm);padding:.9rem 1.8rem}}.about{min-height:100vh;padding:var(--nav-height) 0 var(--space-lg);background:linear-gradient(#050505 0%,#080a08 50%,#050505 100%);align-items:center;display:flex;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.about__grid{gap:var(--space-md);grid-template-columns:auto 1fr;align-items:center;display:grid}.about__image-wrap{border-radius:var(--radius-lg);aspect-ratio:3/4;clip-path:inset(0 100% 0 0);max-height:65vh;position:relative;overflow:hidden}.about__image-wrap img{object-fit:cover;width:100%;height:100%}.about__image-border{border:1px solid var(--border);border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:0}.about__text p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:1.7}.about__text p strong{color:var(--text);font-weight:600}.about__techs{margin-top:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.about__tech{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem 1rem;display:flex}.about__tech:hover{border-color:var(--accent);color:var(--accent)}@media (width<=768px){.about{min-height:auto;padding:calc(var(--nav-height) + var(--space-lg)) 0 var(--space-xl)}.about__grid{gap:var(--space-lg);grid-template-columns:1fr}.about__image-wrap{max-width:220px;max-height:280px;margin:0 auto}.section-title{font-size:var(--text-2xl)}.about__text p{font-size:var(--text-sm)}.about__tech{padding:.35rem .75rem;font-size:.7rem}}.services{background:linear-gradient(135deg,#08080e 0%,#0c0c10 50%,#080a0c 100%);position:relative;overflow:hidden}.services:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 35px,#ffffff08 35px 36px);position:absolute;inset:0}.services__grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.service-card{padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:var(--border-hover);box-shadow:0 20px 60px #0006, 0 0 40px var(--accent-glow);transform:translateY(-6px)}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-lg);color:var(--accent);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.service-card:hover .service-card__icon{background:var(--accent);color:var(--bg);border-color:var(--accent)}.service-card__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-sm);font-weight:700}.service-card__desc{font-size:var(--text-base);color:var(--text-muted);line-height:1.7}.service-card__tags{margin-top:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.service-card__tag{font-family:var(--font-mono);color:var(--text-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:.25rem .6rem;font-size:.7rem}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services__grid{grid-template-columns:1fr;max-width:500px}.service-card{padding:var(--space-lg)}.service-card__icon{width:44px;height:44px;margin-bottom:var(--space-md)}.service-card__title{font-size:var(--text-lg)}.service-card__desc{font-size:var(--text-sm)}}.showreel{background:linear-gradient(#050505 0%,#0a0810 50%,#050505 100%);position:relative;overflow:hidden}.showreel:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0}.showreel__intro{font-size:var(--text-base);color:var(--text-muted);max-width:520px;margin-bottom:var(--space-xl);line-height:1.7}.showreel__video-wrap{max-width:var(--container-wide);padding:0 var(--container-padding);margin:0 auto}.showreel__video-container{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;position:relative;overflow:hidden}.showreel__video-container video,.showreel__video-container iframe{object-fit:cover;border:none;width:100%;height:100%;position:absolute;inset:0}.showreel__placeholder{justify-content:center;align-items:center;gap:var(--space-md);background:linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);flex-direction:column;display:flex;position:absolute;inset:0}.showreel__play-btn{border:2px solid var(--accent);width:80px;height:80px;color:var(--accent);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;animation:2.5s ease-in-out infinite playPulse;display:flex}.showreel__play-btn svg{width:28px;height:28px;margin-left:4px}.showreel__play-btn:hover{background:var(--accent);color:var(--bg);transform:scale(1.1)}@keyframes playPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 20px #0000}}.showreel__placeholder-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:.15em;text-transform:uppercase}.showreel__cta{margin-top:var(--space-xl);justify-content:center;display:flex}.showreel__cta-link{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);width:100%;max-width:420px;display:flex}.showreel__cta-link:hover{background:#ff00000d;border-color:red;transform:translateY(-2px);box-shadow:0 10px 40px #ff00001a}.showreel__cta-yt{color:red;flex-shrink:0;width:32px;height:32px}.showreel__cta-text{flex-direction:column;flex:1;display:flex}.showreel__cta-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text);font-weight:700}.showreel__cta-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:.15rem}.showreel__cta-arrow{color:var(--text-subtle);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}.showreel__cta-link:hover .showreel__cta-arrow{color:red;transform:translate(4px)}@media (width<=768px){.showreel__intro{font-size:var(--text-sm)}.showreel__video-container{border-radius:var(--radius-sm)}}.projects{background:linear-gradient(#050505 0%,#080a07 30%,#07080a 70%,#050505 100%);padding-bottom:0;position:relative;overflow:hidden}.projects:before{content:"";opacity:.6;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.85' 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");background-size:200px;position:absolute;inset:0}.projects__intro{font-size:var(--text-base);color:var(--text-muted);max-width:560px;margin-bottom:var(--space-xl);line-height:1.7}.projects__list{flex-direction:column;gap:0;display:flex}.project{min-height:100vh;padding:var(--space-2xl) 0;align-items:center;display:flex;position:relative}.project__inner{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);gap:0 var(--space-2xl);grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.project__image-wrap{grid-area:1/1}.project__content{grid-area:1/2}.project__link{grid-area:2/1}.project:nth-child(2n) .project__image-wrap{grid-column:2}.project:nth-child(2n) .project__content{grid-column:1}.project:nth-child(2n) .project__link{grid-column:2}.project__image-wrap{border-radius:var(--radius-lg);aspect-ratio:16/10;border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.project__image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project__image-wrap:hover img{transform:scale(1.03)}.project__image-overlay{pointer-events:none;background:linear-gradient(135deg,#c8ff000d,#0000);position:absolute;inset:0}.project__number{font-family:var(--font-display);font-size:var(--text-hero);color:var(--surface);-webkit-text-stroke:1px var(--border-hover);-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:900;position:absolute;top:-.3em;left:-.1em}.project__content{position:relative}.project__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm)}.project__title{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-md);font-weight:900;line-height:1.05}.project__desc{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-lg);max-width:480px;line-height:1.7}.project__stack{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:.5rem;display:flex}.project__stack-tag{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);padding:.35rem .75rem}.project__link{color:var(--accent);font-weight:500;font-size:var(--text-sm);transition:gap var(--transition-fast);margin-top:var(--space-xs);align-items:center;gap:.5rem;display:inline-flex}.project__link:hover{gap:.75rem}.project__badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--bg);background:var(--accent);border-radius:var(--radius-full);vertical-align:middle;letter-spacing:.05em;margin-left:.5rem;padding:.2rem .6rem;font-weight:500;animation:2s ease-in-out infinite badgePulse;display:inline-block}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.project__link--soon{color:var(--text-muted);cursor:default}.project__link--soon:hover{gap:.5rem}.project__link svg{width:18px;height:18px}.project__separator{background:var(--border);width:60px;height:1px;margin:0 auto}.projects__previous{padding:var(--space-xl) 0 var(--space-section);border-top:1px solid var(--border);margin-top:var(--space-2xl);z-index:1;position:relative}.projects__previous-toggle{align-items:center;gap:var(--space-md);cursor:pointer;width:100%;padding:var(--space-md) 0;color:var(--text);transition:color var(--transition-fast);background:0 0;border:none;display:flex}.projects__previous-toggle:hover{color:var(--accent)}.projects__previous-toggle-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.projects__previous-toggle-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:.1em}.projects__previous-toggle-icon{color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0;margin-left:auto}.projects__previous.open .projects__previous-toggle-icon{transform:rotate(180deg)}.projects__previous-content{max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.projects__previous.open .projects__previous-content{max-height:600px}.projects__previous-grid{gap:var(--space-md);padding-top:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.projects__previous-card{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.projects__previous-card:hover{border-color:var(--border-hover)}.projects__previous-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em}.projects__previous-name{font-family:var(--font-display);font-size:var(--text-lg);margin:var(--space-xs) 0;font-weight:700}.projects__previous-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:1.6}.projects__previous-badge{font-family:var(--font-mono);color:var(--text-subtle);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);vertical-align:middle;letter-spacing:.05em;text-transform:uppercase;margin-left:.3rem;padding:.1rem .45rem;font-size:.6rem;font-weight:500}.projects__previous-domain{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle)}@media (width<=1024px){.projects__previous-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.project{min-height:auto;padding:var(--space-xl) 0}.project__inner{gap:var(--space-md);padding:0 var(--container-padding);flex-direction:column;display:flex}.project:nth-child(2n) .project__inner{direction:ltr}.project__content{order:1}.project__image-wrap{order:2}.project__link{order:3}.project__number{font-size:var(--text-3xl);margin-bottom:var(--space-xs);position:relative;top:auto;left:auto}.project__title{font-size:var(--text-2xl)}.project__desc{font-size:var(--text-sm);margin-bottom:var(--space-md)}.project__badge{padding:.15rem .5rem;font-size:.6rem}.projects__intro{font-size:var(--text-sm)}.projects__previous-grid{grid-template-columns:1fr}.projects__previous-card{padding:var(--space-md)}}.contact{background:linear-gradient(#080810 0%,#0c0c10 40%,#0a0c0a 100%);position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.contact__inner{text-align:center;max-width:720px;margin:0 auto}.contact__heading{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-sm);font-weight:900}.contact__heading .text-shimmer{display:inline}.contact__sub{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-2xl)}.contact__form{gap:var(--space-md);text-align:left;grid-template-columns:1fr 1fr;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group--full{grid-column:1/-1}.form-group label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);transition:border-color var(--transition-fast);outline:none;padding:.875rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:140px}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.contact__submit{margin-top:var(--space-sm);grid-column:1/-1;justify-content:center;display:flex}.contact__success{text-align:center;padding:var(--space-2xl);display:none}.contact__success.show{display:block}.contact__success h3{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--accent)}.contact__success p{color:var(--text-muted)}.form-group--checkbox{margin-top:var(--space-xs)}.checkbox-label{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:.6rem;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:1px solid var(--border-hover);background:var(--surface);width:18px;min-width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;position:relative}.checkbox-label input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-label input:checked+.checkbox-custom:after{content:"";border:solid var(--bg);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-text{line-height:1.4}.checkbox-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.checkbox-link:hover{color:var(--accent-hover)}@media (width<=768px){.contact__heading{font-size:var(--text-2xl)}.contact__sub{font-size:var(--text-base)}.contact__form{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.form-group textarea{min-height:100px}.checkbox-label{font-size:var(--text-xs);align-items:flex-start}}.footer{background:linear-gradient(180deg, var(--bg) 0%, #020202 100%);padding:var(--space-2xl) 0 var(--space-lg);border-top:1px solid var(--border);position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer__top{gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer__brand{gap:var(--space-sm);flex-direction:column;display:flex}.footer__logo{align-items:center;display:flex}.footer__logo-img{width:auto;height:40px}.footer__tagline{font-size:var(--text-xs);color:var(--text-subtle);max-width:250px;font-style:italic;line-height:1.6}.footer__nav{flex-direction:column;gap:.6rem;display:flex}.footer__nav-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-weight:500}.footer__nav-link{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);display:block}a.footer__nav-link:hover{color:var(--accent)}.footer__socials{gap:var(--space-sm);margin-top:.3rem;display:flex}.footer__social{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer__social:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.footer__social svg{width:16px;height:16px}.footer__bottom{padding-top:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--text-xs);color:var(--text-subtle)}.footer__legal{gap:var(--space-md);display:flex}.footer__legal-link{font-size:var(--text-xs);color:var(--text-subtle);transition:color var(--transition-fast)}.footer__legal-link:hover{color:var(--text-muted)}.cookie-banner{z-index:9000;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px)saturate(1.3);width:calc(100% - 3rem);max-width:520px;padding:var(--space-lg);transition:transform .6s cubic-bezier(.16,1,.3,1);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(calc(100% + 2rem));box-shadow:0 20px 60px #00000080}.cookie-banner.visible{transform:translate(-50%)translateY(0)}.cookie-banner__inner{gap:var(--space-md);flex-direction:column;display:flex}.cookie-banner__content{gap:var(--space-md);align-items:flex-start;display:flex}.cookie-banner__icon{color:var(--accent);flex-shrink:0;margin-top:2px}.cookie-banner__title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text);margin-bottom:.25rem;font-weight:700}.cookie-banner__text{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.cookie-banner__actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.btn--sm{font-size:var(--text-xs);padding:.5rem 1.25rem}@media (width<=768px){.footer__top{gap:var(--space-lg);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}.footer__bottom{text-align:center;flex-direction:column}.footer__legal{justify-content:center}.cookie-banner{width:calc(100% - 2rem);padding:var(--space-md);bottom:1rem}.cookie-banner__actions{justify-content:center}}.gsap-ready [data-reveal]{visibility:hidden}.no-js [data-reveal]{visibility:visible}.cursor{border:1.5px solid var(--accent);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:16px;height:16px;transition:width .3s,height .3s,border-color .3s,transform .3s;display:none;position:fixed;transform:translate(-50%,-50%)}@media (pointer:fine){.cursor{display:block}}.cursor.hovering{border-color:var(--accent);background:var(--accent-glow);width:48px;height:48px}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}.hero__scroll-line{animation:none}.cursor{display:none}}.audio-toggle{z-index:900;border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);opacity:0;pointer-events:none;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1.5rem;left:1.5rem}.audio-toggle.visible{opacity:1;pointer-events:auto}.audio-toggle:hover{border-color:var(--accent);color:var(--accent);background:#c8ff000d}.audio-toggle svg{width:18px;height:18px}.audio-toggle__off,.audio-toggle.muted .audio-toggle__on{display:none}.audio-toggle.muted .audio-toggle__off{display:block}.audio-toggle:not(.muted):after{content:"";border:1px solid var(--accent);opacity:0;border-radius:50%;animation:2s ease-out infinite audioPulse;position:absolute;inset:-3px}@keyframes audioPulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (width<=768px){.audio-toggle{width:36px;height:36px;bottom:1rem;left:1rem}.audio-toggle svg{width:15px;height:15px}.cursor{display:none!important}}html{scrollbar-width:thin;scrollbar-color:var(--surface-hover) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:3px}