@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;600;700&family=Rock+Salt&display=swap');
:root{
  --acid:#c9ef57;
  --acid2:#95d936;
  --pink:#ff2f9b;
  --purple:#7b2cff;
  --red:#ef1b16;
  --paper:#f5f0e8;
  --ink:#070707;
  --steel:#b9b9b9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:var(--paper);font-family:'Oswald',Arial,sans-serif;overflow-x:hidden;
  background-image:radial-gradient(circle at 12% 10%,rgba(201,239,87,.12),transparent 22%),radial-gradient(circle at 88% 16%,rgba(255,47,155,.12),transparent 20%),linear-gradient(#060606,#0b0b0b 45%,#040404)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
a{color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.9);border-bottom:3px solid var(--acid);backdrop-filter:blur(10px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{font-family:'Anton',Impact,sans-serif;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;transform:skew(-5deg)}
.brand span{color:var(--pink)}.links{display:flex;gap:24px;text-transform:uppercase;font-weight:700;letter-spacing:.07em}.links a{text-decoration:none;position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:3px;background:var(--pink);transition:.2s}.links a:hover:after,.links a.active:after{right:0}
.hero{min-height:90vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;padding:50px 0 70px;position:relative}.hero:after{content:"RIOT";position:absolute;right:-4vw;bottom:1vh;font-family:'Anton';font-size:min(29vw,360px);line-height:.7;color:transparent;-webkit-text-stroke:2px rgba(255,47,155,.15);transform:rotate(-7deg);z-index:-1}
.logo-frame{position:relative;filter:drop-shadow(18px 24px 0 rgba(123,44,255,.22)) drop-shadow(-10px 12px 0 rgba(201,239,87,.18))}.logo-frame:before{content:"";position:absolute;inset:7% -2% -2% 5%;background:linear-gradient(135deg,var(--pink),var(--purple));clip-path:polygon(4% 9%,96% 0,100% 88%,8% 100%,0 31%);z-index:-1;opacity:.55}.hero img{display:block;width:100%;transform:rotate(-1.6deg)}
.eyebrow{display:inline-block;background:var(--acid);color:#050505;padding:7px 12px;font:700 .88rem/1 'Oswald';letter-spacing:.18em;text-transform:uppercase;transform:rotate(-1deg)}
h1,h2{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;margin:0;letter-spacing:.015em}h1{font-size:clamp(4.8rem,9.8vw,9rem);line-height:.78;margin-top:20px;text-shadow:5px 5px 0 #000}.outline{color:transparent;-webkit-text-stroke:2px var(--paper)}.riot{display:block;color:var(--red);text-shadow:5px 5px 0 var(--paper),9px 9px 0 #000;transform:rotate(-2deg);transform-origin:left center}.scribble{font-family:'Rock Salt',cursive;color:var(--acid);font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.8;margin:30px 0 26px;transform:rotate(-1deg)}
.buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;text-transform:uppercase;font-family:'Anton';font-size:1.15rem;letter-spacing:.06em;padding:13px 20px;background:var(--acid);color:#050505;border:3px solid #050505;box-shadow:7px 7px 0 var(--pink);transform:rotate(-1deg);transition:.15s}.btn:hover{transform:translate(3px,3px) rotate(-1deg);box-shadow:4px 4px 0 var(--pink)}.btn.alt{background:var(--paper);box-shadow:7px 7px 0 var(--purple)}
section{padding:86px 0;border-top:1px solid #303030;position:relative}.section-kicker{font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--acid);margin-bottom:6px}.section-title{font-size:clamp(3rem,7vw,6rem);line-height:.9;margin-bottom:32px}.section-title .hot{color:var(--pink)}.copy{font-size:1.2rem;line-height:1.65;max-width:840px;color:#ddd}.manifesto{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}.quote-card{background:var(--acid);color:#050505;padding:28px;box-shadow:11px 11px 0 var(--purple);transform:rotate(1deg)}.quote-card strong{font-family:'Anton';font-size:clamp(2rem,4vw,4rem);line-height:.95;text-transform:uppercase;display:block}.quote-card span{font-family:'Rock Salt';font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#141414,#090909);border:2px solid #3a3a3a;padding:24px;box-shadow:8px 8px 0 rgba(255,255,255,.06);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:-20%;top:-14px;width:75%;height:8px;background:var(--pink);transform:rotate(-4deg)}.card h3{font-family:'Anton';font-size:1.7rem;text-transform:uppercase;margin:.2rem 0 .6rem}.card p{font-size:1rem;line-height:1.55;color:#cfcfcf;margin:.4rem 0}.date{font-family:'Rock Salt';color:var(--acid);font-size:1.35rem}.shows .card:nth-child(2){border-color:var(--pink)}.shows .card:nth-child(3){border-color:var(--purple)}
.photo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:28px}.photo-strip a{display:block;aspect-ratio:1/1;overflow:hidden;border:3px solid var(--paper);transform:rotate(-1deg)}.photo-strip a:nth-child(even){transform:rotate(1.5deg)}.photo-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05);transition:.2s}.photo-strip a:hover img{transform:scale(1.07)}
.cta{background:linear-gradient(120deg,var(--acid),#e4ff96);color:#050505;border-top:10px solid var(--pink);clip-path:polygon(0 4%,100% 0,100% 100%,0 96%);padding:100px 0}.cta .section-kicker{color:#050505}.cta .btn{background:#050505;color:white;border-color:#050505;box-shadow:7px 7px 0 var(--pink)}
footer{padding:38px 0;text-align:center;color:#999;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
/* Photos page */
.page-hero{padding:64px 0 38px}.page-hero h1{font-size:clamp(4rem,10vw,8rem)}.gallery{columns:3 300px;column-gap:16px;padding-bottom:80px}.gallery figure{margin:0 0 16px;break-inside:avoid;position:relative}.gallery img{width:100%;display:block;border:4px solid var(--paper);filter:saturate(1.12) contrast(1.04);transition:.2s}.gallery figure:nth-child(3n+1){transform:rotate(-.45deg)}.gallery figure:nth-child(3n+2){transform:rotate(.55deg)}.gallery img:hover{transform:scale(1.015);border-color:var(--acid)}.gallery figcaption{font-family:'Rock Salt';font-size:.65rem;color:var(--acid);padding:7px 2px 0}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:100;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(94vw,1400px);max-height:90vh;border:4px solid var(--paper);box-shadow:14px 14px 0 rgba(255,47,155,.35)}.close{position:fixed;top:20px;right:25px;font-family:'Anton';font-size:2rem;background:var(--acid);color:#000;border:0;padding:4px 13px;cursor:pointer}
@media(max-width:800px){.links{gap:12px;font-size:.82rem}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{order:-1}.manifesto{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:repeat(2,1fr)}.photo-strip a:last-child{display:none}.cta{clip-path:none}.brand{font-size:1rem}}
@media(max-width:540px){.links a:nth-child(2),.links a:nth-child(3){display:none}h1{font-size:clamp(4rem,20vw,6rem)}.gallery{columns:1}.hero:after{display:none}}