:root{--red:#E10600;--k:#0b0b0b;--w:#f4f1ec}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--k) url(/concrete.jpg);color:var(--w);font:16px/1.6 Inter,sans-serif;overflow-x:hidden}
body:after{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:gr 1s steps(4) infinite}
@keyframes gr{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 5vw}
.brush{font-family:"Permanent Marker",cursive;text-transform:none}
h1,h2,.sh,.marquee,.stk,.sticker,dt,dd,nav .nl a{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.04em}
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;transition:.3s}
nav.s{background:#0b0b0bf2;border-bottom:3px solid var(--red)}.nlogo img{height:64px;transition:.3s;filter:drop-shadow(0 3px 0 #000)}nav.s .nlogo img{height:48px}
.nl a{margin:0 16px;font-size:21px}.nl a:hover{color:var(--red)}
.stk{display:inline-block;background:var(--w);color:#000;font-size:18px;padding:3px 12px 1px;transform:rotate(-2deg);box-shadow:3px 3px 0 #000;margin-right:8px}
.stk.red{background:var(--red);color:#fff}.stk.dark{background:#000;color:#fff;border:2px solid #fff;transform:rotate(1.5deg)}
.sticker{display:inline-block;font-size:26px;background:var(--red);color:#fff;padding:12px 28px 9px;border:3px solid #000;outline:3px solid #fff;box-shadow:6px 6px 0 #000;transform:rotate(-2deg);transition:.15s}
.sticker:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:9px 9px 0 #000}.sticker.white{background:#fff;color:#000;transform:rotate(1.5deg)}.sticker.sm{font-size:20px;padding:6px 16px 3px;box-shadow:4px 4px 0 #000}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:110px 5vw 80px}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.15) saturate(.8)}
.vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 0,#000c 70%,#000 100%),linear-gradient(#0000 70%,var(--k))}
.halftone{position:absolute;inset:0;background:radial-gradient(#000 1.2px,#0000 1.4px) 0 0/5px 5px;opacity:.55}
.hc{position:relative}.hlogo{width:min(400px,70vw);margin:0 auto -10px;filter:drop-shadow(0 10px 30px #000);animation:stamp .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes stamp{from{transform:scale(2.2) rotate(-12deg);opacity:0}}
.tilt{font-size:22px;margin:10px 0 6px}.hero h1{font-size:clamp(56px,9vw,128px);line-height:.88;text-shadow:5px 5px 0 #000}.hero h1 span{color:var(--red)}
.hbtn{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:14px "Bebas Neue";letter-spacing:.3em;opacity:.7}
.marquee{background:var(--red);color:#fff;font-size:34px;white-space:nowrap;overflow:hidden;border-block:4px solid #000;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3;padding:4px 0 0}
.marquee div{display:inline-block;animation:mq 40s linear infinite}.marquee b{color:#000;margin:0 18px}.marquee.w{background:#fff;color:#000;transform:rotate(1deg) scale(1.02)}.marquee.w b{color:var(--red)}
@keyframes mq{to{transform:translateX(-50%)}}
.game{position:relative;padding:110px 0 100px;overflow:hidden}.game:before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;opacity:.13;filter:grayscale(1) contrast(1.4)}
.game:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:36px;background:url(/torn.svg) 0 0/100% 100%}
.gtop{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}.alt .gtext{order:2}
.badges{margin-bottom:14px}.game h2{font-size:clamp(46px,6vw,84px);line-height:1;color:#fff;text-shadow:4px 4px 0 var(--red),8px 8px 0 #000;margin-bottom:10px}
.lead{font:30px "Bebas Neue";color:var(--red);letter-spacing:.04em}.gtext p{color:#d6d2cb;max-width:520px}
.feat{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.feat li{border:2px solid #fff;padding:2px 10px;font-size:13px;font-weight:900;text-transform:uppercase}
.facts{display:flex;gap:30px;margin:6px 0 28px;border-left:5px solid var(--red);padding-left:16px}dt{font-size:15px;color:#999}dd{font-size:28px;line-height:1}
.tv{position:relative;transform:rotate(1.5deg);border:6px solid #fff;box-shadow:12px 12px 0 var(--red),12px 12px 0 3px #000}.alt .tv{transform:rotate(-1.5deg)}
.tv video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.tape{position:absolute;width:130px;height:34px;background:#E10600d9;z-index:2;box-shadow:0 2px 4px #0008}.t1{top:-16px;left:-30px;transform:rotate(-28deg)}.t2{bottom:-14px;right:-28px;transform:rotate(-24deg)}
.collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}
.shot{border:5px solid #fff;background:#000;cursor:zoom-in;transform:rotate(var(--rot));box-shadow:6px 6px 0 #000;transition:.2s}.shot:first-child{grid-column:span 2;grid-row:span 2}
.shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;filter:contrast(1.05)}.shot:hover{transform:rotate(0) scale(1.04);z-index:2;border-color:var(--red)}
.vids{padding:110px 0;text-align:center}.sh{font-size:clamp(44px,6vw,80px);line-height:1;margin-bottom:46px}.sh .brush{color:var(--red);font-size:.8em;display:block;transform:rotate(-3deg)}
.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:46px}
.vid{position:relative;display:block;aspect-ratio:16/9;background:#000;border:4px solid #fff;overflow:hidden;box-shadow:6px 6px 0 var(--red);transition:.2s}.vid:nth-child(odd){transform:rotate(-1deg)}.vid:nth-child(even){transform:rotate(1deg)}
.vid:hover{transform:rotate(0) translateY(-4px)}.vid img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.2)}.vid:hover img{filter:none}.vid iframe{width:100%;height:100%;border:0}
.play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;background:var(--red);clip-path:polygon(25% 15%,85% 50%,25% 85%)}
.vt{position:absolute;left:0;bottom:0;background:#000;color:#fff;font:20px "Bebas Neue";letter-spacing:.04em;padding:4px 10px 1px;text-align:left}
.about{position:relative;background:var(--red);padding:120px 0;color:#fff}.about:before,.about:after{content:"";position:absolute;left:0;right:0;height:36px;background:url(/torn-red.svg) 0 0/100% 100%}.about:before{top:-35px}.about:after{bottom:-35px;transform:scaleY(-1)}
.about{background-image:radial-gradient(#0003 1.5px,#0000 1.7px);background-size:7px 7px}
.ab{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center}.stamp{transform:rotate(-8deg);filter:drop-shadow(8px 8px 0 #000)}
.about .sh{text-align:left;margin-bottom:24px;text-shadow:4px 4px 0 #000}.about .sh .brush{color:#000}.about p{font-size:19px;margin-bottom:14px;max-width:620px}.sig{font:34px "Permanent Marker"!important;transform:rotate(-2deg);color:#000}
footer{padding:90px 0 40px}.ft{display:flex;flex-wrap:wrap;align-items:center;gap:30px;justify-content:space-between}.ft img{height:110px}.fl a{font:24px "Bebas Neue";margin-right:26px}.fl a:hover{color:var(--red)}small{width:100%;color:#777}
#lb{position:fixed;inset:0;z-index:200;background:#000e;display:grid;place-items:center}#lb[hidden]{display:none}#lb img{max-width:92vw;max-height:86vh;border:5px solid #fff}
#lb button{position:absolute;background:var(--red);color:#fff;border:3px solid #000;font-size:38px;width:56px;height:56px;cursor:pointer;line-height:1}.x{top:18px;right:18px}.pv{left:2vw}.nx{right:2vw}
.r{opacity:0;translate:0 40px;transition:opacity .7s,translate .7s}.r.in{opacity:1;translate:0}
button{font:inherit}
@media(max-width:900px){.nl{display:none}.nlogo img{height:50px}.gtop,.ab{grid-template-columns:1fr;gap:40px}.alt .gtext{order:0}.vg{grid-template-columns:1fr 1fr}.collage{grid-template-columns:1fr 1fr;margin-top:50px}.ab{text-align:center}.stamp{width:220px;margin:auto}.about .sh{text-align:center}.about p{margin-inline:auto}}
@media(max-width:520px){.vg{grid-template-columns:1fr}.sticker{font-size:22px;padding:10px 20px 7px}.facts{gap:18px}dd{font-size:22px}.marquee{font-size:26px}.tape{width:90px;height:26px}.collage{gap:12px}.game{padding:80px 0}.hero h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.r{opacity:1;translate:0}}
html,body{overflow-x:clip}.nlogo img{height:82px}nav.s .nlogo img{height:56px}.sh .brush{margin-bottom:6px}
@media(max-width:900px){.nlogo img{height:60px}nav.s .nlogo img{height:46px}}
@media(max-width:900px){.collage .shot:nth-child(6){display:none}.fl a{margin-right:16px}}