:root{--color-bg: #0a0a0a;--color-step-50: #0f0f0f;--color-step-100: #1a1a1a;--color-step-200: #333333;--color-primary: #8a0000;--color-primary-dark: #cc0000;--color-accent: #c5a059;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--font-header: "Cinzel Decorative", serif;--font-body: "Lato", sans-serif;--section-spacing: 6rem;--container-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);color:var(--color-accent);margin-bottom:1rem;letter-spacing:.05em;font-weight:700}a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary)}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section{padding:var(--section-spacing) 0;animation:fadeIn 1s ease-out forwards}.text-center{text-align:center}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-step-200);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes flicker{0%{opacity:0}10%{opacity:.5}20%{opacity:0}40%{opacity:1}50%{opacity:.2}70%{opacity:1}80%{opacity:.5}to{opacity:1}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 20% 0);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px,2px)}40%{clip-path:inset(30% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(15% 0 80% 0);transform:translate(-1px,1px)}80%{clip-path:inset(55% 0 10% 0);transform:translate(1px,-1px)}to{clip-path:inset(40% 0 30% 0);transform:translate(-2px,1px)}}.hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:0 20px}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1514525253440-b39345208668?q=80&w=2670&auto=format&fit=crop);background-size:cover;background-position:center;z-index:-1;animation:kenBurns 20s ease-out infinite alternate}.glitch-container{position:relative;width:100%;max-width:600px;height:auto;margin-bottom:2rem;display:flex;justify-content:center}.hero-logo{position:relative;width:100%;filter:drop-shadow(0 0 20px rgba(138,0,0,.5));z-index:2}.hero-logo.glitch-layer{position:absolute;top:0;left:0;opacity:0;mix-blend-mode:screen;pointer-events:none}.glitch-container:hover .glitch-layer.red{opacity:.8;animation:glitch-anim-1 .3s infinite linear alternate-reverse;filter:drop-shadow(2px 0 0 red)}.glitch-container:hover .glitch-layer.blue{opacity:.8;animation:glitch-anim-2 .3s infinite linear alternate-reverse;filter:drop-shadow(-2px 0 0 cyan)}.hero-tagline{font-size:clamp(1.2rem,2vw,1.8rem);color:var(--color-accent);text-transform:uppercase;letter-spacing:.3em;max-width:800px;opacity:0;animation:flicker 2s ease-out 1s forwards;z-index:2}.navbar{position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease;padding:1.5rem 0}.navbar.scrolled{background:#0a0a0af2;border-bottom:1px solid var(--color-step-200);padding:1rem 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nav-brand{font-size:1.5rem;font-family:var(--font-header);font-weight:700;color:var(--color-primary)}.nav-links{display:flex;gap:2rem}.nav-link{text-transform:uppercase;font-size:.9rem;letter-spacing:.1em;color:var(--color-text);position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--color-primary)!important}.bio-title{font-size:3rem;margin-bottom:3rem;text-align:center}.bio-content{max-width:800px;margin:0 auto;font-size:1.1rem;color:var(--color-text-muted)}.bio-strong{color:var(--color-primary);font-weight:700}.members-section{background:var(--color-step-50)}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-content:center}.member-card{background:var(--color-step-100);padding:2.5rem 2rem;border-radius:4px;border:1px solid var(--color-step-200);text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:default;position:relative;overflow:hidden}.member-card:hover{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 10px 30px #00000080}.member-img-container{width:160px;height:160px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:2px solid var(--color-accent);transition:border-color .3s ease}.member-card:hover .member-img-container{border-color:var(--color-primary)}.member-img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(100%) brightness(.9);transition:filter .5s ease}.member-card:hover .member-img{filter:grayscale(0%) brightness(1)}.member-name{font-size:1.5rem;margin-bottom:.5rem}.member-role{color:var(--color-primary);font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.member-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.music-title{font-size:3rem;margin-bottom:3rem}.release-list{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.release-card{background:var(--color-step-100);padding:2rem;border:1px solid var(--color-step-200);display:flex;align-items:center;gap:2rem;text-align:left;transition:transform .3s ease}.release-card:hover{border-color:var(--color-accent)}.release-img{width:150px;height:150px;object-fit:cover;border:1px solid var(--color-step-200);box-shadow:0 5px 15px #0000004d}.release-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:.75rem 2rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-weight:700;transition:all .3s ease;margin-top:1rem}.release-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 0 15px #8a000066}.footer{padding:3rem 0;text-align:center;border-top:1px solid var(--color-step-200);color:#555;font-size:.8rem;margin-top:4rem}@media(max-width:768px){.hero-logo{max-width:90%}.release-card{flex-direction:column;text-align:center}.bio-title,.music-title{font-size:2.5rem}}.newsletter-section{background:linear-gradient(to bottom,var(--color-bg),var(--color-step-50));border-top:1px solid var(--color-step-200)}.newsletter-title{font-size:2.5rem;margin-bottom:1rem;color:var(--color-primary)}.newsletter-desc{color:var(--color-text-muted);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.newsletter-input{background:transparent;border:1px solid var(--color-step-200);color:var(--color-text);padding:1rem 1.5rem;font-family:var(--font-body);font-size:1rem;min-width:300px;text-transform:uppercase;letter-spacing:.1em;transition:border-color .3s ease}.newsletter-input:focus{outline:none;border-color:var(--color-primary)}.newsletter-btn{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;font-family:var(--font-header);font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.1em}.newsletter-btn:hover{background:var(--color-primary-dark);box-shadow:0 0 20px #8a000066;transform:translateY(-2px)}.social-sidebar{position:fixed;left:40px;bottom:0;width:24px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:100;mix-blend-mode:difference;animation:fadeIn 2s ease-out 1s forwards;opacity:0}.social-line{width:1px;height:100px;background-color:var(--color-text-muted)}.social-link{color:var(--color-text-muted);font-size:.9rem;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em;transition:all .3s ease}.social-link:hover{color:var(--color-primary);transform:translateY(-5px);text-shadow:0 0 10px rgba(138,0,0,.8)}@media(max-width:768px){.newsletter-input{width:100%;min-width:auto}.newsletter-form{flex-direction:column}.social-sidebar{display:none}}.contact-section{background:var(--color-step-50);position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-info h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:.5rem}.contact-email{font-size:1.2rem;color:var(--color-text);border-bottom:1px solid var(--color-accent);padding-bottom:2px;display:inline-block;margin-bottom:5px}.contact-email:hover{color:var(--color-accent)}.contact-form .form-group{margin-bottom:1.5rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--color-step-100);border:1px solid var(--color-step-200);color:var(--color-text);padding:1rem;font-family:var(--font-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none}.divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:4rem auto;width:80%;opacity:.5}h1,h2,h3{text-transform:uppercase;letter-spacing:.1em}p{font-weight:300;letter-spacing:.02em}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}
