/*
Theme Name: TKMG Site Identity Full Backend Theme
Theme URI: https://www.thekonnectedmusicgroup.com
Author: The Konnected Music Group
Description: TKMG WordPress theme with full backend controls under Appearance > Customize > Site Identity for every editable slot.
Version: 8.1
Text Domain: tkmg-site-identity-full-backend
*/
:root{--red:#e50914;--muted:#bfc0c7;--line:rgba(255,255,255,.15)}
*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.top-header{width:100%;background:#000;border-bottom:1px solid rgba(229,9,20,.45)}.top-header img{width:100%;height:auto}.menu-wrap{position:sticky;top:0;z-index:99;background:#000;border-bottom:1px solid rgba(229,9,20,.55)}.menu{max-width:1320px;margin:auto;padding:15px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:28px;font-weight:900;color:var(--red);letter-spacing:2px}.brand span{display:block;color:#fff;font-size:10px;letter-spacing:2px}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.nav a:hover{color:var(--red)}.section{padding:85px 22px}.alt{background:#070707}.container{max-width:1320px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:3px;font-weight:900;font-size:13px}h1{font-size:clamp(42px,7vw,96px);line-height:.9;text-transform:uppercase;letter-spacing:-3px;margin:0 0 15px}h2{font-size:clamp(34px,5vw,68px);line-height:.95;text-transform:uppercase;letter-spacing:-2px;margin:0 0 10px}h1 span,h2 span{color:var(--red)}.lead{color:var(--muted);font-size:18px;line-height:1.6;max-width:760px}.intro{padding:70px 22px 25px;background:linear-gradient(#000,#070707)}.intro-grid,.split{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.panel{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.5)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#111;border:1px solid var(--line);padding:14px 21px;border-radius:8px;color:#fff;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:1px;cursor:pointer}.btn-red{background:var(--red);border-color:var(--red)}.btn:hover{background:#fff;color:#000}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.stat{background:#111;border:1px solid var(--line);border-left:5px solid var(--red);padding:24px;border-radius:16px}.stat strong{display:block;font-size:38px}.stat span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:linear-gradient(#151519,#08080a);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.45);min-width:0}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#181818}.event img{aspect-ratio:16/10}.body{padding:22px}.body h3{font-size:24px;text-transform:uppercase;margin:0 0 8px}.meta{color:var(--red);text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:900;margin-bottom:10px}.body p{color:var(--muted);line-height:1.55}.price{font-size:22px;font-weight:900;color:var(--red);margin:10px 0 15px}.snippet{display:flex;align-items:center;gap:12px;margin-top:15px}.play{width:46px;height:46px;border-radius:50%;border:0;background:var(--red);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px}.play:before{content:'';display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;margin-left:4px}.play.is-playing:before{width:14px;height:18px;border:0;border-left:5px solid #fff;border-right:5px solid #fff;margin-left:0}.wave{height:24px;flex:1;background:repeating-linear-gradient(90deg,var(--red) 0 4px,transparent 4px 10px);opacity:.7}.carousel-wrap{position:relative}.carousel-track{display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 18px}.carousel-track::-webkit-scrollbar{display:none}.carousel-track .card{flex:0 0 calc((100% - 66px)/4)}.carousel-controls{display:flex;gap:12px;align-items:center}.car-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#111;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.car-btn:hover{background:var(--red)}.view-more{white-space:nowrap}.media-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-tab{min-height:210px;background:linear-gradient(145deg,rgba(229,9,20,.25),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:end}.media-tab h3{text-transform:uppercase;font-size:28px;margin:0 0 8px}.media-tab p{color:var(--muted);line-height:1.5}.form{display:grid;gap:14px}.form input,.form select,.form textarea{width:100%;background:#08080a;border:1px solid var(--line);color:#fff;border-radius:10px;padding:15px}.form textarea{min-height:120px}.form label{font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:1px}.form-message{font-size:13px;color:var(--muted);line-height:1.5}.form-message.success{color:#8dff9a}.form-message.error{color:#ff9a9a}.footer{padding:50px 22px;background:#050505;border-top:1px solid rgba(229,9,20,.45)}.footer-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer h3{color:var(--red)}.footer p,.footer a{color:var(--muted);display:block;line-height:1.5;margin:9px 0}.copy{max-width:1320px;margin:25px auto 0;padding-top:18px;border-top:1px solid var(--line);color:#777}@media(max-width:1100px){.carousel-track .card{flex-basis:calc((100% - 44px)/3)}}@media(max-width:950px){.menu,.head{align-items:flex-start;flex-direction:column}.intro-grid,.split{grid-template-columns:1fr}.stats,.grid4,.grid3,.media-tabs,.footer-grid{grid-template-columns:1fr 1fr}.carousel-track .card{flex-basis:calc((100% - 22px)/2)}}@media(max-width:620px){.stats,.grid4,.grid3,.media-tabs,.footer-grid{grid-template-columns:1fr}.section{padding:60px 18px}.carousel-track .card{flex-basis:88%}}