*{box-sizing:border-box;margin:0;padding:0}
:root{
  --yellow:#ffd21a;--orange:#ff6b00;--red:#ff2e00;--ink:#0b0b0b;
  --paper:#f5f0e6;--muted:#a7a7a7;--line:#292929;
}
html{scroll-behavior:smooth}
body{background:var(--ink);color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.noise{position:fixed;inset:0;pointer-events:none;z-index:49;background:radial-gradient(circle at 50% 0,rgba(255,210,26,.08),transparent 35%)}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(255,210,26,.10),transparent 65%);transform:translate(-50%,-50%)}
a{color:inherit;text-decoration:none}
.nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222;position:sticky;top:0;z-index:40;background:rgba(11,11,11,.84);backdrop-filter:blur(16px)}
.brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:-.5px}.brand-mark{font-size:24px}
.nav-links{display:flex;gap:34px;color:#aaa;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.nav-links a:hover{color:var(--yellow)}
.nav-btn,.btn{border:0;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.8px}
.nav-btn{background:var(--yellow);color:#111;padding:12px 18px;transform:skew(-7deg);box-shadow:5px 5px 0 var(--red);transition:.2s}.nav-btn:hover{transform:skew(-7deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:6vw 7vw 7vw;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;width:45vw;height:45vw;right:2%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,26,.13),transparent 65%);z-index:-1}
.hero-copy{max-width:720px;z-index:3}
.eyebrow{font-size:11px;letter-spacing:3px;font-weight:900;color:#aaa;display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:3px;background:var(--yellow);display:inline-block}
h1{font-family:Bangers,Impact,sans-serif;font-size:clamp(80px,10.5vw,175px);line-height:.78;letter-spacing:2px;text-transform:uppercase;margin:22px 0 28px;transform:rotate(-2deg);text-shadow:7px 7px 0 var(--red)}
h1 span{color:var(--yellow)}
.hero-sub{font-size:clamp(16px,1.5vw,21px);line-height:1.65;color:#c9c9c9;max-width:570px}.hero-sub strong{display:block;color:#fff}
.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{padding:16px 22px;transition:.25s}.btn.primary{background:var(--yellow);color:#0b0b0b;box-shadow:6px 6px 0 var(--red)}.btn.primary:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--red)}.btn.ghost{background:transparent;border:1px solid #444;color:#fff}.btn.ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.mini-stats{display:flex;gap:42px;margin-top:42px}.mini-stats b{font-family:Bangers;font-size:32px;color:var(--yellow);display:block}.mini-stats small{font-size:9px;letter-spacing:2px;color:#777;font-weight:900}
.hero-art{position:relative;min-height:620px;display:grid;place-items:center}.sunburst{position:absolute;width:510px;height:510px;border-radius:50%;background:repeating-conic-gradient(from 5deg,rgba(255,210,26,.95) 0deg 8deg,transparent 8deg 17deg);filter:drop-shadow(0 0 30px rgba(255,106,0,.18));animation:spin 30s linear infinite}.cat-card{width:min(390px,70%);position:relative;background:#171717;border:2px solid #333;padding:10px;box-shadow:18px 18px 0 var(--yellow);transform:rotate(3deg);z-index:4}.cat-card:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,210,26,.35);pointer-events:none}.cat-card img{display:block;width:100%;height:470px;object-fit:cover;object-position:center top;filter:saturate(.95) contrast(1.05)}.card-top{display:flex;justify-content:space-between;padding:7px 4px 10px;color:#777;font-size:9px;font-weight:900;letter-spacing:2px}.cat-caption{background:#111;padding:12px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#999;font-weight:900}.meter{display:flex;gap:3px}.meter i{display:block;width:16px;height:5px;background:#333}.meter i:nth-child(-n+4){background:var(--red)}
.stamp{position:absolute;right:3%;top:12%;font-family:Bangers;font-size:25px;line-height:.8;color:var(--red);border:4px solid var(--red);padding:12px;transform:rotate(13deg);z-index:6}.speed{position:absolute;height:8px;background:var(--yellow);transform:rotate(-18deg);z-index:1}.speed-1{width:190px;left:0;top:29%}.speed-2{width:130px;right:0;top:55%;background:var(--red)}.speed-3{width:100px;left:7%;bottom:18%}
.hero-scribble{position:absolute;font-family:Bangers;color:#242424;font-size:clamp(60px,9vw,130px);z-index:-1;opacity:.7}.scribble-a{right:2%;top:5%;transform:rotate(12deg)}.scribble-b{left:35%;bottom:1%;transform:rotate(-8deg)}
.marquee{background:var(--yellow);color:#111;overflow:hidden;transform:rotate(-1deg) scale(1.03);margin:30px 0 80px;border-top:5px solid #111;border-bottom:5px solid #111}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;padding:14px 0;font-family:Bangers;font-size:28px;animation:marquee 24s linear infinite}.marquee b{color:var(--red)}
.section{padding:100px 7vw}.section-label{font-size:10px;color:#777;letter-spacing:3px;font-weight:900;margin-bottom:42px}.about{background:var(--paper);color:#111}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about h2,.dojo h2{font-family:Bangers;font-size:clamp(55px,7vw,105px);line-height:.83;text-transform:uppercase}.about h2 em{color:var(--red);font-style:normal}.about-text{font-size:18px;line-height:1.75;max-width:520px;padding-top:8px}.about-text p+p{margin-top:20px}.about-text strong{background:var(--yellow);padding:0 4px}.quote{font-family:Bangers;font-size:40px;margin-top:35px;color:var(--red);transform:rotate(-2deg)}
.dojo{background:#111;position:relative}.dojo-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:55px}.dojo h2 span{color:var(--yellow)}.dojo-header p{color:#888;max-width:330px;line-height:1.6}.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.move{border:1px solid #303030;background:#151515;padding:34px;min-height:310px;position:relative;transition:.3s}.move:hover{transform:translateY(-9px);border-color:var(--yellow)}.move.featured{background:var(--yellow);color:#111;border-color:var(--yellow);transform:translateY(-18px) rotate(1deg)}.move.featured:hover{transform:translateY(-25px) rotate(1deg)}.move-no{position:absolute;right:20px;top:18px;font-family:Bangers;font-size:30px;opacity:.35}.move-icon{font-size:55px;margin-top:35px}.move h3{font-family:Bangers;font-size:45px;margin:20px 0 8px}.move p{color:#999;line-height:1.5;max-width:260px}.move.featured p{color:#4d3b00}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(2deg)}
.gallery{background:var(--paper);color:#111}.gallery-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:16px}.poster{min-height:440px;padding:32px;position:relative;overflow:hidden}.poster-main{background:#ff3b00;color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-1deg)}.poster-main span,.poster-main strong{font-family:Bangers;line-height:.72}.poster-main span{font-size:90px}.poster-main strong{font-size:170px;color:var(--yellow);text-shadow:8px 8px 0 #111}.poster-main small{font-weight:900;letter-spacing:3px;margin-top:30px}.poster-main i{font-size:11px;margin-top:8px}.poster-yellow{background:var(--yellow);display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg)}.big-paw{font-size:80px;align-self:flex-end}.poster-yellow h3{font-family:Bangers;font-size:48px;line-height:.85}.poster-black{background:#111;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg)}.poster-black .tiny{color:#777;font-size:10px;letter-spacing:3px;font-weight:900}.poster-black strong{font-size:120px;text-align:center}.poster-black p{font-family:Bangers;font-size:38px;line-height:.8;color:var(--yellow)}
.final{background:var(--red);text-align:center;min-height:650px;display:grid;place-items:center;position:relative;overflow:hidden}.final:before{content:"";position:absolute;width:800px;height:800px;border-radius:50%;border:2px solid rgba(0,0,0,.15);box-shadow:0 0 0 100px rgba(0,0,0,.03),0 0 0 200px rgba(0,0,0,.03)}.final-inner{position:relative;z-index:2}.final-cat{font-size:90px;animation:bob 2.4s ease-in-out infinite}.final h2{font-family:Bangers;font-size:clamp(65px,9vw,140px);line-height:.78;margin:20px 0 38px;text-shadow:6px 6px 0 #111}.final h2 span{color:var(--yellow)}.big{padding:18px 28px}
footer{display:flex;justify-content:space-between;padding:26px 7vw;color:#666;font-size:11px;letter-spacing:1px;border-top:1px solid #222}
.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px);background:var(--yellow);color:#111;padding:13px 18px;font-weight:900;font-size:11px;letter-spacing:1.5px;opacity:0;pointer-events:none;transition:.3s;z-index:100;box-shadow:5px 5px 0 var(--red)}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(-12px) rotate(-4deg)}} 
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-art{min-height:550px}.hero-copy{order:1}.hero-art{order:2}.about-grid,.moves,.gallery-grid{grid-template-columns:1fr}.move.featured{transform:none}.move.featured:hover{transform:translateY(-9px)}.gallery-grid{gap:20px}.poster{min-height:350px}.dojo-header{display:block}.dojo-header p{margin-top:20px}.footer,footer{gap:15px;flex-direction:column}.cat-card{width:min(380px,82%)}}
@media(max-width:560px){.nav{padding:0 20px}.nav-btn{padding:10px 12px;font-size:10px}.hero{padding:60px 22px 50px}.hero-art{min-height:460px}.cat-card img{height:390px}.sunburst{width:360px;height:360px}.section{padding:75px 22px}.mini-stats{gap:22px}.mini-stats b{font-size:27px}.poster-main strong{font-size:115px}.poster-main span{font-size:65px}.final{min-height:540px}}