h2,h3,h4{font-family:var(--font-display);font-weight:400}.band-photo,.member-photo{cursor:pointer;overflow:hidden}.member-info h4,.members-section h3,h2{color:var(--color-primary)}.member-photo::before,.photo-container::before{position:absolute;top:50%;left:50%;z-index:1;transition:opacity var(--transition-standard)}.cta-button,.form-group label,.gig-date,.gig-ticket,.lightbox-close,.member-info h4,.now-playing,.social-link,.social-media h3,.submit-btn{font-weight:700}.cta-button,.font-attribution a,.gig-ticket,.social-link{text-decoration:none}:root{--font-display:'Aloja Extended','Impact','Franklin Gothic Bold','Arial Black',Arial,sans-serif;--font-body:Arial,'Helvetica Neue',Helvetica,sans-serif;--color-primary:#ffffff;--color-secondary:#cccccc;--color-accent:#4ecdc4;--color-dark:#111111;--color-darker:#1a1a1a;--color-border:#333333;--transition-standard:0.3s ease}.banner-content h1{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:1s fadeInUp}.banner-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.9;animation:1s .3s both fadeInUp}.cta-button{display:inline-block;padding:15px 30px;background:var(--color-primary);color:#000;border-radius:50px;transition:transform var(--transition-standard),box-shadow var(--transition-standard);animation:1s .6s both fadeInUp}.about-content,.band-photo{display:block;max-width:800px}.track-list-intro,.track-name{color:#b3b3b3}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,255,255,.3);background:var(--color-secondary)}section{padding:100px 2rem;max-width:1200px;margin:0 auto}h2{font-size:3rem;text-align:center;margin-bottom:3rem;letter-spacing:-.02em}h3{letter-spacing:-.01em}.about-content{text-align:center;margin:0 auto}.band-photo{width:100%;margin:2rem auto;border-radius:15px;border:2px solid var(--color-border);transition:transform var(--transition-standard),border-color var(--transition-standard);background:var(--color-darker)}.band-photo img{width:100%;height:auto;object-fit:cover;border-radius:15px}.band-info p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;opacity:.9}.members-section{margin-top:4rem;text-align:center}.members-section h3{font-size:2.5rem;margin-bottom:2rem}.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:800px;margin:0 auto}.member-item{background:var(--color-dark);border-radius:15px;padding:1.5rem;border:1px solid var(--color-border);transition:transform var(--transition-standard),background var(--transition-standard)}.media-item:hover,.member-item:hover{transform:translateY(-5px);background:#222}.member-photo{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--color-border);transition:border-color var(--transition-standard);position:relative;background:var(--color-darker)}.media-item,.member-img{transition:transform var(--transition-standard)}.member-item:hover .member-photo,.video-container:hover{border-color:var(--color-accent)}.member-img{width:100%;height:100%;object-fit:cover;object-position:center top}.band-photo-img:hover,.member-img:hover,.social-link:hover svg{transform:scale(1.1)}.member-info h4{font-size:1.3rem;margin-bottom:.5rem}.member-info p{font-size:1rem;color:var(--color-secondary);margin:0;opacity:.9}.member-photo::before{content:'Photo';transform:translate(-50%,-50%);color:#666;font-size:.9rem;text-align:center;opacity:0}.member-photo:has(.member-img:not([src])):before,.member-photo:has(.member-img[src=""]):before{opacity:1}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.full-width-playlist{margin-top:3rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.full-width-playlist h3{color:var(--color-primary);margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.full-width-playlist p{text-align:center;color:var(--color-secondary);margin-top:1rem;font-size:1.1rem;line-height:1.6}.media-item{background:var(--color-dark);border-radius:15px;padding:1.5rem;border:1px solid var(--color-border)}.media-item h3{color:var(--color-primary);margin-bottom:1rem}.media-item p{color:#7e7e7e;margin-bottom:1rem;font-size:.9rem}.video-container{width:100%;height:280px;border-radius:10px;overflow:hidden;margin-bottom:1rem;border:2px solid var(--color-border);transition:border-color var(--transition-standard)}.photo-container,.track-item{transition:all var(--transition-standard);cursor:pointer}.video-container iframe{width:100%;height:100%;border:none;border-radius:8px}.photo-container,.playlist-player{border-radius:10px;margin-bottom:1rem;width:100%}.playlist-player{background:#121212;border:1px solid #444;overflow:hidden}.track-list{max-height:360px;overflow-y:auto}.track-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #282828}.track-item:last-child{padding-bottom:.75rem}.track-item:hover{background:#2a2a2a}.track-item.active{background:#444;color:var(--color-primary)}.track-item.active .track-name{font-weight:700;color:var(--color-primary)}.track-item.active .track-duration{color:var(--color-secondary)}.track-name{font-size:.8rem;text-align:left}.track-duration{color:#777;font-size:.8rem;font-family:monospace;text-align:right}.player-controls{padding:1rem;border-top:1px solid #444;background:#181818}.now-playing{color:var(--color-secondary);font-size:.85rem;margin-bottom:1rem;margin-top:.5rem}.gig-date,.gig-details h3,.lightbox-caption,.lightbox-close{color:var(--color-primary)}.playlist-player audio{width:100%;background:0 0;outline:0}.playlist-player audio::-webkit-media-controls-panel{background-color:#282828;border-radius:8px}.playlist-player audio::-webkit-media-controls-pause-button,.playlist-player audio::-webkit-media-controls-play-button{background-color:#666;border-radius:50%}.playlist-player audio::-webkit-media-controls-timeline,.playlist-player audio::-webkit-media-controls-volume-slider{background-color:var(--color-darker);border-radius:2px;margin-left:1rem}.playlist-player audio::-webkit-media-controls-current-time-display,.playlist-player audio::-webkit-media-controls-time-remaining-display{color:#b3b3b3}.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-track{background:#121212}.track-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.track-list::-webkit-scrollbar-thumb:hover{background:#555}.photo-container{height:200px;overflow:hidden;border:2px solid var(--color-border);position:relative}.photo-container:hover{border-color:var(--color-accent);transform:scale(1.02)}.band-photo-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-standard);background:var(--color-darker)}.photo-container::before{content:'Photo Coming Soon';transform:translate(-50%,-50%);color:#666;font-size:1rem;text-align:center;opacity:0}.photo-container:has(.band-photo-img:not([src])):before,.photo-container:has(.band-photo-img[src=""]):before{opacity:1}.lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px);animation:.3s fadeIn}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.8);animation:.3s zoomIn}.lightbox-close{position:absolute;top:20px;right:35px;font-size:40px;cursor:pointer;z-index:10000;transition:color var(--transition-standard)}.gig-item,.gig-ticket{transition:transform var(--transition-standard)}.lightbox-close:focus,.lightbox-close:hover{color:var(--color-secondary);text-decoration:none}.lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;background:rgba(0,0,0,.7);padding:10px 20px;border-radius:5px;font-size:1.1rem;backdrop-filter:blur(10px);max-width:80%}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.gig-item{background:var(--color-dark);border-radius:15px;padding:2rem;margin-bottom:2rem;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;min-height:120px}.gig-item:hover{transform:translateX(10px);background:#222}.gig-date{font-size:2rem;text-align:center;min-width:100px}.gig-details h3{font-size:1.5rem;text-align:center;margin-bottom:.5rem}.gig-details p{font-size:1.3rem;color:var(--color-secondary);text-align:center}.gig-ticket{background:var(--color-primary);color:#000;padding:10px 20px;border-radius:25px}.gig-ticket:hover{transform:scale(1.05);background:var(--color-secondary)}.past-gigs-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.past-gigs-section h3{margin-bottom:2rem;color:#ccc}.contact-intro p,.equipment-content p{font-size:1.1rem;color:var(--color-secondary);margin-left:auto;margin-right:auto}.gig-item.past-gig{opacity:.7;transition:opacity .3s}.gig-item.past-gig:hover{opacity:1}.gig-item.past-gig .gig-date{font-size:1.5rem;color:#ccc}.gig-item.past-gig .gig-details h4{color:#ccc}.gig-status{color:#888;font-size:.9rem;font-style:italic;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:4px;white-space:nowrap}.equipment-content p{line-height:1.8;margin-bottom:1.5rem;max-width:800px;text-align:center}.contact-intro{text-align:center;margin-bottom:3rem}.contact-intro p{line-height:1.6;margin-bottom:1rem;max-width:700px}.contact-content{max-width:800px;margin:0 auto}.contact-form{background:var(--color-dark);padding:2rem;border-radius:20px;border:1px solid var(--color-border);width:100%;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-primary)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-darker);color:var(--color-primary);font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-standard)}.social-link svg,.submit-btn{transition:transform var(--transition-standard)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#666}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.submit-btn{background:var(--color-primary);color:#000;padding:12px 30px;border:none;border-radius:25px;font-size:1rem;cursor:pointer}.submit-btn:hover{transform:translateY(-2px);background:var(--color-secondary)}.social-media{text-align:center;margin:3rem auto;padding:2rem;background:var(--color-dark);border-radius:20px;border:1px solid var(--color-border);max-width:800px}.social-media h3{color:var(--color-primary);font-size:2rem;margin-bottom:2rem}.social-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-darker);border:2px solid var(--color-border);border-radius:50px;color:var(--color-primary);font-size:.9rem;transition:all var(--transition-standard);min-width:120px;justify-content:center}.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,255,255,.1)}.social-link svg{width:20px;height:20px}.social-link.facebook:hover{background:#1877f2;border-color:#1877f2;color:var(--color-primary)}.social-link.instagram:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);border-color:#e1306c;color:var(--color-primary)}.social-link.youtube:hover{background:red;border-color:red;color:var(--color-primary)}.social-link.spotify:hover{background:#1db954;border-color:#1db954;color:var(--color-primary)}.social-link.email:hover{background:#666;border-color:#666;color:var(--color-primary)}@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.members-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.banner-content h1{font-size:2.5rem}.banner-content p{font-size:1.2rem}.gig-item{flex-direction:column;text-align:center;gap:1rem}section{padding:50px 1rem}.lightbox-content{max-width:95%;max-height:95%}.lightbox-close{top:10px;right:20px;font-size:30px}.lightbox-caption{bottom:10px;font-size:1rem;max-width:90%;padding:8px 15px}.video-container{height:220px}.social-links{flex-direction:column;align-items:center;gap:1rem}.social-link{min-width:180px;padding:1rem 1.5rem}.social-media{margin:2rem 1rem;padding:1.5rem}.social-media h3{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.members-grid{grid-template-columns:1fr;gap:1rem}}.font-attribution{width:100%;background:0 0;padding:2rem 1rem;text-align:center;font-size:.5rem;color:rgba(128,128,128,.4);margin-top:2rem}.font-attribution a{color:rgba(128,128,128,.6);transition:color var(--transition-standard)}.font-attribution a:hover{color:rgba(128,128,128,.8);text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-darker)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#666}