:root{--ink:#0d0d0d;--cream:#f5f0e8;--accent:#ff4d1c;--accent2:#fc0;--blue:#1a1aff;--green:#00c896;--line:#0d0d0d1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--cream);color:var(--ink);cursor:none;font-family:Syne,sans-serif;overflow-x:hidden}body:before{content:"";opacity:.03;pointer-events:none;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:60px 60px;position:absolute;inset:0}.grid-bg--dark{background-image:linear-gradient(#f5f0e80d 1px,#0000 1px),linear-gradient(90deg,#f5f0e80d 1px,#0000 1px);background-size:60px 60px}.cursor{background:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:12px;height:12px;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--ink);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;position:fixed;transform:translate(-50%,-50%)}.cursor-label{z-index:9997;pointer-events:none;background:var(--accent);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform-origin:0 0;align-items:center;gap:6px;padding:9px 16px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;display:flex;position:fixed;top:0;left:0;transform:translate(28px,28px);box-shadow:3px 3px #0000004d}.cursor-label-arrow{font-size:.9rem;line-height:1}nav{z-index:1000;mix-blend-mode:multiply;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.02em;color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.78rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}#hero{background:var(--cream);flex-direction:column}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;padding:0 48px;display:grid}.hero-text{z-index:2}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:20px;font-family:Space Mono,monospace;font-size:.75rem;display:flex}.hero-eyebrow:before{content:"";background:var(--accent);width:32px;height:1.5px;display:inline-block}.hero-h1{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(3rem,5vw,5.5rem);font-weight:800;line-height:.95}.hero-h1 em{color:var(--accent);font-style:normal}.hero-h1 .outline{-webkit-text-stroke:2px var(--ink);color:#0000}.hero-sub{opacity:.7;max-width:380px;margin-bottom:40px;font-family:Space Mono,monospace;font-size:.95rem;line-height:1.7}.hero-cta{background:var(--ink);color:var(--cream);letter-spacing:.05em;align-items:center;gap:14px;padding:16px 32px;font-family:Space Mono,monospace;font-size:.8rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hero-cta:after{content:"";background:var(--accent);z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:translate(-101%)}.hero-cta:hover:after{transform:translate(0)}.hero-character{justify-content:center;align-items:center;display:flex;position:relative}.character-wrap{width:420px;height:450px;position:relative}.badge{background:var(--accent2);letter-spacing:.08em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);border-radius:2px;padding:10px 20px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;position:absolute}.badge-1{top:20px;right:-20px;transform:rotate(3deg)}.badge-2{background:var(--green);bottom:60px;left:-30px;transform:rotate(-2deg)}.scroll-hint{letter-spacing:.1em;text-transform:uppercase;opacity:.5;flex-direction:column;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:.68rem;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-line{background:var(--ink);width:1px;height:48px;animation:1.6s ease-in-out infinite scrollPulse}.char-section{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#section-code{color:var(--cream);background:#0d0d0d}.scene-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1200px;padding:0 48px;display:grid}.scene-inner.rev{direction:rtl}.scene-inner.rev>*{direction:ltr}.scene-label{letter-spacing:.2em;text-transform:uppercase;opacity:.4;margin-bottom:16px;font-family:Space Mono,monospace;font-size:.7rem}.scene-h2{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.2rem,3.5vw,3.8rem);font-weight:800;line-height:1}.scene-h2 .ac{color:var(--accent)}.scene-desc{opacity:.65;max-width:400px;font-family:Space Mono,monospace;font-size:.95rem;line-height:1.8}.svg-wrap{justify-content:center;align-items:center;display:flex;position:relative}.char-svg{width:100%;max-width:340px;height:auto;overflow:visible}.float{animation:3.5s ease-in-out infinite float}#section-code .scene-desc{opacity:.55}.ac--yellow{color:var(--accent2)}.section-projects{background:var(--ink);min-height:auto;padding:120px 48px;display:block;position:relative;overflow:hidden}.projects-inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.projects-header{justify-content:space-between;align-items:flex-end;margin-bottom:72px;display:flex}.projects-heading{letter-spacing:-.04em;color:var(--cream);font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:.95}.projects-heading span{color:var(--accent)}.projects-count{letter-spacing:.1em;opacity:.5;color:var(--cream);font-family:Space Mono,monospace;font-size:.75rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.project-card{cursor:none;background:#161616;border:1px solid #1e1e1e;padding:40px;position:relative;overflow:hidden}.project-card-img{display:none}.project-card:before{content:"";background:var(--accent);z-index:0;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.project-card:hover:before{transform:translateY(0)}.project-card>*{z-index:1;position:relative}.project-num{letter-spacing:.15em;opacity:.35;color:var(--cream);margin-bottom:40px;font-family:Space Mono,monospace;font-size:.68rem}.project-name{letter-spacing:-.02em;color:var(--cream);margin-bottom:12px;font-size:1.5rem;font-weight:800}.project-desc{opacity:.55;color:var(--cream);margin-bottom:28px;font-family:Space Mono,monospace;font-size:.85rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--cream);background:#222;border-radius:2px;padding:5px 12px;font-family:Space Mono,monospace;font-size:.65rem;transition:all .3s}.project-card:hover .project-tag{background:#fff3}.project-arrow{opacity:0;z-index:1;color:var(--cream);font-size:1.4rem;transition:all .3s;position:absolute;bottom:32px;right:32px;transform:translate(-8px,8px)}.project-card:hover .project-arrow{opacity:1;transform:translate(0)}.project-preview{pointer-events:none;z-index:500;opacity:0;will-change:transform, opacity;border-radius:8px;width:700px;height:380px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0f}.preview-bar{background:#1a1a1a;align-items:center;gap:6px;height:32px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.preview-bar-dot{border-radius:50%;width:10px;height:10px}.preview-bar-dot:first-child{background:#ff5f57}.preview-bar-dot:nth-child(2){background:#febc2e}.preview-bar-dot:nth-child(3){background:#28c840}.preview-bar-url{background:#2a2a2a;border-radius:4px;flex:1;height:18px;margin-left:8px}.preview-content{background:#111;position:absolute;inset:32px 0 0;overflow:hidden}#previewImg{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .15s;display:block}.section-process{background:var(--cream);min-height:auto;padding:120px 48px;display:block;position:relative}.process-inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.process-title{letter-spacing:-.04em;margin-bottom:72px;font-size:clamp(2.8rem,4vw,4.5rem);font-weight:800;line-height:.95}.text-stroke-accent{-webkit-text-stroke:2px var(--accent);color:#0000}.process-steps{grid-template-columns:repeat(4,1fr);display:grid}.step{border-left:1px solid var(--line);padding:40px 32px}.step:first-child{border-left:none}.step-num{color:var(--accent2);opacity:.6;margin-bottom:16px;font-family:Space Mono,monospace;font-size:4rem;font-weight:700;line-height:1}.step-title{letter-spacing:-.02em;margin-bottom:12px;font-size:1.2rem;font-weight:800}.step-desc{opacity:.55;font-family:Space Mono,monospace;font-size:.85rem;line-height:1.7}.section-contact{background:var(--accent);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:140px 48px;display:flex;position:relative;overflow:hidden}.contact-bg-text{letter-spacing:-.05em;opacity:.08;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,18vw,20rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-eyebrow{letter-spacing:.15em;text-transform:uppercase;opacity:.7;color:var(--cream);z-index:1;margin-bottom:24px;font-family:Space Mono,monospace;font-size:.85rem;position:relative}.contact-title{letter-spacing:-.04em;color:var(--cream);z-index:1;margin-bottom:40px;font-size:clamp(3rem,6vw,7rem);font-weight:800;line-height:.9;position:relative}.contact-link{background:var(--cream);color:var(--ink);letter-spacing:.05em;z-index:2;cursor:none;border:none;align-items:center;gap:16px;padding:20px 44px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;box-shadow:6px 6px #0000004d}#contactOverlay{z-index:9000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0d0de0;position:fixed;inset:0}#contactModal{z-index:9001;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#contactPanel{background:var(--cream);opacity:0;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;max-height:92vh;display:grid;position:relative;overflow-y:auto;transform:translateY(60px)scale(.95);box-shadow:0 40px 120px #00000080}#modalLeft{background:var(--ink);color:var(--cream);flex-direction:column;justify-content:space-between;padding:56px 48px;display:flex;position:relative;overflow:hidden}.modal-grid-bg{pointer-events:none;background-image:linear-gradient(#f5f0e80a 1px,#0000 1px),linear-gradient(90deg,#f5f0e80a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.modal-content{z-index:1;position:relative}.modal-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:32px;font-family:Space Mono,monospace;font-size:.68rem;display:flex}.modal-eyebrow-line{background:var(--accent);flex-shrink:0;width:24px;height:1.5px;display:inline-block}.modal-headline{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(2rem,3vw,3rem);font-weight:800;line-height:.95}.modal-headline em{color:var(--accent);font-style:normal}.modal-sub{opacity:.6;margin-bottom:40px;font-family:Space Mono,monospace;font-size:.8rem;line-height:1.8}.modal-promises{flex-direction:column;gap:20px;display:flex}.promise-item{align-items:flex-start;gap:16px;display:flex}.promise-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.promise-icon--yellow{color:var(--accent2)}.promise-icon--green{color:var(--green)}.promise-title{margin-bottom:4px;font-size:.9rem;font-weight:800}.promise-desc{opacity:.5;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.6}.modal-footer-copy{z-index:1;border-top:1px solid #f5f0e81a;margin-top:48px;padding-top:28px;position:relative}.modal-footer-meta{opacity:.4;font-family:Space Mono,monospace;font-size:.68rem;line-height:1.6}#modalRight{flex-direction:column;gap:24px;padding:56px 48px;display:flex;position:relative}#closeModal{cursor:none;color:var(--ink);opacity:.4;background:0 0;border:none;font-family:Space Mono,monospace;font-size:1.4rem;line-height:1;transition:opacity .2s;position:absolute;top:24px;right:28px}#closeModal:hover{opacity:1}.form-header{margin-bottom:8px}.form-header-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:Space Mono,monospace;font-size:.7rem}.form-header-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}#contactForm{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field label{letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:8px;font-family:Space Mono,monospace;font-size:.7rem;display:block}.form-field label.budget-label{margin-bottom:12px}.form-field input,.form-field textarea,.form-field select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;padding:14px 16px;font-family:Space Mono,monospace;font-size:.82rem;transition:border-color .2s}.form-field select{background:var(--cream);appearance:none;cursor:none}.form-field textarea{resize:none;line-height:1.6}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--ink)}.form-field input::placeholder,.form-field textarea::placeholder{opacity:.35}.select-wrapper{position:relative}.select-arrow{pointer-events:none;opacity:.4;font-size:.7rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}#budgetOptions{flex-wrap:wrap;gap:8px;display:flex}.budget-chip{border:1.5px solid var(--line);cursor:none;-webkit-user-select:none;user-select:none;padding:10px 16px;font-family:Space Mono,monospace;font-size:.7rem;transition:all .2s}.budget-chip:has(input:checked){background:var(--ink);color:var(--cream);border-color:var(--ink)}#submitBtn{background:var(--ink);color:var(--cream);letter-spacing:.06em;cursor:none;border:none;justify-content:space-between;align-items:center;padding:18px 36px;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;transition:color .3s;display:flex;position:relative;overflow:hidden}#submitBtn span{z-index:1;position:relative}.btn-fill{background:var(--accent);z-index:0;transition:transform .35s;position:absolute;inset:0;transform:translate(-101%)}#submitBtn:hover .btn-fill{transform:translate(0)}#submitSpinner{border:2px solid #f5f0e84d;border-top-color:var(--cream);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}#formSuccess{text-align:center;padding:32px 16px;display:none}.success-icon{margin-bottom:16px;font-size:2.5rem}.success-title{margin-bottom:10px;font-size:1.3rem;font-weight:800}.success-msg{opacity:.6;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.7}footer{background:var(--ink);color:#f5f0e866;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:24px 48px;font-family:Space Mono,monospace;font-size:.78rem;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--accent)}.footer-links{gap:24px;display:flex}.u-z1{z-index:1;position:relative}.u-mono{font-family:Space Mono,monospace}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes typeCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:none),(pointer:coarse){.cursor,.cursor-ring,.cursor-label{display:none}body{cursor:auto}a,button,.project-card,.budget-chip,.form-field select{cursor:pointer}}.nav-hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--ink);width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{background:var(--cream);z-index:998;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:none;position:fixed;inset:0}.mobile-nav.is-open{display:flex}.mobile-nav a{color:var(--ink);letter-spacing:-.03em;font-size:clamp(2rem,8vw,3rem);font-weight:800;text-decoration:none;transition:color .2s}.mobile-nav a:hover{color:var(--accent)}@media (width<=900px){nav{padding:20px 24px}.nav-links{display:none}.nav-hamburger{display:flex}.hero-inner,.scene-inner{text-align:center;grid-template-columns:1fr;gap:40px;padding:96px 24px 72px}.scene-inner.rev{direction:ltr}.hero-sub{margin:0 auto 40px}.hero-eyebrow{justify-content:center}.scene-desc{margin:0 auto}.character-wrap{width:300px;height:330px}.projects-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:48px}.section-projects{padding:80px 24px}.project-card-img{aspect-ratio:16/9;margin:-40px -40px 28px;display:block;overflow:hidden}.project-card-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-card-img img,.project-card:active .project-card-img img{transform:scale(1.04)}.project-arrow{opacity:1;transform:translate(0)}.process-steps{grid-template-columns:1fr 1fr}.section-process{padding:80px 24px}.section-contact{padding:100px 24px}footer{flex-wrap:wrap;gap:10px;padding:20px 24px}}@media (width<=600px){.hero-inner{padding:80px 20px 56px}.scene-inner{padding:64px 20px}.character-wrap{width:240px;height:270px}.badge-1{top:10px;right:0}.badge-2{left:0}.hero-cta{justify-content:center;width:100%}.process-steps{grid-template-columns:1fr}.step{border-left:none;border-top:1px solid var(--line);padding:32px 0}.step:first-child{border-top:none}.section-projects,.section-process{padding:72px 20px}.section-contact{padding:80px 20px}.contact-link{padding:16px 28px;font-size:.78rem}footer{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px}#contactModal{padding:0}#contactPanel{max-height:100dvh}}@media (width<=780px){#contactPanel{grid-template-columns:1fr}#modalLeft{padding:40px 28px}#modalRight{padding:36px 28px}.form-row{grid-template-columns:1fr}#submitBtn{justify-content:center;width:100%}}@media (width<=480px){#contactModal{align-items:flex-end;padding:0}#contactPanel{border-radius:0;max-height:96dvh}#modalLeft{display:none}#modalRight{padding:28px 20px 40px}#closeModal{top:16px;right:16px}}