/* GRITS Gigs — Indie Punk theme (home + events) */
:root{--pk-black:#000;--pk-ink:#1A1A1A;--pk-white:#fff;--pk-orange:#FF3E00;--pk-head:'Archivo Black',Impact,sans-serif;--pk-mono:'Roboto Mono',ui-monospace,monospace}
body.punk{background:var(--pk-black)!important;color:var(--pk-white)!important;font-family:var(--pk-mono)!important}
body.punk h1,body.punk h2,body.punk h3,body.punk .pk-h{font-family:var(--pk-head)!important;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;font-weight:400;color:inherit}
body.punk .tm-header{background:#000!important;border-bottom:3px solid var(--pk-white)!important;backdrop-filter:none!important}
body.punk .tm-header a{color:#fff!important;font-family:var(--pk-mono);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}
body.punk .tm-header a[aria-current]{color:var(--pk-orange)!important}
body.punk .tm-footer{background:#000;border-top:3px solid #fff;font-family:var(--pk-mono);font-size:.8rem}
body.punk .promo-strip{background:var(--pk-orange)!important;color:#000!important;font-family:var(--pk-mono);border:0}
.pk-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--pk-mono);font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.06em;padding:12px 18px;border:3px solid #000;background:#fff;color:#000!important;text-decoration:none;border-radius:0;box-shadow:5px 5px 0 #000;transition:transform .1s,box-shadow .1s;cursor:pointer}
.pk-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #000}
.pk-btn.or{background:var(--pk-orange);color:#000!important}
.pk-btn.bk{background:#000;color:#fff!important;border-color:#fff;box-shadow:5px 5px 0 var(--pk-orange)}
.pk-tag{display:inline-block;font-family:var(--pk-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;background:var(--pk-orange);color:#000;border:2px solid #000}
.pk-tag.w{background:#fff}
.pk-nofee{display:inline-block;font-family:var(--pk-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border:2px solid var(--pk-orange);color:var(--pk-orange)}
/* split hero */
.pk-split{display:grid;grid-template-columns:1fr 1fr;min-height:78vh;border-bottom:3px solid #fff}
.pk-half{position:relative;padding:56px 5vw;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background-size:cover;background-position:center}
.pk-half::before{content:"";position:absolute;inset:0;z-index:0}
.pk-half>*{position:relative;z-index:1}
.pk-find{background-image:url(/assets/punk/hero-find.jpg),url(/assets/event-fallback.jpg);color:#fff}
.pk-find::before{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.92))}
.pk-post{background-image:url(/assets/punk/hero-post.jpg),url(/assets/event-fallback.jpg);color:#000;border-left:3px solid #fff}
.pk-post::before{background:var(--pk-orange);mix-blend-mode:multiply;opacity:.95}
.pk-post::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,62,0,.2),rgba(255,62,0,.85));z-index:0}
.pk-half h1{font-size:clamp(3rem,8vw,7rem);margin:.15em 0 .25em}
.pk-half p{max-width:38ch;font-size:.95rem;line-height:1.55;margin:0 0 24px}
.pk-search{display:flex;border:3px solid #fff;background:#000;max-width:460px;margin-bottom:18px}
.pk-search input{flex:1;background:transparent;border:0;color:#fff;font-family:var(--pk-mono);padding:12px 14px;font-size:.9rem;outline:none}
.pk-search input::placeholder{color:#999}
.pk-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.pk-filters .pill{font-family:var(--pk-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;padding:7px 12px;border:2px solid #fff;background:transparent;color:#fff;border-radius:0;cursor:pointer}
.pk-filters .pill[aria-pressed=true]{background:var(--pk-orange);border-color:var(--pk-orange);color:#000}
/* manifesto */
.pk-man{background:#fff;color:#000;padding:80px 0;border-bottom:3px solid #000}
.pk-man .grid{display:grid;grid-template-columns:200px 1fr;gap:40px}
.pk-man .lbl{font-family:var(--pk-head);text-transform:uppercase;font-size:1rem}
.pk-man h2{font-size:clamp(2.2rem,5vw,4.2rem);margin:0 0 36px}
.pk-man h2 em{font-style:normal;color:var(--pk-orange)}
.pk-man .cols{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.pk-man h3{font-size:1rem;margin:0 0 10px}
.pk-man p{font-size:.88rem;line-height:1.65;margin:0}
/* featured */
.pk-feat{background:var(--pk-ink);padding:80px 0;border-bottom:3px solid #fff}
.pk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.pk-head h2{font-size:clamp(2.2rem,5vw,4rem);margin:6px 0 0}
.pk-head .count{font-size:.8rem;color:#bbb;text-transform:uppercase}
body.punk .cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:26px!important}
body.punk .card{display:block;background:#fff!important;color:#000!important;border:3px solid #000!important;border-radius:0!important;box-shadow:8px 8px 0 var(--pk-orange)!important;text-decoration:none;overflow:hidden;transition:transform .12s}
body.punk .card:hover{transform:translate(-3px,-3px) rotate(-.4deg)}
body.punk .card .shot{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.15);border-bottom:3px solid #000;border-radius:0!important;display:block}
body.punk .card:hover .shot{filter:none}
body.punk .card .body{padding:16px}
body.punk .card .top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
body.punk .card .when{font-family:var(--pk-mono);font-weight:700;font-size:.75rem;text-transform:uppercase}
body.punk .card h3{font-size:1.25rem;margin:0 0 6px;color:#000}
body.punk .card .venue{font-size:.8rem;color:#333;margin:0 0 14px}
body.punk .card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
body.punk .card .cta{font-weight:700;font-size:.75rem;text-transform:uppercase;color:var(--pk-orange)}
body.punk .chip{font-family:var(--pk-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 7px;border:2px solid #000;border-radius:0;background:#fff;color:#000}
body.punk .chip.out{background:#000;color:#fff}
body.punk .chip.low{background:var(--pk-orange)}
body.punk .nofee-tag{font-family:var(--pk-mono)!important;font-size:.66rem!important;font-weight:700;text-transform:uppercase;border:2px solid var(--pk-orange)!important;color:var(--pk-orange)!important;background:transparent!important;border-radius:0!important;padding:3px 7px!important}
/* join */
.pk-join{padding:100px 0;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.85)),url(/assets/punk/hero-find.jpg) center/cover,#000;border-bottom:3px solid #fff}
.pk-join h2{font-size:clamp(2.6rem,7vw,5.5rem);margin:0 0 18px}
.pk-join p{max-width:52ch;margin:0 auto 28px;font-size:.9rem;line-height:1.6}
.pk-join .acts{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.pk-trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #fff}
.pk-trust div{padding:26px 22px;border-right:3px solid #fff;font-size:.78rem;line-height:1.5;color:#ccc}
.pk-trust div:last-child{border-right:0}
.pk-trust strong{display:block;font-family:var(--pk-head);text-transform:uppercase;color:#fff;font-size:.95rem;margin-bottom:6px;font-weight:400}
/* events page */
.pk-ev-head{background:#000;padding:60px 0 40px;border-bottom:3px solid #fff}
.pk-ev-head h1{font-size:clamp(3rem,8vw,6.5rem);margin:10px 0 14px}
.pk-ev-head p{max-width:60ch;font-size:.9rem;line-height:1.6;color:#ccc;margin:0}
.pk-bar{position:sticky;top:0;z-index:20;background:#fff;color:#000;border-bottom:3px solid #000}
.pk-bar .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.pk-bar span{font-weight:700;font-size:.72rem;text-transform:uppercase;margin-right:4px}
.pk-bar input{border:2px solid #000;font-family:var(--pk-mono);padding:7px 10px;font-size:.8rem;min-width:200px;border-radius:0}
.pk-bar button{font-family:var(--pk-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;padding:7px 12px;border:2px solid #000;background:#fff;color:#000;cursor:pointer;border-radius:0}
.pk-bar button[aria-pressed=true]{background:var(--pk-orange)}
body.punk #events{display:block!important;background:#fff;color:#000;border:3px solid #000;margin:30px 0 60px;box-shadow:10px 10px 0 var(--pk-orange)}
.pk-row{display:grid;grid-template-columns:96px 120px minmax(0,1fr) auto;align-items:center;gap:22px;padding:16px 22px 16px 0;border-bottom:2px solid #000;color:#000;text-decoration:none}
.pk-row:last-child{border-bottom:0}
.pk-row:hover{background:#fff3ee}
.pk-date{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;border-right:3px solid #000;margin:-16px 0;padding:14px 0}
.pk-row:nth-child(even) .pk-date{background:#fff;color:#000}
.pk-date b{font-family:var(--pk-head);font-size:2.2rem;line-height:1;font-weight:400}
.pk-date small{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.pk-thumb{width:120px;height:78px;object-fit:cover;border:2px solid #000;filter:grayscale(1) contrast(1.1);display:block}
.pk-row:hover .pk-thumb{filter:none}
.pk-info h3{font-size:1.25rem;margin:0 0 4px;color:#000}
.pk-info p{margin:0 0 8px;font-size:.78rem;color:#333;text-transform:uppercase}
.pk-act{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pk-act .pk-btn{box-shadow:4px 4px 0 #000;padding:9px 14px;font-size:.74rem}
.pk-row.out .pk-act .pk-btn{background:#ddd;color:#666!important;box-shadow:none}
.pk-empty{padding:40px;text-align:center;font-size:.9rem}
@media(max-width:900px){.pk-split{grid-template-columns:1fr}.pk-post{border-left:0;border-top:3px solid #fff}.pk-half{min-height:62vh}.pk-man .grid,.pk-man .cols{grid-template-columns:1fr;gap:20px}.pk-trust{grid-template-columns:1fr 1fr}.pk-trust div:nth-child(2){border-right:0}.pk-trust div{border-bottom:3px solid #fff}}
@media(max-width:640px){.pk-row{grid-template-columns:76px minmax(0,1fr);gap:14px;padding-right:14px}.pk-thumb{display:none}.pk-act{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.pk-date b{font-size:1.7rem}}
.pk-half .pk-tag{align-self:flex-start}
.pk-search label{display:none}
.pk-filters .pill{color:#fff!important;background:transparent!important;opacity:1!important;min-height:0!important;box-shadow:none!important}
.pk-filters .pill[aria-pressed=true]{background:var(--pk-orange)!important;color:#000!important}
.pk-split{min-height:72vh}
/* --- punk menu bar --- */
body.punk .tm-header{position:sticky;top:0;z-index:50;background:#000!important;border-bottom:3px solid var(--pk-orange)!important}
body.punk .tm-nav{min-height:68px!important;display:flex!important;align-items:center;justify-content:space-between;gap:24px;width:min(1280px,calc(100% - 40px))!important;margin:0 auto}
body.punk .tm-header .brand{display:inline-flex!important;align-items:baseline;gap:8px;text-decoration:none}
body.punk .tm-header .brand::before{display:none!important;content:none!important}
body.punk .tm-header .brand-mark{font-family:var(--pk-head)!important;font-size:1.7rem;letter-spacing:-.02em;color:#fff!important;text-transform:uppercase;line-height:1}
body.punk .tm-header .brand-mark sup{color:var(--pk-orange);font-size:.5em}
body.punk .tm-header .brand-sub{font-family:var(--pk-head)!important;font-size:.85rem;background:var(--pk-orange);color:#000!important;padding:3px 7px;text-transform:uppercase;line-height:1}
body.punk .tm-header .navlinks{display:flex!important;align-items:center;gap:4px!important;flex-wrap:nowrap}
body.punk .tm-header .navlinks a{font-family:var(--pk-mono)!important;font-weight:700!important;font-size:.76rem!important;letter-spacing:.06em;text-transform:uppercase;color:#fff!important;padding:9px 11px!important;border:2px solid transparent!important;background:transparent!important;border-radius:0!important;white-space:nowrap;text-decoration:none!important}
body.punk .tm-header .navlinks a b,body.punk .tm-header .navlinks a i{font-style:normal;font-weight:700}
body.punk .tm-header .navlinks a:hover{border-color:#fff!important}
body.punk .tm-header .navlinks a[aria-current]{background:#fff!important;color:#000!important}
body.punk .tm-header .navlinks a[href="promoters.html"]{background:var(--pk-orange)!important;color:#000!important;border-color:var(--pk-orange)!important;margin-left:8px;box-shadow:4px 4px 0 #fff}
body.punk .tm-header .navlinks a[href="promoters.html"]:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #fff}
body.punk .promo-strip{display:block;text-align:center;padding:8px 14px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none!important}
@media(max-width:1100px){body.punk .tm-nav{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}body.punk .tm-header .navlinks{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}body.punk .tm-header .navlinks::-webkit-scrollbar{display:none}}

/* phone: keep the swipeable menu bar, never the stuck-open dropdown */
@media(max-width:760px){html body.punk .tm-header .menu-toggle,html body.punk .tm-header .nav-quick{display:none!important}
html body.punk .tm-header .tm-nav{position:static!important;flex-direction:column!important;flex-wrap:nowrap!important}
html body.punk .tm-header .navlinks{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;padding:0 0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.punk .tm-header .navlinks a{border-bottom:2px solid transparent!important;padding:9px 11px!important;font-size:.76rem!important;margin:0!important}
html body.punk .tm-header .navlinks a[href="promoters.html"]{margin-left:8px!important;margin-right:6px!important}}

html body.punk .tm-header .navlinks a.nav2 b{color:#fff!important}html body.punk .tm-header .navlinks a[href="promoters.html"].nav2 b{color:#000!important}

/* v4: desktop menu — remove the old silver plate, white links on black */
@media(min-width:900px){html body.punk .tm-nav .navlinks:not(#_){background:none!important;box-shadow:none!important;-webkit-mask:none!important;mask:none!important;border:0!important;border-image:none!important;padding:0!important}}
html body.punk .tm-nav .navlinks:not(#_) a:not([href="promoters.html"]):not([aria-current]){color:#fff!important}
html body.punk .tm-nav .navlinks:not(#_) a:not([href="promoters.html"]):not([aria-current]) b{color:#fff!important}
html body.punk .tm-nav .navlinks:not(#_) a[aria-current]{background:#fff!important;color:#000!important}
html body.punk .tm-nav .navlinks:not(#_) a[aria-current] b{color:#000!important}
html body.punk .tm-nav .navlinks:not(#_) a[href="promoters.html"],html body.punk .tm-nav .navlinks:not(#_) a[href="promoters.html"] *{color:#000!important}
html body.punk .tm-nav .navlinks:not(#_) a.nav2 i{background:#FF3E00!important;color:#000!important;border-color:#FF3E00!important;box-shadow:none!important}