@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=Oswald:wght@500;600;700&display=swap');
:root{--acid:#b7ff19;--black:#080808;--paper:#e9e8e1;--muted:#8d8d86;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.1;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='.45'/%3E%3C/svg%3E")}.progress{position:fixed;z-index:50;left:0;top:0;width:100%;height:3px}.progress span{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}.header{height:96px;padding:0 var(--pad);position:absolute;z-index:30;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:10px;font:800 10px/1 Inter;letter-spacing:.08em}.brand svg{width:48px;stroke:var(--paper);stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round}.header nav{display:flex;gap:36px;font-size:12px;text-transform:uppercase}.header nav a{transition:.25s}.header nav a:hover{color:var(--acid)}.header-cta{border:1px solid #ffffff66;border-radius:100px;padding:14px 18px;font-size:12px;text-transform:uppercase}.header-cta span{color:var(--acid);margin-left:18px}.hero{min-height:100svh;position:relative;display:grid;place-items:center;padding:120px var(--pad) 40px;overflow:hidden}.hero-copy{width:100%;position:relative;z-index:2}.eyebrow{text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:.25em;color:var(--muted);margin-bottom:3vh}.hero h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:clamp(68px,12.6vw,210px);letter-spacing:-.07em;line-height:.78;margin:0}.hero-line{display:flex;position:relative;overflow:hidden}.hero-line>span{display:block}.hero-line.acid{color:var(--acid);padding-left:13vw}.hero-line.acid i{font-style:normal;font:400 .28em Inter;letter-spacing:0;margin:0 0 auto 3vw;animation:spin 8s linear infinite}.hero-line.right{justify-content:flex-end;font-size:.56em;letter-spacing:-.04em;margin-top:4vh}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6vh;padding-left:13.5vw;font-size:12px;text-transform:uppercase;line-height:1.55}.scroll-hint{display:flex;align-items:center;gap:16px}.scroll-hint i{display:grid;place-items:center;border:1px solid #ffffff50;width:46px;height:46px;border-radius:50%;color:var(--acid);font-style:normal}.hero-tag{position:absolute;border:2px solid var(--acid);color:var(--acid);font:900 17px/1 Oswald;transform:rotate(-10deg);padding:8px;z-index:3}.tag-one{left:5%;top:36%}.tag-two{right:9%;top:25%;font-size:34px;border-color:var(--paper);color:var(--paper);transform:rotate(12deg)}.hero-scribble{position:absolute;right:-3%;bottom:4%;width:min(28vw,380px);stroke:var(--acid);stroke-width:3;fill:none;stroke-linecap:round}.manifesto{min-height:105vh;background:var(--paper);color:var(--black);padding:12vh var(--pad);position:relative;display:flex;flex-direction:column;justify-content:center}.section-no{text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin:0 0 7vh}.manifesto-text{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(46px,8vw,128px);line-height:.95;letter-spacing:-.05em;margin:0}.manifesto-text span{-webkit-text-stroke:2px var(--black);color:transparent}.manifesto-text em{font-style:normal;color:var(--acid);background:var(--black);padding:0 .12em}.stamp{position:absolute;right:7vw;bottom:8vh;width:140px;aspect-ratio:1;border:1px solid #111;border-radius:50%;display:grid;place-items:center;transform:rotate(10deg)}.stamp b{font:900 40px Oswald}.stamp span{position:absolute;font-size:9px;letter-spacing:.22em;top:12px}.horizontal{height:600vh;background:#101010}.horizontal-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.horizontal-head{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.horizontal-head .section-no{margin:0}.horizontal-head>p:last-child{font-size:11px;text-transform:uppercase}.horizontal-head span{color:var(--acid)}.track{height:calc(100vh - 100px);display:flex;width:max-content;align-items:stretch;will-change:transform}.service{height:100%;width:min(76vw,760px);position:relative;padding:clamp(28px,4vw,64px);border-right:1px solid #ffffff25;overflow:hidden;flex:none;display:flex;flex-direction:column;justify-content:flex-end}.service h2,.service h3{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:0}.intro-card{width:70vw;justify-content:center}.intro-card>p{color:var(--acid);text-transform:uppercase;font-size:11px}.intro-card h2{font-size:clamp(58px,8vw,120px);line-height:.9}.service h2 i,.outro-card i{font-style:normal;color:var(--acid)}.service h3{font-size:clamp(72px,10vw,150px);line-height:1}.service div>p{font-size:11px;text-transform:uppercase;color:#aaa}.service ul{display:flex;gap:24px;list-style:none;padding:18px 0 0;border-top:1px solid #ffffff4a;font-size:11px;text-transform:uppercase}.card-num{position:absolute;left:var(--pad);top:34px;font:12px monospace}.card-mark,.play,.spray,.barcode{position:absolute;right:10%;top:15%;font:900 clamp(80px,13vw,180px)/1 Oswald;color:#ffffff0d;transform:rotate(8deg)}.play{width:180px;height:180px;border:2px solid var(--acid);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:54px;transform:rotate(-8deg)}.spray{color:var(--acid);font-size:90px;transform:rotate(-13deg);text-shadow:6px 6px 0 #fff}.barcode{writing-mode:vertical-rl;font:700 55px/1 monospace;color:#fff;letter-spacing:-15px}.card-web{background:#141414}.card-video{background:#b7ff19;color:#080808}.card-video div>p{color:#333}.card-video ul{border-color:#0008}.card-brand{background:#f0efe8;color:#080808}.card-brand div>p{color:#555}.card-brand ul{border-color:#0005}.card-market{background:#181818}.outro-card{width:80vw;background:var(--acid);color:var(--black);justify-content:center}.outro-card>p{text-transform:uppercase;font-size:11px}.outro-card h2{font-size:clamp(64px,9vw,130px);line-height:.9}.outro-card h2 i{color:transparent;-webkit-text-stroke:2px #080808}.outro-card a{margin-top:50px;border-bottom:2px solid #000;padding-bottom:10px;width:max-content;text-transform:uppercase;font-size:12px}.works{background:var(--paper);color:var(--black);padding:15vh var(--pad)}.works-title{display:flex;justify-content:space-between;align-items:flex-start}.works-title h2{font:700 clamp(80px,16vw,230px)/.8 Oswald;margin:0;text-transform:uppercase;letter-spacing:-.07em}.works-title h2 span{font:400 16px Inter;color:#666;letter-spacing:0;vertical-align:top}.work-grid{margin-top:15vh;display:grid;grid-template-columns:1.2fr .8fr;gap:10vw 5vw}.work{display:block}.work:nth-child(2){margin-top:30vh}.work:nth-child(3){grid-column:1/3;width:70%;margin-left:auto}.work-art{aspect-ratio:1.2;background:#111;position:relative;overflow:hidden;display:grid;place-items:center}.work-art:before,.work-art:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(110deg,transparent 0 20px,var(--acid) 21px 26px,transparent 27px 50px);transform:rotate(-8deg)}.work-art:after{inset:20%;background:var(--black);border:18px solid var(--paper);transform:rotate(8deg)}.work-art span{position:relative;z-index:2;color:white;font:900 clamp(48px,8vw,120px)/.8 Oswald;text-align:center;transform:rotate(-5deg)}.work-art b{position:absolute;z-index:3;right:15px;top:12px;color:var(--acid);font:700 18px monospace}.work-b .work-art{background:var(--acid)}.work-b .work-art:before{background:repeating-radial-gradient(circle,#0b0b0b 0 5px,transparent 6px 18px)}.work-b .work-art:after{border-radius:50%;border-color:var(--acid)}.work-c .work-art{aspect-ratio:2}.work-c .work-art:before{background:linear-gradient(90deg,var(--acid) 0 32%,transparent 32% 66%,#fff 66%);transform:skew(-20deg)}.work>div:last-child{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;padding:15px 0}.work h3{font:600 clamp(22px,3vw,40px) Oswald;margin:0}.work p{font-size:10px;text-transform:uppercase}.contact{min-height:100vh;padding:14vh var(--pad) 40px;position:relative;overflow:hidden;display:flex;flex-direction:column}.contact h2{font:700 clamp(100px,20vw,290px)/.72 Oswald;letter-spacing:-.07em;text-transform:uppercase;margin:2vh 0 8vh;position:relative;z-index:2}.contact h2 span{color:var(--acid)}.contact-link{font:600 clamp(20px,4vw,58px) Oswald;border-bottom:2px solid var(--acid);width:max-content;max-width:100%;position:relative;z-index:2}.contact-link span{color:var(--acid)}.contact-bottom{margin-top:auto;padding-top:8vh;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:10px;text-transform:uppercase;position:relative;z-index:2}.contact-bottom div{display:flex;gap:24px}.contact-bottom p:last-child{text-align:right}.big-nn{position:absolute;right:-3vw;bottom:-15vh;color:#ffffff08;font:900 60vw/.7 Oswald;letter-spacing:-.2em}.route{position:absolute;z-index:10;left:0;top:0;width:100%;height:calc(800vh + 105vh);pointer-events:none;overflow:visible}.route path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.route-shadow{stroke:#000;stroke-width:13;opacity:.6}.route-line{stroke:var(--acid);stroke-width:5;filter:drop-shadow(0 0 8px #b7ff1966)}.cursor,.cursor-dot{position:fixed;left:0;top:0;z-index:100;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor{width:34px;height:34px;border:1px solid var(--acid);transition:width .2s,height .2s}.cursor-dot{width:4px;height:4px;background:var(--acid)}.cursor.hover{width:60px;height:60px;background:#b7ff1920}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.header{height:76px}.header nav{display:none}.header-cta{padding:11px 13px}.header-cta span{margin-left:7px}.hero{padding-top:100px;align-items:center}.hero h1{font-size:clamp(58px,19vw,105px);line-height:.84}.hero-line.acid{padding-left:0}.hero-line.right{font-size:.48em;margin-top:3vh}.hero-bottom{padding-left:0}.tag-one{top:27%;left:auto;right:4%}.tag-two{display:none}.manifesto{min-height:80vh}.manifesto-text{font-size:12vw}.stamp{width:100px}.horizontal{height:550vh}.horizontal-head{height:76px}.horizontal-head>p:last-child{display:none}.track{height:calc(100vh - 76px)}.service,.intro-card,.outro-card{width:90vw;padding:25px}.service ul{flex-wrap:wrap;gap:10px 18px}.play{width:120px;height:120px}.works-title{display:block}.work-grid{display:block;margin-top:10vh}.work{margin:0 0 12vh!important;width:100%!important}.work-c .work-art{aspect-ratio:1.2}.contact h2{font-size:27vw}.contact-bottom{grid-template-columns:1fr 1fr;gap:30px}.contact-bottom p:last-child{display:none}.cursor,.cursor-dot{display:none}.route{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.route{display:none}}