:root{--paper:#f2f0e8;--ink:#0a0a0a;--acid:#dfff35;--orange:#ff5b35;--blue:#3f64ff;--line:rgba(10,10,10,.22);--radius:26px;--pad:clamp(18px,3vw,48px);--display:clamp(4rem,11vw,10.5rem);--h2:clamp(2.8rem,7vw,7rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--acid);color:var(--ink)}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;right:0;left:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px var(--pad);color:#fff;mix-blend-mode:difference;pointer-events:none}.nav a{pointer-events:auto}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.06em}.brand sup{margin-left:4px;font:600 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;vertical-align:top}.nav-mid,.eyebrow,.stamp,.cta-top,.footer,.num,.tags{font:700 .68rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.nav-right{justify-self:end;display:flex;gap:10px;align-items:center;font-size:.86rem;font-weight:700}.nav-right i{display:block;width:9px;height:9px;border-radius:50%;background:currentColor}.hero{position:relative;display:grid;align-items:end;min-height:100svh;overflow:hidden;padding:120px var(--pad) 34px;border-bottom:1px solid var(--line)}.hero-meta{position:absolute;top:30%;left:var(--pad);max-width:24ch;margin:0;font:600 .7rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.hero-meta span{display:block;margin-top:8px;opacity:.55}.hero-title{position:relative;z-index:3;max-width:11ch;margin:0;font-size:var(--display);font-weight:950;line-height:.78;letter-spacing:-.085em;text-transform:uppercase}.hero-title .line{display:block;overflow:hidden;padding-bottom:.09em}.hero-title .line>span{display:block;will-change:transform}.hero-title .accent{display:inline-flex;align-items:center;gap:.08em}.dot{display:inline-block;width:.38em;height:.38em;border-radius:50%;background:var(--acid);transform:translateY(-.04em)}.hero-bottom{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:40px}.hero-bottom p{max-width:32ch;margin:0;font-size:clamp(1rem,1.65vw,1.55rem);line-height:1.15;letter-spacing:-.03em}.scroll-cue{white-space:nowrap;font:600 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.scroll-cue:before{display:inline-block;width:44px;height:1px;margin-right:10px;background:currentColor;content:"";transform-origin:left;animation:pulse-line 1.8s infinite}.hero-orbit{position:absolute;top:9vh;right:-3vw;z-index:1;width:min(42vw,620px);aspect-ratio:1;transform:rotate(-8deg)}.orbit-frame{position:absolute;inset:0;border:1px solid rgba(10,10,10,.35);border-radius:50%}.orbit-frame:nth-child(2){inset:10%;border-radius:43% 57% 48% 52%;transform:rotate(57deg)}.orbit-frame:nth-child(3){inset:21%;border-radius:58% 42% 61% 39%;background:var(--ink);transform:rotate(19deg)}.orbit-frame:nth-child(3):after{position:absolute;top:50%;left:50%;color:var(--acid);content:"W";font-size:clamp(5rem,15vw,14rem);font-weight:950;letter-spacing:-.09em;transform:translate(-52%,-55%) rotate(8deg)}.orbit-chip{position:absolute;right:8%;bottom:7%;padding:11px 14px;border:1px solid var(--ink);border-radius:999px;background:var(--acid);font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;transform:rotate(8deg)}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--acid)}.ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite}.ticker-track span{display:inline-flex;align-items:center;gap:34px;padding:14px 26px;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ticker-track b{font-size:1.1rem}.statement{display:grid;grid-template-columns:1fr 2.4fr;gap:6vw;padding:clamp(100px,14vw,200px) var(--pad);border-bottom:1px solid var(--line)}.eyebrow{margin:0;padding-top:14px}.statement h2{max-width:15ch;margin:0;font-size:clamp(2.5rem,6vw,6.4rem);font-weight:850;line-height:.92;letter-spacing:-.07em}.statement h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--acid) 58%)}.work{overflow:hidden;padding:100px 0 120px;background:var(--ink);color:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 var(--pad) 40px}.section-head h2,.services h2,.process h2{margin:0;font-size:var(--h2);font-weight:900;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.section-head p{max-width:30ch;margin:0 0 5px;font-size:1rem;line-height:1.3;opacity:.7}.rail{display:flex;gap:20px;overflow-x:auto;padding:0 var(--pad) 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.project{position:relative;min-width:min(78vw,850px);height:min(68vw,680px);max-height:74vh;overflow:hidden;border-radius:22px;color:var(--ink);isolation:isolate;scroll-snap-align:start}.project .art{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover .art{transform:scale(1.035)}.project .meta{position:absolute;right:22px;bottom:22px;left:22px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:20px}.project h3{margin:0;font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.78;letter-spacing:-.075em;text-transform:uppercase}.tags{max-width:25ch;margin:0;font-size:.62rem;line-height:1.5;text-align:right}.p1{background:var(--orange)}.p2{background:var(--acid)}.p3{background:#e6e2d7}.poster-ring{position:absolute;top:4%;left:24%;width:58%;aspect-ratio:1;border:4.5vw solid var(--ink);border-radius:50%;transform:rotate(19deg)}.poster-ring:after{position:absolute;top:22%;left:22%;width:58%;aspect-ratio:1;border-radius:50%;background:var(--paper);content:""}.stack{position:absolute;inset:10% 12% 24%;display:grid;place-items:center;perspective:1000px}.stack i{position:absolute;width:56%;height:64%;border:2px solid var(--ink);border-radius:12px;background:var(--blue);box-shadow:10px 12px 0 var(--ink);transform:rotate(var(--r)) translate(var(--x),var(--y))}.stack i:nth-child(1){--r:-12deg;--x:-18%;--y:2%;background:var(--paper)}.stack i:nth-child(2){--r:7deg;--x:12%;--y:-7%;background:var(--orange)}.stack i:nth-child(3){--r:-1deg;--x:0;--y:7%}.dial{position:absolute;top:12%;left:27%;width:46%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:conic-gradient(from 0deg,var(--ink) 0 14deg,transparent 14deg 27deg,var(--ink) 27deg 38deg,transparent 38deg 72deg,var(--ink) 72deg 91deg,transparent 91deg 130deg,var(--ink) 130deg 157deg,transparent 157deg 204deg,var(--ink) 204deg 229deg,transparent 229deg 267deg,var(--ink) 267deg 289deg,transparent 289deg 332deg,var(--ink) 332deg 360deg)}.dial:after{position:absolute;inset:24%;display:grid;border:2px solid var(--ink);border-radius:50%;background:var(--paper);content:"↗";place-items:center;font-size:5rem;font-weight:900}.services{padding:120px var(--pad) 0}.services-top{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:70px}.services-intro{max-width:34ch;margin:10px 0 0;font-size:clamp(1.1rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.04em}.service-row{position:relative;z-index:0;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:30px;overflow:hidden;padding:34px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:before{position:absolute;inset:0;z-index:-1;background:var(--acid);content:"";transform:translateY(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.service-row:hover:before{transform:translateY(0)}.service-row h3{margin:0;font-size:clamp(2rem,5vw,5.8rem);font-weight:800;line-height:.9;letter-spacing:-.06em}.service-row p{max-width:35ch;margin:0;font-size:.95rem;line-height:1.35}.manifesto{position:relative;display:grid;min-height:92svh;overflow:hidden;padding:90px var(--pad);background:var(--blue);color:#fff;place-items:center}.stamp{position:absolute;top:24px;left:var(--pad);margin:0;font-size:.65rem}.manifesto h2{position:relative;z-index:2;max-width:9ch;margin:0;font-size:clamp(3.4rem,10vw,10rem);font-weight:950;line-height:.78;letter-spacing:-.085em;text-align:center;text-transform:uppercase}.manifesto h2 span{color:var(--acid)}.scribble{position:absolute;right:-8%;bottom:-28%;width:min(55vw,740px);aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:42% 58% 44% 56%;animation:wobble 8s ease-in-out infinite alternate}.scribble:before,.scribble:after{position:absolute;inset:12%;border:inherit;border-radius:61% 39% 52% 48%;content:"";transform:rotate(33deg)}.scribble:after{inset:25%;transform:rotate(-18deg)}.process{padding:130px var(--pad)}.process-grid{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.process h2{position:sticky;top:100px;align-self:start;line-height:.84}.steps{counter-reset:step}.step{padding:38px 0 70px;border-top:1px solid var(--line);counter-increment:step}.step:before{content:"0" counter(step);font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.step h3{margin:20px 0 15px;font-size:clamp(2rem,4.2vw,4.7rem);line-height:.92;letter-spacing:-.055em}.step p{max-width:48ch;margin:0;font-size:1rem;line-height:1.5;opacity:.7}.cta{display:flex;flex-direction:column;justify-content:space-between;min-height:86svh;padding:120px var(--pad) 30px;border-top:1px solid var(--ink);background:var(--acid)}.cta-top{display:flex;justify-content:space-between;gap:30px}.cta h2{max-width:8ch;margin:60px 0 50px;font-size:clamp(4.4rem,13vw,13rem);line-height:.73;letter-spacing:-.09em;text-transform:uppercase}.cta-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-size:clamp(1.2rem,2vw,2rem);font-weight:800}.cta-link span:last-child{font-size:1.8em;transition:transform .25s ease}.cta-link:hover span:last-child{transform:translate(7px,-7px)}.footer{display:flex;justify-content:space-between;gap:30px;padding-top:80px;margin:0;font-size:.64rem}.cursor{position:fixed;top:0;left:0;z-index:200;width:18px;height:18px;border-radius:50%;background:var(--acid);pointer-events:none;mix-blend-mode:difference;transition:width .2s,height .2s}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.project{min-width:min(84vw,980px);height:min(66vw,690px);max-height:76vh;border:1px solid rgba(255,255,255,.16);perspective:1400px}.project .meta{right:24px;bottom:22px;left:24px;z-index:8;pointer-events:none}.project h3{font-size:clamp(3.4rem,8vw,8.3rem);line-height:.76;letter-spacing:-.08em;text-shadow:0 1px 0 rgba(255,255,255,.12)}.project-link{position:absolute;inset:0;z-index:10}.project-link:focus-visible{outline:3px solid var(--acid);outline-offset:-7px;border-radius:20px}.client-pill,.visit-pill{position:absolute;top:22px;z-index:8;padding:10px 13px;border:1px solid currentColor;border-radius:999px;background:#f2f0e8d1;backdrop-filter:blur(8px);font:800 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.client-pill{left:24px;display:flex;align-items:center;gap:9px}.client-pill:before{width:7px;height:7px;border-radius:50%;background:#2be36d;box-shadow:0 0 0 4px #2be36d29;content:"";animation:client-pulse 1.8s ease-in-out infinite}.visit-pill{right:24px;letter-spacing:.08em;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}.project:hover .visit-pill{background:var(--acid);transform:translate(4px,-4px)}.case-stage{position:absolute;inset:0;display:grid;overflow:hidden;place-items:center}.case-grid{position:absolute;inset:-25%;opacity:.28;background-image:linear-gradient(rgba(10,10,10,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.18) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-8deg);animation:grid-drift 16s linear infinite}.case-browser{position:relative;z-index:3;width:77%;height:65%;overflow:hidden;border:2px solid var(--ink);border-radius:15px;background:#fff;box-shadow:18px 22px #0a0a0aeb;transform:rotate(-2.4deg) translateY(-3%);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.project:hover .case-browser{box-shadow:26px 31px #0a0a0aeb}.browser-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-bottom:1px solid rgba(10,10,10,.2);background:#f5f4ef}.browser-dot{width:7px;height:7px;border:1px solid var(--ink);border-radius:50%}.browser-url{flex:1;height:18px;overflow:hidden;margin-left:8px;padding:0 9px;border:1px solid rgba(10,10,10,.18);border-radius:999px;color:#0a0a0a85;font:600 .5rem/18px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;white-space:nowrap}.site-page{position:relative;height:calc(100% - 34px);overflow:hidden;background:#fff}.site-shot-wrap{position:relative;height:100%;overflow:hidden;background:#fff}.site-shot{display:block;width:100%;min-height:100%;height:auto;object-fit:cover;object-position:top center;transform:translateY(0) scale(1.015);transform-origin:top center;transition:transform 1.35s cubic-bezier(.2,.8,.2,1),filter .6s ease;will-change:transform}.project:hover .site-shot{filter:saturate(1.03) contrast(1.01);transform:translateY(var(--pan,-10%)) scale(1.028)}.shot-site:after{position:absolute;right:0;bottom:0;left:0;height:18%;background:linear-gradient(to top,#ffffff2e,#fff0);content:"";pointer-events:none}.shot-sheen{position:absolute;inset:-30% auto -30% -18%;width:40%;opacity:0;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);transform:rotate(12deg) translate(-180%);transition:opacity .35s ease}.project:hover .shot-sheen{opacity:1;animation:sheen-sweep 1.3s cubic-bezier(.2,.8,.2,1) .05s both}.device-phone{position:absolute;z-index:6;right:6%;bottom:16%;width:min(19vw,190px);min-width:122px;max-width:22%;filter:drop-shadow(16px 22px 0 rgba(10,10,10,.92));transition:transform .75s cubic-bezier(.2,.8,.2,1);will-change:transform}.project:hover .device-phone{transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*-14px - 8px),0) rotate(calc(var(--mx)*8deg + var(--r,-6deg)))}.phone-frame{position:relative;overflow:hidden;padding:10px 8px 12px;border:2px solid var(--ink);border-radius:32px;background:#121212}.phone-frame:before{position:absolute;top:7px;left:50%;z-index:2;width:34%;height:11px;border-radius:0 0 10px 10px;background:#202020;content:"";transform:translate(-50%)}.phone-screen{position:relative;overflow:hidden;aspect-ratio:9/19.5;border-radius:24px;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:translateY(0) scale(1.01);transition:transform 1.35s cubic-bezier(.2,.8,.2,1)}.project:hover .phone-screen img{transform:translateY(var(--phone-pan,-10%)) scale(1.03)}.device-label{position:absolute;top:-10px;left:-8px;z-index:3;padding:9px 10px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:6px 7px 0 var(--ink);font:800 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.browser-badge{position:absolute;top:14px;right:16px;z-index:3;padding:7px 9px;border:1px solid rgba(10,10,10,.15);border-radius:999px;background:#f2f0e8eb;font:800 .52rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.float-note{position:absolute;z-index:6;padding:11px 14px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:7px 8px 0 var(--ink);font:800 .58rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;animation:note-float 4.6s ease-in-out infinite alternate}.case-orb{position:absolute;z-index:1;border:1.5px solid rgba(10,10,10,.22);border-radius:50%;animation:orb-float 8s ease-in-out infinite alternate}.case-orb:after{position:absolute;inset:14%;border:1px solid inherit;border-radius:inherit;content:"";opacity:.5}.project-yanka{background:linear-gradient(145deg,#dfff35,#d2f42e 46%,#ffb737)}.project-yanka .case-browser{box-shadow:18px 22px #0a0a0aeb;transform:rotate(-3.4deg) translate(-1%,-4%)}.project-yanka .float-note{top:25%;right:4.5%;color:#fff;background:#111;box-shadow:7px 8px #0a0a0aeb}.project-yanka .device-phone{--r:7deg;--phone-pan:-12%}.project-yanka .site-shot{--pan:-12%}.project-yanka .case-grid{opacity:.18}.project-yanka .case-orb{top:3%;right:-7%;width:31%;aspect-ratio:1;background:#ff5b352e}.project-gloria{background:linear-gradient(145deg,#ece5d9,#dfd6c8 58%,#d1dcb5)}.project-gloria .case-grid{opacity:.12;transform:rotate(7deg);animation-direction:reverse}.project-gloria .case-browser{box-shadow:-18px 22px #0a0a0aeb;transform:rotate(2.8deg) translate(3%,-3%)}.project-gloria:hover .case-browser{box-shadow:-28px 34px #0a0a0aeb}.project-gloria .float-note{top:28%;left:5%;background:#fff7df;animation-delay:-2.3s}.project-gloria .device-phone{right:auto;bottom:13%;left:7%;--r:-7deg;--phone-pan:-8%}.project-gloria .site-shot{--pan:-7.5%}.project-gloria .case-orb{top:8%;left:-10%;width:33%;aspect-ratio:1;background:#96a86d2e}@keyframes client-pulse{50%{box-shadow:0 0 0 8px #2be36d00}}@keyframes grid-drift{to{transform:rotate(-8deg) translate3d(42px,42px,0)}}@keyframes note-float{to{transform:translate3d(0,-13px,0) rotate(1.5deg)}}@keyframes orb-float{to{transform:translate3d(0,-18px,0) rotate(16deg)}}@keyframes sheen-sweep{to{transform:rotate(12deg) translate(430%)}}@keyframes pulse-line{0%,to{transform:scaleX(.25)}50%{transform:scaleX(1)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes wobble{to{transform:rotate(25deg) scale(1.08)}}@media(max-width:760px){.nav{grid-template-columns:1fr auto}.nav-mid{display:none}.hero{padding-top:100px}.hero-meta{top:18%}.hero-orbit{top:10vh;right:-32vw;width:75vw;opacity:.88}.hero-title{font-size:clamp(4.2rem,22vw,8rem)}.hero-bottom,.cta-top,.footer{flex-direction:column;align-items:flex-start}.statement,.services-top,.process-grid{grid-template-columns:1fr}.eyebrow{padding-top:0}.statement{gap:30px}.section-head{flex-direction:column;align-items:start}.project{min-width:90vw;height:120vw;max-height:none}.project .meta{right:16px;bottom:16px;left:16px;display:block}.project h3{font-size:17vw}.tags{margin-top:12px;text-align:left}.client-pill,.visit-pill{top:14px}.client-pill{left:14px}.visit-pill{right:14px}.case-browser{width:88%;height:63%;box-shadow:10px 12px #0a0a0aeb}.project-yanka .case-browser{transform:rotate(-2deg) translateY(-5%)}.project-gloria .case-browser{transform:rotate(2deg) translateY(-5%)}.float-note{display:none}.device-phone{bottom:11%;width:30vw;min-width:96px;max-width:36%}.device-label{padding:7px 9px;box-shadow:4px 5px 0 var(--ink)}.browser-badge{top:10px;right:10px}.service-row{grid-template-columns:46px 1fr}.service-row p{display:none}.process h2{position:static}.manifesto{min-height:75svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cursor{display:none}}