@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,900;1,700&family=Barlow:wght@300;400;500;600&family=Space+Mono:ital@0;1&display=swap");
:root{--red:#ec1212;--red-dark:#b50e0e;--red-glow:rgba(236, 18, 18, 0.15);--black:#080808;--black-2:#111111;--black-3:#1a1a1a;--black-4:#222222;--black-5:#2e2e2e;--white:#ffffff;--white-70:rgba(255,255,255,0.7);--white-40:rgba(255,255,255,0.4);--white-15:rgba(255,255,255,0.15);--white-08:rgba(255,255,255,0.08);--gray:#888888;--gray-light:#555555;--font-display:'Barlow Condensed', sans-serif;--font-body:'Barlow', sans-serif;--font-mono:'Space Mono', monospace;--transition:0.2s ease;--transition-slow:0.5s ease;--border:1px solid var(--black-4);--radius:4px;--radius-lg:8px;}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body {
background: var(--black);
color: var(--white);
font-family: var(--font-body);
font-size: 15px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
} a{color:inherit;text-decoration:none;transition:color var(--transition);}
img{max-width:100%;display:block;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
ul{list-style:none;}
.topbar{background:var(--red);padding:7px 24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;position:relative;z-index:100;}
.topbar-ticker{display:flex;align-items:center;gap:16px;overflow:hidden;flex:1;}
.topbar-ticker-label{font-weight:bold;white-space:nowrap;color:rgba(255,255,255,0.6);text-transform:uppercase;}
.topbar-ticker-track{display:flex;gap:32px;animation:ticker 30s linear infinite;white-space:nowrap;}
.topbar-ticker-track span{color:rgba(255,255,255,0.9);}
.topbar-ticker-track span::before{content:"▸ ";opacity:0.6;}
@keyframes ticker {
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
.topbar-links{display:flex;gap:20px;white-space:nowrap;}
.topbar-links a{color:rgba(255,255,255,0.75);transition:color var(--transition);}
.topbar-links a:hover{color:#fff;}
.site-header{background:var(--black-2);border-bottom:var(--border);position:sticky;top:0;z-index:99;backdrop-filter:blur(12px);}
.header-inner{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;gap:40px;}
.site-logo{font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:0.05em;text-transform:uppercase;color:var(--white);flex-shrink:0;}
.site-logo span{color:var(--red);}
.main-nav{display:flex;align-items:center;gap:2px;flex:1;}
.main-nav a{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray);padding:8px 14px;border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;}
.main-nav a:hover, .main-nav a.current{color:var(--white);background:var(--white-08);}
.main-nav a.radar-link{color:var(--red);display:flex;align-items:center;gap:6px;}
.main-nav a.radar-link::before{content:'';width:6px;height:6px;background:var(--red);border-radius:50%;animation:blink 1.5s ease-in-out infinite;}
@keyframes blink { 0%,100%{opacity:1;}
50%{opacity:0.2;}
}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
.search-btn{background:var(--white-08);border:var(--border);color:var(--gray);width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:15px;transition:all var(--transition);}
.search-btn:hover{color:var(--white);border-color:var(--white-40);}
.btn-submit{background:var(--red);color:var(--white);font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;padding:9px 18px;border-radius:var(--radius);transition:background var(--transition);white-space:nowrap;}
.btn-submit:hover{background:var(--red-dark);}
.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;}
.menu-toggle span{width:22px;height:2px;background:var(--white);display:block;transition:all 0.3s;}
.site-content{max-width:1320px;margin:0 auto;padding:0 24px;}
.content-grid{display:grid;grid-template-columns:1fr 300px;gap:32px;padding:32px 0;}
.section-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.section-head-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--white);white-space:nowrap;}
.section-head-line{flex:1;height:1px;background:var(--black-4);}
.section-head-more{font-family:var(--font-mono);font-size:10px;color:var(--red);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;transition:opacity var(--transition);}
.section-head-more:hover{opacity:0.7;}
.hero-section{display:grid;grid-template-columns:1fr 320px;gap:2px;background:var(--black-4);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2px;}
.hero-main{position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.hero-main .post-thumbnail{position:absolute;inset:0;z-index:0;}
.hero-main .post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.hero-main:hover .post-thumbnail img{transform:scale(1.03);}
.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top, rgba(8,8,8,0.97) 0%, rgba(8,8,8,0.5) 50%, rgba(8,8,8,0.1) 100%);z-index:1;}
.hero-content{position:relative;z-index:2;padding:28px 28px 28px;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);background:var(--red);padding:4px 10px;border-radius:var(--radius);margin-bottom:12px;}
.hero-title{font-family:var(--font-display);font-size:clamp(28px, 4vw, 42px);font-weight:900;line-height:1.05;text-transform:uppercase;margin-bottom:12px;letter-spacing:0.02em;}
.hero-meta{font-family:var(--font-mono);font-size:10px;color:var(--gray);letter-spacing:0.08em;text-transform:uppercase;display:flex;align-items:center;gap:12px;}
.hero-meta .dot{color:var(--red);}
.hero-stack{display:flex;flex-direction:column;gap:2px;background:var(--black-3);}
.hero-stack-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border-left:3px solid transparent;transition:all var(--transition);cursor:pointer;background:var(--black-2);}
.hero-stack-item:hover{border-left-color:var(--red);background:var(--black-3);}
.hero-stack-thumb{width:72px;height:56px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:var(--black-4);}
.hero-stack-info{}
.hero-stack-cat{font-family:var(--font-mono);font-size:9px;color:var(--red);font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:5px;}
.hero-stack-title{font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.25;text-transform:uppercase;color:var(--white-70);transition:color var(--transition);}
.hero-stack-item:hover .hero-stack-title{color:var(--white);}
.posts-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin-bottom:32px;}
.posts-grid.three-col{grid-template-columns:repeat(3, 1fr);}
.posts-grid.four-col{grid-template-columns:repeat(4, 1fr);}
.post-card{display:flex;flex-direction:column;cursor:pointer;position:relative;}
.post-card-thumb{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--black-3);margin-bottom:12px;}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.post-card:hover .post-card-thumb img{transform:scale(1.05);}
.post-card-cat{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:9px;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px;z-index:2;}
.cat-video, .cat-hot-videos {background:#1a1af5;color:#fff;}
.cat-music, .cat-hot-songs  {background:var(--red);color:#fff;}
.cat-album, .cat-mixtapes   {background:#6b21a8;color:#fff;}
.cat-radar                   {background:#065f46;color:#fff;}
.cat-features, .cat-review  {background:#92400e;color:#fff;}
.cat-digital-cover           {background:#831843;color:#fff;}
.cat-news                    {background:#1e3a5f;color:#fff;}
.post-card-play{position:absolute;bottom:10px;right:10px;width:36px;height:36px;background:rgba(8,8,8,0.8);border:1px solid var(--white-15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity var(--transition);z-index:2;}
.post-card:hover .post-card-play{opacity:1;}
.post-card-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.25;text-transform:uppercase;color:var(--white-70);margin-bottom:6px;transition:color var(--transition);}
.post-card:hover .post-card-title{color:var(--white);}
.post-card-meta{font-family:var(--font-mono);font-size:10px;color:var(--gray-light);letter-spacing:0.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.post-list-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:var(--border);cursor:pointer;transition:opacity var(--transition);}
.post-list-item:hover{opacity:0.8;}
.post-list-item:last-child{border-bottom:none;}
.post-list-num{font-family:var(--font-display);font-size:28px;font-weight:900;color:var(--black-4);line-height:1;min-width:28px;text-align:center;}
.post-list-thumb{width:68px;height:52px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:var(--black-3);}
.post-list-info{flex:1;}
.post-list-cat{font-family:var(--font-mono);font-size:9px;color:var(--red);font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:3px;}
.post-list-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.25;color:var(--white-70);}
.sidebar{display:flex;flex-direction:column;gap:28px;}
.sidebar-widget{}
.sidebar-widget-title{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray);margin-bottom:14px;padding-bottom:10px;border-bottom:var(--border);display:flex;align-items:center;gap:8px;}
.newsletter-widget{background:var(--black-2);border:var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center;}
.newsletter-widget h3{font-family:var(--font-display);font-size:20px;font-weight:900;text-transform:uppercase;margin-bottom:6px;}
.newsletter-widget p{font-size:12px;color:var(--gray);line-height:1.5;margin-bottom:14px;}
.newsletter-input{width:100%;background:var(--black-3);border:var(--border);color:var(--white);font-family:var(--font-body);font-size:13px;padding:10px 12px;border-radius:var(--radius);margin-bottom:8px;outline:none;transition:border-color var(--transition);}
.newsletter-input:focus{border-color:var(--red);}
.newsletter-submit{width:100%;background:var(--red);color:var(--white);font-family:var(--font-mono);font-size:11px;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;padding:11px;border-radius:var(--radius);transition:background var(--transition);}
.newsletter-submit:hover{background:var(--red-dark);}
.genre-pills{display:flex;flex-wrap:wrap;gap:6px;}
.genre-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;background:var(--black-3);border:var(--border);color:var(--gray);padding:5px 12px;border-radius:20px;cursor:pointer;transition:all var(--transition);}
.genre-pill:hover, .genre-pill.active{background:var(--red);border-color:var(--red);color:var(--white);}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.social-btn{background:var(--black-3);border:var(--border);border-radius:var(--radius);padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition);}
.social-btn:hover{border-color:var(--red);background:var(--red-glow);}
.social-btn-icon{font-size:16px;color:var(--red);}
.social-btn-label{font-size:11px;color:var(--gray);}
.radar-section{margin-bottom:32px;}
.radar-intro{background:var(--black-2);border:1px solid rgba(236,18,18,0.25);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px;display:flex;align-items:center;gap:16px;}
.radar-pulse{width:10px;height:10px;background:var(--red);border-radius:50%;flex-shrink:0;animation:blink 1.5s ease-in-out infinite;}
.radar-intro-text{}
.radar-intro-label{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.15em;text-transform:uppercase;color:var(--red);margin-bottom:3px;}
.radar-intro-desc{font-size:12px;color:var(--gray);}
.radar-cards{display:flex;flex-direction:column;gap:2px;}
.radar-card{display:flex;gap:14px;align-items:center;padding:14px 16px;background:var(--black-2);border-left:3px solid var(--red);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;transition:background var(--transition);}
.radar-card:hover{background:var(--black-3);}
.radar-avatar{width:44px;height:44px;border-radius:50%;background:var(--black-4);flex-shrink:0;object-fit:cover;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--red);}
.radar-info{flex:1;}
.radar-name{font-family:var(--font-display);font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:2px;}
.radar-genre{font-family:var(--font-mono);font-size:10px;color:var(--gray);letter-spacing:0.06em;text-transform:uppercase;}
.radar-badge{font-family:var(--font-mono);font-size:9px;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px;background:var(--red-glow);color:var(--red);border:1px solid rgba(236,18,18,0.3);}
.site-footer{background:var(--black-2);border-top:var(--border);margin-top:60px;padding:48px 0 24px;}
.footer-inner{max-width:1320px;margin:0 auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-brand-logo{font-family:var(--font-display);font-size:36px;font-weight:900;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:12px;}
.footer-brand-logo span{color:var(--red);}
.footer-brand-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px;}
.footer-social{display:flex;gap:10px;}
.footer-social a{width:34px;height:34px;background:var(--black-3);border:var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray);transition:all var(--transition);}
.footer-social a:hover{color:var(--white);border-color:var(--red);background:var(--red-glow);}
.footer-col-title{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.14em;text-transform:uppercase;color:var(--white);margin-bottom:16px;}
.footer-col-links{display:flex;flex-direction:column;gap:10px;}
.footer-col-links a{font-size:13px;color:var(--gray);transition:color var(--transition);}
.footer-col-links a:hover{color:var(--white);}
.footer-bottom{border-top:var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;}
.footer-copyright{font-family:var(--font-mono);font-size:10px;color:var(--gray-light);letter-spacing:0.06em;}
.footer-copyright span{color:var(--red);}
.single-post{max-width:1320px;margin:0 auto;padding:0 24px;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gray);padding:20px 0;}
.breadcrumb a{color:var(--gray);transition:color var(--transition);}
.breadcrumb a:hover{color:var(--white);}
.breadcrumb .sep{color:var(--black-5);}
.breadcrumb .current{color:var(--white-40);}
.post-body{font-size:16px;line-height:1.75;color:rgba(255,255,255,0.8);}
.post-body p{margin-bottom:1.25em;}
.post-body h2{font-family:var(--font-display);font-size:24px;font-weight:700;text-transform:uppercase;margin:2em 0 0.5em;color:var(--white);}
.post-body a{color:var(--red);border-bottom:1px solid rgba(236,18,18,0.3);}
.post-body a:hover{border-color:var(--red);}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}
.post-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;padding:5px 12px;background:var(--black-3);border:var(--border);border-radius:2px;color:var(--gray);cursor:pointer;transition:all var(--transition);}
.post-tag:hover{color:var(--red);border-color:var(--red);}
.post-share{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:28px;border-top:var(--border);}
.share-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray);}
.share-btn{padding:7px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;border:var(--border);color:var(--gray);transition:all var(--transition);cursor:pointer;}
.share-btn:hover{color:var(--white);border-color:var(--white-40);}
.video-hero{background:var(--black);margin-bottom:0;}
.video-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;background:var(--black);overflow:hidden;}
.video-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.video-meta-bar{background:var(--black-2);border-top:var(--border);border-bottom:var(--border);padding:16px 0;}
.video-meta-bar-inner{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;}
.video-category-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:#1a1af5;padding:4px 10px;border-radius:var(--radius);margin-bottom:10px;}
.video-post-title{font-family:var(--font-display);font-size:clamp(28px, 4vw, 52px);font-weight:900;line-height:1.0;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:12px;}
.video-post-meta{font-family:var(--font-mono);font-size:11px;color:var(--gray);letter-spacing:0.06em;text-transform:uppercase;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.video-sidebar-info{}
.video-credits{background:var(--black-3);border:var(--border);border-radius:var(--radius-lg);padding:16px;min-width:240px;}
.video-credits-title{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray);margin-bottom:12px;}
.credit-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:var(--border);font-size:13px;}
.credit-row:last-child{border-bottom:none;}
.credit-label{color:var(--gray);font-size:11px;}
.credit-value{color:var(--white);font-weight:500;}
.music-hero{display:grid;grid-template-columns:380px 1fr;gap:0;min-height:380px;background:var(--black-2);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;}
.music-artwork{position:relative;overflow:hidden;}
.music-artwork img{width:100%;height:100%;object-fit:cover;}
.music-artwork-overlay{position:absolute;inset:0;background:linear-gradient(to right, transparent 60%, var(--black-2));}
.music-info{padding:40px;display:flex;flex-direction:column;justify-content:center;}
.music-category-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:var(--red);padding:4px 10px;border-radius:var(--radius);margin-bottom:16px;align-self:flex-start;}
.music-post-title{font-family:var(--font-display);font-size:clamp(32px, 4vw, 56px);font-weight:900;line-height:1.0;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:8px;}
.music-artist{font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--red);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:20px;}
.music-post-meta{font-family:var(--font-mono);font-size:11px;color:var(--gray);letter-spacing:0.06em;text-transform:uppercase;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.music-stream-links{display:flex;gap:10px;flex-wrap:wrap;}
.stream-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;border:var(--border);color:var(--white-70);background:var(--black-3);transition:all var(--transition);}
.stream-btn:hover{color:var(--white);border-color:var(--white-40);}
.stream-btn.spotify{border-color:#1DB954;color:#1DB954;}
.stream-btn.spotify:hover{background:rgba(29, 185, 84, 0.1);}
.stream-btn.apple{border-color:#fc3c44;color:#fc3c44;}
.stream-btn.apple:hover{background:rgba(252, 60, 68, 0.1);}
.album-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:32px;}
.album-hero-bg{position:absolute;inset:0;z-index:0;}
.album-hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(0.25) saturate(1.5);transform:scale(1.1);}
.album-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;padding:48px;}
.album-cover{border-radius:var(--radius);overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.8);aspect-ratio:1;}
.album-cover img{width:100%;height:100%;object-fit:cover;}
.album-info-inner{}
.album-category-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:#6b21a8;padding:4px 10px;border-radius:var(--radius);margin-bottom:16px;}
.album-post-title{font-family:var(--font-display);font-size:clamp(36px, 5vw, 64px);font-weight:900;line-height:1.0;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:8px;}
.album-artist{font-family:var(--font-display);font-size:22px;font-weight:400;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:20px;}
.album-stats{display:flex;gap:24px;margin-bottom:24px;}
.album-stat{}
.album-stat-num{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--white);}
.album-stat-label{font-family:var(--font-mono);font-size:10px;color:var(--gray);letter-spacing:0.08em;text-transform:uppercase;}
.album-tracklist{background:var(--black-2);border:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;}
.tracklist-header{padding:14px 20px;border-bottom:var(--border);font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray);display:grid;grid-template-columns:32px 1fr auto;gap:12px;}
.tracklist-item{padding:12px 20px;border-bottom:var(--border);display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;transition:background var(--transition);cursor:pointer;}
.tracklist-item:last-child{border-bottom:none;}
.tracklist-item:hover{background:var(--black-3);}
.track-num{font-family:var(--font-mono);font-size:12px;color:var(--gray-light);text-align:center;}
.track-title{font-family:var(--font-display);font-size:14px;font-weight:600;text-transform:uppercase;color:var(--white-70);}
.track-feat{font-size:12px;font-weight:400;color:var(--gray);}
.track-duration{font-family:var(--font-mono);font-size:11px;color:var(--gray-light);}
.digital-cover-hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;margin-bottom:0;}
.digital-cover-bg{position:absolute;inset:0;z-index:0;}
.digital-cover-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.35) saturate(1.2);}
.digital-cover-bg::after{content:'';position:absolute;inset:0;background:linear-gradient( to bottom, rgba(8,8,8,0.2) 0%, rgba(8,8,8,0.1) 30%, rgba(8,8,8,0.7) 70%, rgba(8,8,8,1) 100% );}
.digital-cover-logo-bar{position:relative;z-index:2;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--white-15);}
.cover-issue-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--white-70);border:1px solid var(--white-15);padding:5px 14px;border-radius:2px;}
.digital-cover-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;max-width:900px;}
.cover-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);margin-bottom:16px;}
.cover-main-title{font-family:var(--font-display);font-size:clamp(56px, 9vw, 120px);font-weight:900;line-height:0.9;text-transform:uppercase;letter-spacing:-0.02em;margin-bottom:16px;}
.cover-subtitle{font-family:var(--font-display);font-size:clamp(18px, 2.5vw, 26px);font-weight:400;color:var(--white-70);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:28px;}
.cover-read-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);border:1px solid var(--white-40);padding:14px 28px;border-radius:var(--radius);transition:all var(--transition);align-self:flex-start;cursor:pointer;}
.cover-read-btn:hover{border-color:var(--red);color:var(--red);}
.digital-cover-article{position:relative;z-index:2;background:var(--black);padding:60px 48px;}
.digital-cover-article-inner{max-width:820px;margin:0 auto;}
.cover-article-intro{font-family:var(--font-display);font-size:clamp(20px, 2.5vw, 30px);font-weight:400;line-height:1.4;color:var(--white-70);margin-bottom:32px;}
.radar-single-hero{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:var(--black-2);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;position:relative;}
.radar-single-image{position:relative;overflow:hidden;}
.radar-single-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:transform 0.6s ease;}
.radar-single-overlay{position:absolute;inset:0;background:linear-gradient(to right, transparent 40%, var(--black-2));}
.radar-single-info{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;}
.radar-single-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.radar-live-dot{width:8px;height:8px;background:var(--red);border-radius:50%;animation:blink 1.5s infinite;}
.radar-eyebrow-text{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.15em;text-transform:uppercase;color:var(--red);}
.radar-single-title{font-family:var(--font-display);font-size:clamp(36px, 5vw, 64px);font-weight:900;line-height:1.0;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:8px;}
.radar-single-genre{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--gray);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:24px;}
.radar-single-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.radar-single-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;padding:5px 12px;background:var(--red-glow);border:1px solid rgba(236,18,18,0.3);color:var(--red);border-radius:2px;}
.related-posts{margin-top:48px;padding-top:32px;border-top:var(--border);}
.archive-hero{padding:48px 0 32px;border-bottom:var(--border);margin-bottom:32px;}
.archive-category-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:#fff;padding:4px 10px;border-radius:var(--radius);margin-bottom:14px;}
.archive-title{font-family:var(--font-display);font-size:clamp(40px, 6vw, 80px);font-weight:900;text-transform:uppercase;line-height:1.0;margin-bottom:10px;}
.archive-desc{font-size:14px;color:var(--gray);max-width:560px;}
.hwing-meta-box{background:var(--black-2);border:var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;}
.hwing-meta-box h3{font-family:var(--font-mono);font-size:11px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray);margin-bottom:16px;padding-bottom:10px;border-bottom:var(--border);}
@media(max-width:1100px){
.content-grid{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
.hero-section{grid-template-columns:1fr;}
.hero-stack{display:none;}
}
@media(max-width:768px){
.topbar-links{display:none;}
.main-nav{display:none;}
.menu-toggle{display:flex;}
.hero-main{min-height:300px;}
.posts-grid{grid-template-columns:1fr;}
.posts-grid.three-col, .posts-grid.four-col{grid-template-columns:repeat(2, 1fr);}
.music-hero{grid-template-columns:1fr;}
.music-artwork{height:240px;}
.album-hero-content{grid-template-columns:1fr;padding:28px;}
.album-cover{width:200px;margin:0 auto;}
.digital-cover-content{padding:28px;}
.digital-cover-logo-bar{padding:16px 24px;}
.cover-main-title{font-size:48px;}
.radar-single-hero{grid-template-columns:1fr;}
.radar-single-image{height:260px;}
.footer-grid{grid-template-columns:1fr;}
.video-meta-bar-inner{flex-direction:column;}
}
@media(max-width:480px){
.posts-grid.three-col, .posts-grid.four-col{grid-template-columns:1fr;}
}
</style> .widget{margin-bottom:20px;}
.widget-title{font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray);margin-bottom:14px;padding-bottom:10px;border-bottom:var(--border);}
.widget ul{list-style:none;}
.widget ul li{padding:8px 0;border-bottom:1px solid var(--black-3);font-size:13px;color:var(--gray);}
.widget ul li a{color:var(--gray);transition:color var(--transition);}
.widget ul li a:hover{color:var(--white);}
.widget_search .search-form{display:flex;gap:6px;}
.widget_search input[type="search"]{flex:1;background:var(--black-3);border:var(--border);color:var(--white);padding:8px 10px;border-radius:var(--radius);font-size:13px;font-family:var(--font-body);}
.widget_search button{background:var(--red);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;}
.page-numbers{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap;justify-content:center;}
.page-numbers li a, .page-numbers li span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;font-family:var(--font-mono);font-size:11px;font-weight:bold;letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--black-4);border-radius:var(--radius);color:var(--gray);transition:all var(--transition);}
.page-numbers li a:hover{border-color:var(--red);color:var(--red);}
.page-numbers li .current{background:var(--red);border-color:var(--red);color:#fff;}
.hwing-view-all{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:bold;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);border:1px solid var(--black-5);padding:13px 32px;border-radius:var(--radius);transition:all var(--transition);}
.hwing-view-all:hover { border-color:var(--red); color:var(--red); }