:root{--bg-color:#050608;--text-primary:#d1d5db;--text-muted:#9ca3af;--accent-red:#8a0303;--accent-lava:#f30;--accent-eldritch:#39ff14;--border-dark:#1f2228;--bg-card:#0f1115cc;--font-heading:"Oswald", sans-serif;--font-body:"Share Tech Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle,#11141a 0%,#050608 100%);min-height:100vh;overflow-x:hidden}.crt-overlay{pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:" ";z-index:9998;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}#app{z-index:10;width:100%;position:relative}.gothic-nav{border-bottom:2px solid var(--border-dark);justify-content:space-between;align-items:center;padding:1rem 0 3rem;display:flex;position:relative}.gothic-nav:after{content:"";background:var(--accent-red);width:100px;height:2px;box-shadow:0 0 10px var(--accent-red);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-brand{font-family:var(--font-heading);letter-spacing:4px;color:var(--accent-red);text-shadow:0 0 10px #8a0303cc;cursor:pointer;font-size:2.5rem;font-weight:700;transition:all .3s}.nav-brand:hover{color:var(--accent-lava);text-shadow:0 0 20px var(--accent-lava)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);text-transform:uppercase;padding:.5rem;font-size:1.1rem;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent-eldritch);text-shadow:0 0 8px var(--accent-eldritch)}.hero-section{text-align:center;padding:6rem 0}.lovecraft-title{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:5rem;line-height:1;display:inline-block;position:relative}.lovecraft-title:before,.lovecraft-title:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.lovecraft-title:before{text-shadow:-2px 0 var(--accent-red);animation:2s linear infinite alternate-reverse glitch-anim-1;left:2px}.lovecraft-title:after{text-shadow:-2px 0 var(--accent-eldritch);animation:3s linear infinite alternate-reverse glitch-anim-2;left:-2px}.hacker-text{color:var(--text-muted);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.quake-btn{color:#fff;font-family:var(--font-heading);border:2px solid var(--accent-red);cursor:pointer;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(5% 0%,100% 0,100% 70%,95% 100%,0 100%,0 30%);background:#8a03031a;padding:1rem 3rem;font-size:1.5rem;transition:all .2s;position:relative}.quake-btn:hover{background-color:var(--accent-red);box-shadow:0 0 20px var(--accent-red);transform:scale(1.05)}.quake-btn.small{padding:.5rem 1.5rem;font-size:1rem}.quake-btn.playing-state{background-color:var(--accent-red);box-shadow:0 0 20px var(--accent-red);color:#fff}.bento-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-dark);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);padding:2rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative}.reveal-on-scroll{opacity:0;visibility:hidden;will-change:transform, opacity}.bento-card:hover{border-color:#444;transform:translateY(-5px)}.featured-card{grid-column:span 2}.bento-card h2{font-family:var(--font-heading);color:#fff;border-bottom:1px dashed var(--border-dark);margin-bottom:1rem;padding-bottom:.5rem;font-size:2rem}.bento-card p{margin-bottom:1.5rem;line-height:1.6}.green-glow:hover{border-color:var(--accent-eldritch);box-shadow:inset 0 0 20px #39ff141a}.green-glow:hover h2{color:var(--accent-eldritch)}.red-glow:hover{border-color:var(--accent-red);box-shadow:inset 0 0 20px #8a030333}.red-glow:hover h2{color:var(--accent-lava)}.tour-list{list-style:none}.tour-list li{border-bottom:1px solid var(--border-dark);justify-content:space-between;padding:.8rem 0;display:flex}.tour-list li span{color:var(--accent-red);font-weight:700}@keyframes glitch-anim-1{0%{clip:rect(20px, 9999px, 85px, 0)}20%{clip:rect(92px, 9999px, 6px, 0)}40%{clip:rect(43px, 9999px, 14px, 0)}60%{clip:rect(8px, 9999px, 2px, 0)}80%{clip:rect(61px, 9999px, 68px, 0)}to{clip:rect(15px, 9999px, 49px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(10px, 9999px, 35px, 0)}20%{clip:rect(82px, 9999px, 16px, 0)}40%{clip:rect(33px, 9999px, 24px, 0)}60%{clip:rect(18px, 9999px, 12px, 0)}80%{clip:rect(51px, 9999px, 78px, 0)}to{clip:rect(25px, 9999px, 59px, 0)}}.mobile-menu-btn{cursor:pointer;z-index:10001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:none}.mobile-menu-btn span{background:var(--accent-red);width:100%;height:2px;box-shadow:0 0 5px var(--accent-red);transition:all .3s;display:block}.mobile-nav-modal{z-index:10000;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#050608e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.mobile-nav-modal.open{opacity:1;pointer-events:auto}.mobile-bento-card{text-align:center;width:90%;max-width:400px;transition:transform .3s;transform:translateY(20px)}.mobile-nav-modal.open .mobile-bento-card{transform:translateY(0)}.modal-close-btn{color:var(--text-muted);cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;transition:color .2s;position:absolute;top:10px;right:15px}.modal-close-btn:hover{color:var(--accent-red)}.mobile-links{flex-direction:column;align-items:center;gap:1.5rem}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.featured-card{grid-column:span 1}.lovecraft-title{font-size:3rem}.desktop-links{display:none!important}.mobile-menu-btn{display:flex!important}}.fixed-nav{z-index:100;background:linear-gradient(#000000e6 0%,#0006 70%,#0000);border-bottom:none;width:100%;padding:1rem 2rem;position:fixed;top:0;left:0}.fixed-nav:after{display:none}.scrolly-track{width:100%;height:500vh;position:relative}.sticky-section{pointer-events:none;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.sticky-section .hero-content{pointer-events:auto}.hero-section{padding:0}.content-section{z-index:10;border-bottom:2px solid var(--border-dark);justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.global-parallax{z-index:0;background-image:radial-gradient(circle,#1a1e24 0%,#050608 100%);width:100%;height:100vh;position:fixed;top:0;left:0}.section-bg{z-index:-2;opacity:.25;mix-blend-mode:luminosity;filter:blur(2px)grayscale(50%);background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;inset:0}.bg-concerts{background-color:#500}.bg-gallery{background-color:#041}.bg-discography{background-color:#123}.placeholder-sec{min-height:50vh}.brutalist-player{z-index:1000;background:var(--bg-card);border:1px solid var(--border-dark);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);-webkit-backdrop-filter:blur(5px);padding:1rem 1.5rem;transition:all .3s;position:fixed;bottom:2rem;right:2rem}.brutalist-player:hover{border-color:var(--accent-red);transform:translateY(-3px);box-shadow:inset 0 0 15px #8a030333,0 0 20px #8a030366}.brutalist-player.playing{border-color:var(--accent-red);box-shadow:inset 0 0 15px #8a030366,0 0 20px #8a030399}.player-inner{align-items:center;gap:1.5rem;display:flex}.player-btn{color:var(--text-primary);border:1px solid var(--border-dark);cursor:pointer;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);background:0 0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex}.brutalist-player.playing .player-btn{color:var(--accent-lava);border-color:var(--accent-lava)}.player-btn:hover{color:#fff;border-color:var(--accent-red);background:#8a030333}.player-info{flex-direction:column;min-width:150px;display:flex}.track-label{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.2em;margin-bottom:2px;font-size:.7rem}.brutalist-player.playing .track-label{color:var(--accent-lava);animation:2s infinite pulse-text}.track-name{font-family:var(--font-heading);color:#fff;white-space:nowrap;margin-bottom:8px;font-size:1.1rem}.player-progress-track{background:#ffffff1a;width:100%;height:3px;position:relative;overflow:hidden}.player-progress-fill{background:var(--accent-red);width:0%;height:100%;box-shadow:0 0 10px var(--accent-red);transition:width .1s linear;position:absolute;top:0;left:0}@keyframes pulse-text{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (width<=768px){.brutalist-player{padding:.8rem 1rem;bottom:1rem;left:1rem;right:1rem}.player-info{flex:1;min-width:0}.desktop-only{display:none!important}}.nav-social-icons{align-items:center;gap:1.2rem;display:flex}.nav-social-icons a{color:var(--text-muted);justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.nav-social-icons a svg{filter:drop-shadow(0 0 5px #ffffff0d);width:100%;height:100%}.nav-social-icons a:hover{color:var(--text-primary);transform:scale(1.1)}.nav-social-icons a:hover svg{filter:drop-shadow(0 0 10px #ffffff4d)}.mobile-socials{justify-content:center;gap:2rem;margin-top:2rem}.mobile-socials a{width:28px;height:28px}