: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:fadeInUp 1s ease}.banner-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s ease .3s both}.cta-button{display:inline-block;padding:15px 30px;background:var(--color-primary);color:#000;text-decoration:none;border-radius:50px;font-weight:700;transition:transform var(--transition-standard),box-shadow var(--transition-standard);animation:fadeInUp 1s ease .6s both}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.3);background:var(--color-secondary)}section{padding:100px 0;max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}h2{font-size:3rem;text-align:center;margin-bottom:3rem;color:var(--color-primary);font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}h4{font-family:var(--font-display);font-weight:400}.about-content{display:block;text-align:center}.about-content,.constrained-content,.contact-content,.contact-intro,.equipment-content,.members-grid{max-width:800px;margin-left:auto;margin-right:auto}.band-photo{display:block;width:100%;margin:2rem auto;border-radius:15px;overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-standard),border-color var(--transition-standard);cursor:pointer;background:var(--color-darker)}.band-photo img{width:100%;height:auto;object-fit:cover;border-radius:15px}.text-content p{font-size:1.3rem;line-height:1.8;margin-bottom:1.5rem;color:var(--color-secondary);width:100%;margin:0 auto 1.5rem;text-align:center}.members-section{margin-top:4rem;text-align:center}.members-section h3{font-size:2.2rem;color:var(--color-primary);margin-bottom:2rem}.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;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)}.member-item:hover{transform:translateY(-2px);background:#222}.member-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 1rem auto;border:3px solid var(--color-border);transition:border-color var(--transition-standard);cursor:pointer;position:relative;background:var(--color-darker)}.member-item:hover .member-photo{border-color:var(--color-accent)}.member-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--transition-standard)}.member-img:hover{transform:scale(1.1)}.member-info h4{font-size:1.3rem;color:var(--color-primary);margin-bottom:.5rem;font-weight:700}.member-info p{font-size:1rem;color:var(--color-secondary);margin:0;opacity:.9}.member-photo::before{content:'Photo';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:.9rem;text-align:center;z-index:1;opacity:0;transition:opacity var(--transition-standard)}.member-photo:has(.member-img:not([src])):before,.member-photo:has(.member-img[src='']):before{opacity:1}.videos-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.videos-grid{grid-template-columns:1fr}}.video-group{width:100%}.video-group h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.3rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.photo-group h3 .event-date,.video-group h3 .event-date{display:block}.photo-group h3 .event-name,.video-group h3 .event-name{display:block}.video-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;width:100%}.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}.videos-item{background:var(--color-dark);border-radius:15px;padding:.75rem .75rem .75rem .75rem;border:1px solid var(--color-border);transition:transform var(--transition-standard)}.videos-item:hover{transform:translateY(-2px);background:#222}.videos-item h3{color:var(--color-primary);margin-bottom:.5rem}.videos-item p{color:#7e7e7e;margin-bottom:.5rem;font-size:.9rem}.video-info{padding:.75rem 0 0 0;text-align:center}.video-description{color:var(--color-primary);font-size:.95rem;font-weight:700;margin-bottom:.5rem;line-height:1.4}.video-title{color:var(--color-primary);font-size:.9rem;margin-bottom:.25rem;line-height:1.3}.video-date{color:var(--color-secondary);font-size:.85rem}.video-container{width:100%;height:280px;border-radius:10px;overflow:hidden;margin-bottom:0;border:1px solid var(--color-border);transition:all var(--transition-standard);position:relative}.video-container:hover{border-color:var(--color-accent);transform:scale(1.02)}.video-container iframe{width:100%;height:100%;border:none;border-radius:8px}.video-description-overlay{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;padding:.5rem 1rem;font-size:.85rem;font-style:italic;backdrop-filter:none;border-radius:6px;max-width:90%;text-align:center;pointer-events:none;opacity:1}.playlist-player{width:100%;background:#121212;border-radius:10px;margin-bottom:1rem;border:1px solid #444;overflow:hidden}.track-list{max-height:360px;overflow-y:auto}.track-list-intro{color:#b3b3b3}.track-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-standard);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{color:#b3b3b3;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;font-weight:700}.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}#photos-container{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){#photos-container{grid-template-columns:1fr}}.photo-group{width:100%}.photo-group h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.3rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.photo-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;width:100%}.photos-item{background:var(--color-dark);border-radius:15px;padding:.75rem .75rem .75rem .75rem;border:1px solid var(--color-border);transition:transform var(--transition-standard);cursor:pointer}.photos-item:hover{transform:translateY(-2px);background:#222}.photo-thumbnail{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;aspect-ratio:4/3;transition:transform var(--transition-standard)}.photo-thumbnail:hover{transform:scale(1.05)}.photo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.photo-container::before{content:'Photo Coming Soon';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:1rem;text-align:center;z-index:1;opacity:0;transition:opacity var(--transition-standard)}.photo-container:has(.band-photo-img:not([src])):before,.photo-container:has(.band-photo-img[src='']):before{opacity:1}.photo-info{padding:.75rem 0 0 0;text-align:center}.photo-caption{color:var(--color-primary);font-size:.9rem;line-height:1.3}.photo-title{color:var(--color-primary);font-size:.95rem;font-weight:700;margin-bottom:.5rem;line-height:1.4}.photo-date{color:var(--color-secondary);font-size:.85rem}.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:fadeIn .3s ease}.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:zoomIn .3s ease;transition:opacity .2s ease-in-out}.lightbox-close{position:absolute;top:20px;right:35px;color:var(--color-primary);font-size:40px;font-weight:700;cursor:pointer;z-index:10000;transition:color 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%);color:var(--color-primary);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%}.video-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;aspect-ratio:16/9;animation:zoomIn .3s ease}.video-modal-content iframe{width:100%;height:100%;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.8)}.video-thumbnail{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;aspect-ratio:4/3;transition:transform var(--transition-standard)}.video-thumbnail:hover{transform:scale(1.05)}.video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;transition:all var(--transition-standard);pointer-events:none}.video-thumbnail:hover .play-button{background:var(--color-primary);color:#000;transform:translate(-50%,-50%) scale(1.1)}.videos-item{cursor:pointer}@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:1.5rem;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;transition:transform var(--transition-standard);min-height:120px}.gig-item:hover{transform:translateX(2px);background:#222}.gig-date{font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center;min-width:100px}.gig-details h4{font-size:1.6rem;color:var(--color-primary);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;text-decoration:none;font-weight:700;transition:transform var(--transition-standard)}.gig-ticket:hover{transform:scale(1.05);background:var(--color-secondary)}#upcoming-gigs-container h3{margin-top:3rem;margin-bottom:2rem;font-size:2.2rem;color:var(--color-primary);text-align:center}#upcoming-gigs-container h3:first-child{margin-top:0}.upcoming-gigs-year-container{margin-bottom:2rem}.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;font-size:2.2rem;color:var(--color-primary);text-align:center}.gig-item.past-gig{opacity:.7;transition:opacity .3s ease}.gig-item.past-gig:hover{opacity:1}.gig-item.past-gig .gig-details h4{color:#ccc}.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:10px 20px 10px 20px;background:rgba(255,255,255,.1);border-radius:25px;white-space:nowrap}.gig-status .gig-ticket{background:0 0;color:#888;font-size:.9rem;font-style:italic;font-weight:400;padding:0;border-radius:0;text-decoration:none}.gig-status .gig-ticket:hover{transform:none;background:0 0;color:#aaa}.gig-item.compact{padding:1rem 2rem .5rem 2rem;min-height:auto;margin-bottom:.75rem}.gig-item.compact .gig-details{flex:1;text-align:center;padding:0 1rem}.contact-intro{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.contact-content{max-width:800px;margin:0 auto}.equipment-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);font-weight:700}.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)}.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;font-weight:700;cursor:pointer;transition:transform var(--transition-standard);display:block;margin:0 auto}.submit-btn:hover{transform:translateY(-2px);background:var(--color-secondary)}.social-media{text-align:center;margin:3rem 0;padding:2rem;background:var(--color-dark);border-radius:20px;border:1px solid var(--color-border);max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:0}.social-media h3{color:var(--color-primary);font-size:2.2rem;margin-bottom:2rem;font-weight:700}.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:1px solid var(--color-border);border-radius:50px;color:var(--color-primary);text-decoration:none;font-weight:700;font-size:.9rem;transition:all var(--transition-standard);min-width:120px;justify-content:center}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.1)}.social-link svg{width:20px;height:20px;transition:transform var(--transition-standard)}.social-link:hover svg{transform:scale(1.1)}.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){h2{font-size:2rem;margin-bottom:2rem}.members-section h3{font-size:1.5rem;margin-bottom:1.5rem}.social-media h3{font-size:1.5rem}.full-width-playlist h3{font-size:1.5rem}.gig-details h4{font-size:1.25rem}.photo-group h3,.video-group h3{font-size:1.5rem;margin-bottom:1.5rem}#upcoming-gigs-container h3,.past-gigs-section h3{font-size:1.25rem;margin-bottom:1.5rem}.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:.5rem;padding:.5rem;min-height:auto;margin-bottom:1rem}.gig-item.past-gig{flex-direction:row;justify-content:space-between;align-items:center;padding:.25rem;margin-bottom:.5rem;gap:.5rem}.gig-item.past-gig .gig-status{font-size:.7rem;padding:8px 8px;margin:0;flex-shrink:0}.gig-item.past-gig .gig-date{font-size:.8rem!important}.gig-item.past-gig .gig-details h4{font-size:1rem;margin-bottom:0}.gig-item.past-gig .gig-details p{font-size:.8rem;margin-bottom:.1rem}.gig-date{font-size:.95rem!important;font-weight:700;min-width:auto;display:block;text-align:center}.gig-date div{display:inline}.gig-date div:after{content:' '}.gig-details h4{font-size:1.1rem;text-align:center;margin-bottom:.25rem}.gig-details p{font-size:.95rem;text-align:center;margin-bottom:.25rem}.gig-ticket{padding:8px 15px;font-size:.9rem;align-self:center}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}.video-group-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-group-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-caption{font-size:1rem;margin-bottom:.5rem}.photo-title{font-size:1rem;margin-bottom:.35rem}.photo-date{font-size:.95rem}.photo-info{padding:1rem .5rem 0 .5rem}.photos-item{padding:1rem;min-height:200px}.photo-thumbnail{min-height:150px}.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:0}}@media (max-width:480px){.members-grid{grid-template-columns:1fr;gap:1rem}}footer{width:100%;background:0 0;padding:0;text-align:center;font-size:.5rem;color:rgba(128,128,128,.4);margin-top:0}.admin-login a{color:rgba(128,128,128,.6);text-decoration:none;transition:color var(--transition-standard)}.admin-login a:hover{color:rgba(128,128,128,.8);text-decoration:underline}.font-attribution{width:100%;background:0 0;padding:0;text-align:center;font-size:.5rem;color:rgba(128,128,128,.4);margin-top:.5rem}.font-attribution a{color:rgba(128,128,128,.6);text-decoration:none;transition:color var(--transition-standard)}.font-attribution a:hover{color:rgba(128,128,128,.8);text-decoration:underline}.empty-message{text-align:center;color:var(--color-secondary);font-style:italic}::-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}