*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--void: #000000;--ink: #ffffff;--smoke: #a0a0a0;--ash: #555555;--ember: #ffffff;--ghost: rgba(255,255,255,.04);--ghost-md: rgba(255,255,255,.08);--ghost-lg: rgba(255,255,255,.12);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", monospace;--font-display: "Playfair Display", serif}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--void);color:var(--ink);line-height:1.6;overflow-x:hidden;position:relative}#cursor-dot{position:fixed;width:8px;height:8px;background:var(--ink);border-radius:50%;pointer-events:none;z-index:100000;transition:transform .1s ease;mix-blend-mode:difference}#cursor-ring{position:fixed;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;z-index:100000;transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),border-color .3s;mix-blend-mode:difference}#cursor-ring.hovering{width:64px;height:64px;border-color:#ffffffe6;background:#ffffff0d}.click-ripple{position:fixed;border:1px solid rgba(255,255,255,.6);border-radius:50%;pointer-events:none;z-index:99999;animation:ripple-expand .8s var(--ease-out-expo) forwards}@keyframes ripple-expand{0%{width:0;height:0;opacity:1}to{width:120px;height:120px;opacity:0}}.click-particle{position:fixed;width:4px;height:4px;background:var(--ink);border-radius:50%;pointer-events:none;z-index:99998;animation:particle-burst .6s var(--ease-out-expo) forwards}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}#speed-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99990;opacity:0;background:repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(255,255,255,.03) 48px,rgba(255,255,255,.03) 50px);transition:opacity .4s}#speed-lines.active{opacity:1}#noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--void);z-index:999999;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s var(--ease-in-out-quart),visibility .8s}#loader.hidden{opacity:0;visibility:hidden}#loader-text{font-family:var(--font-mono);font-size:.85rem;color:var(--smoke);letter-spacing:.2em;text-transform:uppercase}#loader-bar{width:200px;height:1px;background:var(--ghost-lg);margin-top:24px;position:relative;overflow:hidden}#loader-fill{height:100%;width:0%;background:var(--ink);transition:width .3s var(--ease-out-expo)}nav{position:fixed;top:0;left:0;width:100%;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;z-index:1000;mix-blend-mode:difference}.nav-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);text-decoration:none}.nav-logo span{display:inline-block;transition:transform .3s var(--ease-out-expo)}.nav-logo:hover span:nth-child(odd){transform:translateY(-3px)}.nav-logo:hover span:nth-child(2n){transform:translateY(3px)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--ink);transition:width .4s var(--ease-out-expo)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 40px 80px;position:relative;overflow:hidden}.hero-glitch-container{position:relative;margin-bottom:16px}.hero-title{font-family:var(--font-sans);font-size:clamp(4rem,12vw,10rem);font-weight:900;letter-spacing:-.04em;line-height:.95;color:var(--ink);position:relative}.hero-title .char{display:inline-block;opacity:0;transform:translateY(100%);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.hero-title .char.visible{opacity:1;transform:translateY(0)}.hero-glitch{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.hero-glitch .hero-title{position:absolute;top:0;left:0}.hero-glitch-container:hover .hero-glitch{animation:glitch-text .3s steps(2) infinite}@keyframes glitch-text{0%{opacity:0;transform:translate(0)}20%{opacity:.8;transform:translate(-3px,2px);clip-path:inset(20% 0 60% 0)}40%{opacity:.8;transform:translate(3px,-1px);clip-path:inset(50% 0 10% 0)}60%{opacity:.8;transform:translate(-2px,-2px);clip-path:inset(70% 0 5% 0)}80%{opacity:.8;transform:translate(1px,3px);clip-path:inset(10% 0 70% 0)}to{opacity:0;transform:translate(0)}}.hero-sub{font-family:var(--font-mono);font-size:clamp(.75rem,1.2vw,1rem);color:var(--smoke);letter-spacing:.15em;text-transform:uppercase;margin-top:32px;opacity:0;transform:translateY(20px);transition:opacity .8s .6s var(--ease-out-expo),transform .8s .6s var(--ease-out-expo)}.hero-sub.visible{opacity:1;transform:translateY(0)}.hero-gifs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-gif{position:absolute;border-radius:12px;opacity:0;filter:grayscale(1) brightness(.7) contrast(1.2);transition:opacity .6s var(--ease-out-expo),filter .3s}.floating-gif:hover{filter:grayscale(.3) brightness(.9) contrast(1.1)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fade-in-up .8s 1.5s var(--ease-out-expo) forwards}.scroll-indicator span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}.scroll-line{width:1px;height:40px;background:var(--ghost-lg);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--ink);animation:scroll-line-move 1.5s ease-in-out infinite}@keyframes scroll-line-move{0%{top:-100%}to{top:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.ticker{width:100%;padding:20px 0;border-top:1px solid var(--ghost-md);border-bottom:1px solid var(--ghost-md);overflow:hidden;position:relative}.ticker-track{display:flex;animation:ticker-scroll 30s linear infinite;width:max-content}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{font-family:var(--font-mono);font-size:.8rem;color:var(--ash);white-space:nowrap;padding:0 40px;display:flex;align-items:center;gap:40px}.ticker-item .dot{width:6px;height:6px;background:var(--smoke);border-radius:50%;flex-shrink:0}.ticker-item .emoji{font-size:1.1rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.manifesto{padding:160px 40px;max-width:900px;margin:0 auto}.manifesto-label{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.2em;text-transform:uppercase;margin-bottom:48px;display:flex;align-items:center;gap:12px}.manifesto-label:before{content:"";width:32px;height:1px;background:var(--ghost-lg)}.manifesto-text{font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:300;line-height:1.4;letter-spacing:-.02em;color:var(--ink)}.manifesto-text .word{display:inline-block;opacity:.15;transition:opacity .4s var(--ease-out-expo)}.manifesto-text .word.active{opacity:1}.manifesto-text .word.emphasis{font-style:italic;font-weight:500;font-family:var(--font-display)}.services{padding:120px 40px 160px;max-width:1200px;margin:0 auto}.services-header{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.2em;text-transform:uppercase;margin-bottom:64px;display:flex;align-items:center;gap:12px}.services-header:before{content:"";width:32px;height:1px;background:var(--ghost-lg)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:var(--ghost-md)}.service-card{background:var(--void);padding:48px 40px;position:relative;overflow:hidden;cursor:pointer;transition:background .4s}.service-card:hover{background:var(--ghost)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s}.service-card:hover:before{opacity:1}.service-number{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);margin-bottom:24px}.service-title{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:16px;color:var(--ink)}.service-desc{font-size:.9rem;color:var(--smoke);line-height:1.7;max-width:360px}.service-icon{position:absolute;bottom:24px;right:24px;width:48px;height:48px;opacity:0;transform:scale(.8) rotate(-10deg);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo)}.service-card:hover .service-icon{opacity:.6;transform:scale(1) rotate(0)}.projects{padding:120px 40px 160px;max-width:1200px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;padding-bottom:24px;border-bottom:1px solid var(--ghost-md)}.projects-title{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.projects-title:before{content:"";width:32px;height:1px;background:var(--ghost-lg)}.projects-count{font-family:var(--font-mono);font-size:.75rem;color:var(--ash)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.project-card{background:var(--ghost);border:1px solid var(--ghost-md);border-radius:16px;overflow:hidden;transition:transform .5s var(--ease-out-expo),border-color .3s,box-shadow .3s;cursor:pointer;position:relative}.project-card:hover{transform:translateY(-4px);border-color:var(--ghost-lg);box-shadow:0 20px 60px -20px #00000080}.project-embed{width:100%;height:240px;background:var(--void);position:relative;overflow:hidden;border-bottom:1px solid var(--ghost-md)}.project-embed iframe{width:100%;height:100%;border:none;filter:grayscale(.3) contrast(1.05);transition:filter .4s}.project-card:hover .project-embed iframe{filter:grayscale(0) contrast(1)}.project-embed-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--ash);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em}.project-embed-placeholder .placeholder-icon{width:48px;height:48px;border:1px dashed var(--ghost-lg);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.project-info{padding:24px}.project-name{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.project-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.05em;text-transform:uppercase}.project-add{background:transparent;border:1px dashed var(--ghost-lg);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-height:360px;cursor:pointer;transition:border-color .3s,background .3s;color:var(--ash);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.project-add{transition:border-color .3s,background .3s,transform .2s var(--ease-out-expo)}.project-add:hover{border-color:var(--smoke);background:var(--ghost);color:var(--smoke)}.project-add:active{transform:scale(.99)}.project-add-icon{width:64px;height:64px;border:1px dashed var(--ghost-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .4s var(--ease-out-expo),border-color .3s}.project-add:hover .project-add-icon{transform:rotate(90deg);border-color:var(--smoke)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out-expo),visibility .4s}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#111;border:1px solid var(--ghost-md);border-radius:20px;padding:48px;max-width:520px;width:90%;transform:translateY(30px) scale(.95);transition:transform .5s var(--ease-out-expo)}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal-title{font-size:1.4rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.modal-subtitle{font-size:.85rem;color:var(--smoke);margin-bottom:32px}.modal-field{margin-bottom:20px}.modal-field label{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:8px}.modal-field input,.modal-field textarea{width:100%;padding:14px 16px;background:var(--ghost);border:1px solid var(--ghost-md);border-radius:10px;color:var(--ink);font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color .3s}.modal-field input:focus,.modal-field textarea:focus{border-color:var(--smoke)}.modal-field textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;margin-top:28px}.btn{padding:12px 28px;border-radius:10px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:transform .2s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),border-color .3s,color .3s;border:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--void)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #fff3}.btn-primary:active{transform:translateY(-2px) scale(.97)}.btn-ghost{background:transparent;color:var(--smoke);border:1px solid var(--ghost-md)}.btn-ghost:hover{border-color:var(--smoke);color:var(--ink)}.horizontal-section{padding:120px 0;overflow:hidden}.horizontal-label{padding:0 40px;font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.2em;text-transform:uppercase;margin-bottom:48px;display:flex;align-items:center;gap:12px}.horizontal-label:before{content:"";width:32px;height:1px;background:var(--ghost-lg)}.horizontal-scroll{display:flex;gap:24px;padding:0 40px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-card{flex:0 0 300px;height:400px;background:var(--ghost);border:1px solid var(--ghost-md);border-radius:16px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--ash);font-family:var(--font-mono);font-size:.8rem;position:relative;overflow:hidden;transition:border-color .3s}.horizontal-card:hover{border-color:var(--ghost-lg)}.horizontal-card img{width:120px;height:120px;object-fit:cover;border-radius:12px;filter:grayscale(.6)}.horizontal-card .card-number{font-size:4rem;font-weight:900;color:var(--ghost-md);line-height:1}.horizontal-card .card-text{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ash)}.cta{padding:200px 40px;text-align:center;position:relative;overflow:hidden}.cta-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(6rem,18vw,16rem);font-weight:900;color:var(--ghost);white-space:nowrap;letter-spacing:-.04em;pointer-events:none;user-select:none}.cta-content{position:relative;z-index:1}.cta-heading{font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:24px}.cta-sub{font-size:1rem;color:var(--smoke);max-width:480px;margin:0 auto 40px;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:var(--ink);color:var(--void);border-radius:60px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .3s var(--ease-out-expo),box-shadow .3s;cursor:pointer;border:none}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px -12px #fff3}.cta-btn:active{transform:translateY(-3px) scale(.98)}.cta-btn .arrow{transition:transform .3s var(--ease-out-expo)}.cta-btn:hover .arrow{transform:translate(4px,-4px)}footer{padding:40px;border-top:1px solid var(--ghost-md);display:flex;justify-content:space-between;align-items:center}.footer-left{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.05em}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.75rem;color:var(--ash);text-decoration:none;transition:color .3s;font-family:var(--font-mono)}.footer-links a:hover{color:var(--ink)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.impact-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:99995;opacity:0}.impact-flash.active{animation:impact-flash-anim .4s var(--ease-out-expo) forwards}@keyframes impact-flash-anim{0%{opacity:.3}to{opacity:0}}.konami-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff0080,#7928ca,#ff0080);background-size:400% 400%;animation:gradient-shift 3s ease infinite;z-index:99998;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.konami-overlay.active{opacity:1;visibility:visible}.konami-overlay h2{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.konami-overlay p{font-family:var(--font-mono);font-size:.9rem;color:#ffffffe6}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[data-hover]:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}body{-webkit-tap-highlight-color:transparent}a,button,.service-card,.project-card,.project-add,.horizontal-card{touch-action:manipulation}#about,#services,#projects,#contact{scroll-margin-top:96px}@media(hover:none){.project-card:hover{transform:none;box-shadow:none}}@media(max-width:768px){html{cursor:auto}#cursor-dot,#cursor-ring{display:none}nav{padding:16px 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.manifesto{padding:100px 20px}.services{padding:80px 20px 100px}.services-grid{grid-template-columns:1fr}.projects{padding:80px 20px 100px}.projects-grid{grid-template-columns:1fr}.cta{padding:120px 20px}footer{padding:24px 20px;flex-direction:column;gap:16px;text-align:center}.modal{padding:32px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}.ticker-track{animation:none}.reveal,.hero-title .char,.hero-sub{transform:none!important}}