:root{--bg:#08080d;--bg-soft:#0f0f17;--ink:#f3f1ea;--muted:#8a8a99;--pink:#ff2d76;--pink-deep:#c81655;--cyan:#22e0ff;--cyan-deep:#0fa8c8;--line:rgba(255,255,255,.09)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Space Mono,monospace;overflow-x:hidden;cursor:none}::selection{background:var(--pink);color:#08080d}.grain{position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:overlay}.scan{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.5;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000038 3px,#0000 4px)}.vignette{position:fixed;inset:0;z-index:9996;pointer-events:none;box-shadow:inset 0 0 220px 40px #000000d9}.cur,.cur-dot{position:fixed;z-index:10000;pointer-events:none;mix-blend-mode:difference;left:0;top:0}.cur{width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);transition:width .18s,height .18s,border-color .18s}.cur-dot{width:5px;height:5px;background:var(--pink);border-radius:50%;transform:translate(-50%,-50%)}.cur.grow{width:64px;height:64px;border-color:var(--pink)}@media (hover:none){body{cursor:auto}.cur,.cur-dot{display:none}}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}section{position:relative}nav{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:linear-gradient(to bottom,#08080deb,#08080d00);backdrop-filter:blur(2px);border-bottom:1px solid transparent;transition:.3s}nav.stuck{background:#08080df5;border-bottom:1px solid var(--line);padding-top:9px;padding-bottom:9px}.logo-link{position:relative;display:inline-flex;align-items:center;line-height:0}.logo-img{height:82px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));transition:filter .3s,transform .3s,opacity .35s,height .3s}.logo-link:hover .logo-img{filter:drop-shadow(0 0 20px rgba(255,45,118,.55));transform:scale(1.03)}.logo-mark{position:absolute;left:0;top:50%;height:46px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));opacity:0;transform:translateY(-50%) scale(.6);transition:opacity .35s,transform .35s,filter .3s}.logo-link:hover .logo-mark{filter:drop-shadow(0 0 20px rgba(255,45,118,.55))}nav.stuck .logo-full{opacity:0;height:46px;pointer-events:none}nav.stuck .logo-mark{opacity:1;transform:translateY(-50%) scale(1)}.logo-img.foot{height:46px;filter:none}.navlinks{display:flex;gap:26px;list-style:none}.navlinks a{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700;position:relative;padding:4px 0}.navlinks a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--pink);transition:width .25s}.navlinks a:hover{color:var(--pink)}.navlinks a:hover:after{width:100%}.cta{border:1px solid var(--pink);color:var(--pink);background:transparent;font-family:Space Mono;font-weight:700;font-size:12px;letter-spacing:2px;padding:11px 20px;text-decoration:none;position:relative;overflow:hidden;transition:color .3s}.cta span{position:relative;z-index:2}.cta:before{content:"";position:absolute;inset:0;background:var(--pink);transform:translateY(101%);transition:transform .3s}.cta:hover{color:#08080d}.cta:hover:before{transform:translateY(0)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none}.burger span{width:26px;height:2px;background:var(--ink)}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:130px 28px 60px;max-width:1180px;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:12px;letter-spacing:5px;margin-bottom:18px}.eyebrow .dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.htitle{font-family:Anton;line-height:.86;letter-spacing:-1px;font-size:clamp(58px,8.6vw,120px);text-transform:uppercase}.htitle .l{display:block;opacity:0;transform:translate(-40px);animation:slideIn .7s forwards}.htitle .l:nth-child(1){animation-delay:.15s}.htitle .l:nth-child(2){animation-delay:.3s}.htitle .l:nth-child(3){animation-delay:.45s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.htitle .pink{color:var(--pink)}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;clip-path:inset(0 0 0 0)}.glitch:before{color:var(--cyan);transform:translate(-2px);animation:gl1 4s infinite linear alternate}.glitch:after{color:var(--pink);transform:translate(2px);animation:gl2 4s infinite linear alternate}@keyframes gl1{0%,92%,to{clip-path:inset(0 0 100% 0)}93%{clip-path:inset(10% 0 70% 0);transform:translate(-5px)}95%{clip-path:inset(40% 0 30% 0);transform:translate(4px)}97%{clip-path:inset(70% 0 5% 0);transform:translate(-3px)}}@keyframes gl2{0%,90%,to{clip-path:inset(100% 0 0 0)}91%{clip-path:inset(60% 0 20% 0);transform:translate(4px)}94%{clip-path:inset(20% 0 60% 0);transform:translate(-4px)}96%{clip-path:inset(80% 0 5% 0);transform:translate(3px)}}.htitle:hover .glitch:before{animation:gl1 .6s infinite linear}.htitle:hover .glitch:after{animation:gl2 .6s infinite linear}.hsub{color:var(--muted);font-size:16px;line-height:1.7;max-width:430px;margin:28px 0 34px;opacity:0;animation:fadeUp .7s .6s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn-main{display:inline-flex;align-items:center;gap:14px;background:var(--pink);color:#08080d;font-family:Space Mono;font-weight:700;font-size:13px;letter-spacing:3px;padding:18px 30px;text-decoration:none;position:relative;overflow:hidden;opacity:0;animation:fadeUp .7s .75s forwards;clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-main .arr{transition:transform .3s}.btn-main:hover .arr{transform:translate(6px)}.btn-main:after{content:"";position:absolute;inset:0;background:var(--cyan);transform:translate(-101%);transition:transform .3s;z-index:0}.btn-main span{position:relative;z-index:1}.btn-main:hover:after{transform:translate(0)}.hgfx{position:relative;height:min(74vh,620px);border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(255,45,118,.18),transparent 55%),radial-gradient(circle at 80% 80%,rgba(34,224,255,.16),transparent 55%),var(--bg-soft);overflow:hidden;opacity:0;animation:fadeUp .9s .3s forwards}.hgfx .dots{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(var(--muted) 1px,transparent 1.4px);background-size:13px 13px;mask:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%)}.hgfx .bigword{position:absolute;font-family:Anton;text-transform:uppercase;font-size:30vh;line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,45,118,.35);white-space:nowrap;left:-6%;top:50%;transform:translateY(-50%);animation:drift 22s linear infinite}.hgfx .bigword.b2{-webkit-text-stroke:1.5px rgba(34,224,255,.3);top:30%;animation:drift2 28s linear infinite;font-size:22vh}@keyframes drift{0%{transform:translateY(-50%)}to{transform:translate(-30%,-50%)}}@keyframes drift2{0%{transform:translate(-30%,-50%)}to{transform:translateY(-50%)}}.hgfx .glitchbar{position:absolute;left:0;right:0;height:4px;background:var(--pink);mix-blend-mode:screen;animation:bar 5s steps(1) infinite;opacity:.7}@keyframes bar{0%,to{top:18%}25%{top:62%}50%{top:40%}75%{top:80%}}.crt{position:absolute;left:7%;right:7%;bottom:8%;border:1px solid var(--cyan);background:#08080db3;padding:16px 18px;font-size:12.5px;line-height:1.9;box-shadow:0 0 30px #22e0ff26;height:150px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.crt .ln{color:var(--cyan)}.crt .ln b,.crt .pr{color:var(--pink)}.crt .cz{color:var(--muted)}.crt .cursor{display:inline-block;width:8px;height:14px;background:var(--cyan);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--pink);color:#08080d;overflow:hidden;white-space:nowrap;padding:13px 0}.ticker .track{display:inline-block;animation:marq 26s linear infinite;font-family:Anton;text-transform:uppercase;font-size:22px;letter-spacing:1px}.ticker .track span{margin:0 26px}.ticker .track .star{color:var(--bg)}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.shead{display:flex;align-items:baseline;gap:18px;margin-bottom:46px}.shead h2{font-family:Anton;text-transform:uppercase;font-size:clamp(30px,4vw,52px);letter-spacing:-.5px;line-height:1}.shead .rule{flex:1;height:1px;background:var(--line)}.tag{color:var(--cyan);font-size:12px;letter-spacing:4px}.dowrap{padding:96px 28px;max-width:1180px;margin:0 auto}.intro{color:var(--muted);max-width:380px;font-size:15px;line-height:1.7;margin-bottom:46px}.intro b{color:var(--ink)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.svc{padding:34px 26px 30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);position:relative;transition:background .3s}.svc:first-child{border-left:1px solid var(--line)}.svc:hover{background:var(--bg-soft)}.svc .ico{width:52px;height:52px;margin-bottom:22px;color:var(--pink);transition:.3s}.svc:hover .ico{color:var(--cyan);transform:translateY(-3px)}.svc h3{font-size:14px;letter-spacing:2px;color:var(--cyan);margin-bottom:12px;text-transform:uppercase}.svc:hover h3{color:var(--pink)}.svc p{color:var(--muted);font-size:13.5px;line-height:1.65;margin-bottom:20px}.more{color:var(--ink);font-size:12px;letter-spacing:2px;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.more:hover{color:var(--pink)}.more .arr{transition:transform .3s}.more:hover .arr{transform:translate(5px)}.work{padding:96px 0;background:linear-gradient(to right,rgba(34,224,255,.05),transparent 40%),var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work.workpage{padding-top:150px}.workhead{max-width:1180px;margin:0 auto;padding:0 28px}.workhead .tag{color:var(--cyan)}.workhead h2{font-family:Anton;text-transform:uppercase;font-size:clamp(42px,7vw,92px);line-height:.9;letter-spacing:-1px;color:var(--pink)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:42px auto 0;padding:0 28px}.proj{position:relative;aspect-ratio:4/5;border:1px solid var(--line);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(135deg,#16161f,#0b0b12);color:var(--ink)}.proj:link,.proj:visited{color:var(--ink)}.proj .art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;filter:grayscale(1) contrast(1.1);transition:filter .45s}.proj:hover .art{filter:grayscale(0) contrast(1)}.proj .num{position:absolute;top:18px;left:20px;font-family:Anton;font-size:54px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);z-index:3;transition:.3s}.proj .cat{position:absolute;top:30px;right:20px;font-size:10px;letter-spacing:2px;color:var(--cyan);z-index:3}.proj .pname{font-family:Anton;text-transform:uppercase;font-size:26px;line-height:.95;position:relative;z-index:3;color:var(--ink)}.proj .meta{font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:8px;position:relative;z-index:3}.proj .scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,#08080df2 5%,#08080d33 55%,#08080d99)}.proj:hover .num{-webkit-text-stroke:1px var(--pink);color:#ff2d761a}.proj:hover .pname{animation:textglitch .35s steps(2) 2}@keyframes textglitch{0%{text-shadow:-2px 0 var(--cyan),2px 0 var(--pink);transform:translate(-1px)}50%{text-shadow:2px 0 var(--cyan),-2px 0 var(--pink);transform:translate(1px)}to{text-shadow:none;transform:none}}.proj .view{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}.proj .view span{border:1px solid var(--pink);color:var(--pink);background:#08080d99;padding:10px 18px;font-size:11px;letter-spacing:3px}.proj:hover .view{opacity:1}.seeall{display:flex;justify-content:flex-end;max-width:1180px;margin:30px auto 0;padding:0 28px}.process{padding:96px 28px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:140px 1fr auto;gap:40px;align-items:center}.process .lbl{font-family:Anton;text-transform:uppercase;font-size:34px;line-height:.9;color:var(--cyan)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{position:relative}.step .n{font-family:Anton;font-size:42px;color:var(--pink);line-height:.8}.step .bar{height:2px;background:var(--line);margin:14px 0;position:relative;overflow:hidden}.step .bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--cyan);transition:width .6s}.step.seen .bar:after{width:100%}.step h4{font-size:13px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.step p{color:var(--muted);font-size:12.5px;line-height:1.6}.scrawl{font-family:Permanent Marker,cursive;color:var(--pink);font-size:30px;line-height:1.05;transform:rotate(-6deg);text-shadow:2px 2px 0 rgba(34,224,255,.4)}.final{background:var(--pink);color:#08080d;padding:70px 28px;position:relative;overflow:hidden}.final:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(0,0,0,.05) 18px,rgba(0,0,0,.05) 36px)}.finalin{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr auto;gap:30px;align-items:center;position:relative;z-index:2}.final h2{font-family:Anton;text-transform:uppercase;font-size:clamp(34px,4.4vw,58px);line-height:.92;letter-spacing:-1px}.final p{font-size:14px;line-height:1.7;max-width:300px;font-weight:700}.btn-dark{display:inline-flex;align-items:center;gap:12px;background:#08080d;color:var(--pink);font-weight:700;font-size:13px;letter-spacing:3px;padding:18px 30px;text-decoration:none;border:1px solid #08080d;transition:.3s}.btn-dark:hover{background:transparent;color:#08080d;border-color:#08080d}footer{padding:40px 28px;border-top:1px solid var(--line)}.footin{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footin .logo{font-size:26px}.fcols{display:flex;gap:14px}.fcols a{width:38px;height:38px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:.3s}.fcols a:hover{border-color:var(--pink);color:var(--pink)}.copy{color:var(--muted);font-size:11px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.seen{opacity:1;transform:none}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:36px}.hgfx{height:46vh}.grid4{grid-template-columns:repeat(2,1fr)}.svc:nth-child(2){border-right:1px solid var(--line)}.svc:nth-child(3),.svc:nth-child(4){border-left:1px solid var(--line)}.projects{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr 1fr}.finalin{grid-template-columns:1fr}.navlinks,.cta{display:none}.burger{display:flex}.logo-img{height:60px}.logo-mark{height:40px}nav.stuck .logo-full{height:40px}}@media (max-width:560px){.grid4,.projects,.steps{grid-template-columns:1fr}.svc{border-left:1px solid var(--line)!important;border-right:1px solid var(--line)!important}}