:root{--color-bg:#0a0a0a;--color-bg-alt:#141414;--color-bg-card:#1a1a1a;--color-text:#fff;--color-text-muted:#888;--color-accent:#f44;--color-accent-hover:#f66;--font-heading:"Oswald", sans-serif;--font-body:"Open Sans", sans-serif;--max-width:1200px;--header-height:70px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .3s}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0af2;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.site-header .container{justify-content:space-between;align-items:center;height:100%;display:flex}.site-logo{font-family:var(--font-heading);color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:700}.site-logo:hover{color:var(--color-accent)}.site-nav ul{gap:30px;list-style:none;display:flex}.site-nav a{color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;padding:5px 0;font-size:.9rem;position:relative}.site-nav a:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.site-nav a:hover:after,.site-nav a.active:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav-toggle span{background:var(--color-text);width:25px;height:2px;transition:all .3s;display:block}.hero{height:60vh;min-height:400px;margin-top:var(--header-height);background-color:#1a1a1a;background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;display:flex;position:relative}.hero-overlay{background:linear-gradient(#00000080,#0a0a0a);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;padding:20px;position:relative}.hero h1{margin-bottom:10px;font-size:clamp(2.5rem,8vw,5rem)}.hero .subtitle{color:var(--color-text-muted);font-size:1.2rem}.section{padding:80px 0}.section h2{text-align:center;margin-bottom:40px;font-size:2rem}.page-content{min-height:50vh;padding:60px 0}.btn{background:var(--color-accent);color:var(--color-text);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;padding:12px 30px;font-size:.9rem;transition:all .3s;display:inline-block}.btn:hover{background:var(--color-accent-hover);color:var(--color-text);transform:translateY(-2px)}.btn-small{padding:8px 20px;font-size:.8rem}.posts-grid{flex-direction:column;gap:30px;margin-bottom:30px;display:flex}.post-card{background:var(--color-bg-card);border-radius:8px;flex-direction:row;width:100%;min-height:200px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.post-card .post-image{flex-shrink:0;width:250px}.post-card .post-image img{object-fit:cover;height:100%}@media (max-width:600px){.post-card{flex-direction:column}.post-card .post-image{width:100%}}.past-event .post-image,.past-event .post-content{filter:grayscale(70%)brightness(.7);opacity:.6}.past-event-overlay{font-family:var(--font-heading);color:#ff323259;text-transform:uppercase;letter-spacing:.2em;pointer-events:none;z-index:11;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(-35deg)}.post-card:hover{transform:translateY(-5px)}.post-image img{object-fit:cover;width:100%;height:200px}.post-content{flex-direction:column;flex:1;padding:20px;display:flex}.post-content time{color:var(--color-text-muted);font-size:.85rem}.post-content h3{margin:10px 0;font-size:1.2rem}.post-content p{color:var(--color-text-muted);flex:1;margin-bottom:0;font-size:.95rem;overflow:hidden}.post-content h3 a{color:var(--color-text)}.post-content h3 a:hover{color:var(--color-accent)}.read-more{margin-top:15px;font-size:.9rem;font-weight:600;display:inline-block}.posts-list{flex-direction:column;gap:30px;display:flex}.post-card-horizontal{grid-template-columns:300px 1fr;gap:25px;display:grid}.post-card-horizontal .post-image img{border-radius:8px;height:200px}.post-card-horizontal .post-content{flex-direction:column;justify-content:center;padding:0;display:flex}.post-card-horizontal .post-content h2{margin:10px 0;font-size:1.5rem}.post-card-horizontal .post-content h2 a{color:var(--color-text)}.post-card-horizontal .post-content h2 a:hover{color:var(--color-accent)}@media (max-width:768px){.post-card-horizontal{grid-template-columns:1fr}}.post-hero{min-height:100vh;margin-top:var(--header-height);background-position:50%;background-size:cover;background-attachment:fixed;align-items:center;padding:120px 0 80px;display:flex;position:relative}.post-hero-overlay{background:#000000bf;position:absolute;inset:0}.post-hero-content{z-index:1;max-width:800px;position:relative}.post-hero h1{margin-bottom:10px;font-size:clamp(2rem,5vw,3rem)}.post-hero .post-date{color:var(--color-text-muted);margin-bottom:30px;font-size:1rem}.post-hero .post-body{font-size:1.1rem;line-height:1.8}.post-hero .post-body p{margin-bottom:1.5em}.post-hero .post-nav{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px}.post-single{max-width:800px;margin:0 auto}.post-featured-image{margin-bottom:30px}.post-featured-image img{border-radius:8px;width:100%}.post-body{color:var(--color-text);font-size:1.1rem;line-height:1.8}.post-body p{margin-bottom:1.5em}.post-nav{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px}.post-date{color:var(--color-text-muted);font-size:1rem}.featured-album{grid-template-columns:300px 1fr;align-items:start;gap:40px;display:grid}.album-artwork img{border-radius:8px;width:100%;box-shadow:0 10px 30px #00000080}.album-info h3{margin-bottom:10px;font-size:1.8rem}.album-meta,.album-artist{color:var(--color-text-muted);margin-bottom:20px}.music-player{margin:20px 0}.music-player h4{color:var(--color-text-muted);margin-bottom:10px;font-size:.9rem}.music-list{flex-direction:column;gap:30px;margin-bottom:30px;display:flex}.music-list-item{background:var(--color-bg-card);border-radius:8px;padding:25px}.music-list-info h3{margin-bottom:5px;font-size:1.4rem}.music-list-info .album-artist{margin-bottom:15px}.music-list-player .music-player{margin:10px 0 0}.albums-list{flex-direction:column;gap:60px;display:flex}.album-card{background:var(--color-bg-card);border-radius:8px;grid-template-columns:250px 1fr;gap:40px;padding:30px;display:grid}.album-details h2{text-align:left;margin-bottom:10px}.track-list{margin-top:30px}.track-list h4{color:var(--color-text-muted);margin-bottom:15px;font-size:.9rem}.track-list ol{counter-reset:track;list-style:none}.track-list li{counter-increment:track;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 0;display:flex}.track-list li:before{content:counter(track) ".";color:var(--color-text-muted);min-width:25px;margin-right:15px}.track-title{flex:1}.track-duration{color:var(--color-text-muted)}.videos-section{border-top:1px solid #ffffff1a;margin-top:60px;padding-top:40px}.videos-section h2{margin-bottom:30px;font-size:2rem}.videos-grid{flex-direction:column;gap:30px;display:flex}.video-card{background:var(--color-bg-card);border-radius:8px;flex-direction:row;width:100%;min-height:200px;display:flex;overflow:hidden}.video-card .video-embed{flex-shrink:0;width:400px;height:225px;padding-bottom:0;position:relative}.video-card .video-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-card .video-info{flex-direction:column;flex:1;justify-content:center;display:flex}.video-embed{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-info p{color:var(--color-text-muted);margin-bottom:15px;font-size:.9rem}@media (max-width:768px){.video-card{flex-direction:column}.video-card .video-embed{width:100%}}.shows-list{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.shows-list.full-list{margin-bottom:0}.show-item{background:var(--color-bg-card);border-radius:8px;align-items:center;gap:30px;padding:20px;display:flex}.show-date{background:var(--color-accent);text-align:center;border-radius:8px;flex-direction:column;align-items:center;min-width:70px;padding:10px;display:flex}.show-date .month{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.show-date .day{font-size:1.8rem;font-weight:700;line-height:1}.show-date .year{color:#fffc;font-size:.75rem}.show-info{flex:1}.show-info h3{margin-bottom:5px;font-size:1.2rem}.show-city{color:var(--color-text-muted)}.show-details{color:var(--color-text-muted);margin-top:5px;font-size:.9rem}.upcoming-shows,.past-shows{margin-bottom:60px}.upcoming-shows h2,.past-shows h2{color:var(--color-text);margin-bottom:30px;font-size:1.5rem}.past-shows{opacity:.7}.past-shows .show-date{background:var(--color-bg-alt)}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.photo-item{cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:250px;transition:transform .3s}.photo-item:hover img{transform:scale(1.05)}.photo-item figcaption{background:linear-gradient(#0000,#000c);padding:15px;font-size:.9rem;position:absolute;bottom:0;left:0;right:0}.video-gallery{flex-direction:column;gap:30px;display:flex}.video-item{background:var(--color-bg-card);border-radius:8px;flex-direction:row;width:100%;display:flex;overflow:hidden}.video-item .video-embed{flex-shrink:0;width:400px;height:225px;padding-bottom:0}.video-item .video-info{flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex}@media (max-width:768px){.video-item{flex-direction:column}.video-item .video-embed{width:100%;height:0;padding-bottom:56.25%}}.video-embed{height:0;padding-bottom:56.25%;position:relative}.video-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-info{padding:20px}.video-info h3{margin-bottom:10px;font-size:1.1rem}.video-info p{color:var(--color-text-muted);font-size:.9rem}.bio-content{grid-template-columns:400px 1fr;align-items:start;gap:50px;display:grid}.bio-image img{border-radius:8px;width:100%}.bio-text{font-size:1.1rem;line-height:1.8}.bio-text p{margin-bottom:20px}.band-members{border-top:1px solid #ffffff1a;margin-top:60px;padding-top:60px}.band-members h2{text-align:center;margin-bottom:40px;font-size:2rem}.members-grid{flex-direction:column;gap:30px;display:flex}.member-card{background:var(--color-bg-card);border-radius:8px;flex-direction:row;align-items:stretch;min-height:250px;transition:transform .3s;display:flex;overflow:hidden}.member-card:hover{transform:translateY(-5px)}.member-photo{flex-shrink:0;width:250px;position:relative}.member-photo a{width:100%;height:100%;display:block}.member-photo img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.photo-toggle{cursor:pointer;width:40px;height:40px;color:var(--color-text-muted);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:10px;right:10px}.photo-toggle:hover{color:var(--color-text);background:#000c}.photo-toggle.active{background:var(--color-accent);color:var(--color-text)}.member-info{flex-direction:column;flex:1;padding:20px;display:flex}.member-info h3{margin-bottom:5px;font-size:1.3rem}.member-role{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;font-size:.9rem}.member-bio-container{flex-direction:column;flex:1;display:flex}.member-bio{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;overflow:hidden}.translate-link{color:var(--color-accent);text-transform:lowercase;text-align:right;margin-top:auto;padding-top:10px;font-size:.9rem}.translate-link:hover{color:var(--color-accent-hover)}.member-single{flex-direction:row;align-items:flex-start;gap:40px;max-width:900px;display:flex}.member-single-photo{flex-shrink:0;width:300px}.member-single-photo img{border-radius:8px;width:100%}.member-single-info{flex-direction:column;display:flex}.member-single-bio{color:var(--color-text);font-size:1.1rem;line-height:1.8}.member-single-nav{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:30px}@media (max-width:768px){.member-single{flex-direction:column}.member-single-photo{width:100%;max-width:250px;margin:0 auto}}.member-info h3 a{color:var(--color-text);text-decoration:none}.member-info h3 a:hover{color:var(--color-accent)}@media (max-width:600px){.member-card{flex-direction:column}.member-photo{width:100%;height:200px}}a.member-card:hover{color:inherit}.member-links{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:auto;padding-top:15px;display:flex}.member-link{color:var(--color-text-muted);align-items:center;gap:6px;width:fit-content;font-size:.9rem;transition:all .3s;display:inline-flex}.member-link:hover{color:var(--color-accent)}.member-link svg{flex-shrink:0}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-info h2{margin-bottom:20px}.contact-info p{color:var(--color-text-muted);margin-bottom:30px}.contact-email-btn{align-items:center;gap:10px;margin-bottom:30px;font-size:1.1rem;display:inline-flex}.contact-email-btn svg{flex-shrink:0}.contact-social{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-link{background:var(--color-bg-card);border-radius:8px;padding:12px 25px;transition:all .3s}.social-link:hover{background:var(--color-accent);color:var(--color-text)}.friends-grid{box-sizing:border-box;flex-direction:column;gap:30px;width:100vw;margin-left:calc(50% - 50vw);padding:0 20px;display:flex}.friend-card{background:var(--color-bg-card);border-radius:8px;flex-direction:column;width:100%;min-height:400px;padding:20px;display:flex;position:relative;overflow:hidden}.friend-image{z-index:0;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.friend-image img{object-fit:contain;width:auto;max-width:50%;height:auto;max-height:100%}.friend-header{z-index:1;margin-bottom:20px;position:relative}.friend-title{max-width:70%}.friend-title h3{margin-bottom:8px;font-size:1.4rem}.friend-title h3 a{color:var(--color-text)}.friend-title h3 a:hover{color:var(--color-text-muted)}.friend-description{color:var(--color-text-muted);margin:0;font-size:.95rem}.friend-links{z-index:1;width:100%;margin-top:auto;position:relative}.friend-links-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.friend-link{color:var(--color-text-muted);align-items:center;gap:6px;width:fit-content;font-size:.85rem;transition:color .3s;display:inline-flex}.friend-link:hover{color:var(--color-text)}.friend-link svg{flex-shrink:0}.friend-links .btn{padding:6px 12px;font-size:.8rem}@media (max-width:480px){.friend-header{text-align:center;flex-direction:column-reverse;align-items:center}.friend-links-list{align-items:center}}.mailchimp-signup{background:var(--color-bg-alt);text-align:center;padding:60px 0}.mailchimp-signup h2{margin-bottom:10px}.mailchimp-signup p{color:var(--color-text-muted);margin-bottom:30px}.signup-form .form-group{justify-content:center;gap:10px;max-width:500px;margin:0 auto;display:flex}.signup-form input[type=email]{background:var(--color-bg-card);color:var(--color-text);border:none;border-radius:4px;flex:1;padding:12px 20px;font-size:1rem}.signup-form input[type=email]::placeholder{color:var(--color-text-muted)}.signup-form button{background:var(--color-accent);color:var(--color-text);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;padding:12px 30px;font-size:.9rem;transition:background .3s}.signup-form button:hover{background:var(--color-accent-hover)}.site-footer{background:var(--color-bg);text-align:center;border-top:1px solid #ffffff1a;padding:40px 0}.social-links{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.social-links a{color:var(--color-text-muted);transition:color .3s}.social-links a:hover{color:var(--color-accent)}.social-links svg{width:24px;height:24px}.copyright{color:var(--color-text-muted);font-size:.85rem}.no-content{text-align:center;color:var(--color-text-muted);padding:60px 20px}.lightbox{z-index:9999;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-overlay{background:#000000f2;position:absolute;inset:0}.lightbox-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-image-container{justify-content:center;align-items:center;max-width:90vw;max-height:85vh;display:flex}.lightbox-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:85vh}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:10px;font-size:3rem;line-height:1;transition:color .3s;position:absolute;top:20px;right:20px}.lightbox-close:hover{color:var(--color-accent)}.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;padding:20px 15px;font-size:3rem;transition:background .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{border-radius:4px;left:10px}.lightbox-next{border-radius:4px;right:10px}.lightbox-counter{color:#ffffffb3;font-size:.9rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.lightbox-prev,.lightbox-next{padding:15px 10px;font-size:2rem}.lightbox-close{font-size:2.5rem;top:10px;right:10px}}@media (max-width:900px){.featured-album,.album-card,.bio-content{grid-template-columns:1fr}.featured-album .album-artwork,.album-card .album-artwork,.bio-image{max-width:300px;margin:0 auto}.members-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.nav-toggle{display:flex}.site-nav{top:var(--header-height);opacity:0;visibility:hidden;background:#0a0a0afa;padding:20px;transition:all .3s;position:fixed;left:0;right:0;transform:translateY(-100%)}.site-nav.active{opacity:1;visibility:visible;transform:translateY(0)}.site-nav ul{text-align:center;flex-direction:column;gap:15px}.hero{background-attachment:scroll;height:50vh}.show-item{flex-wrap:wrap}.show-item .btn{text-align:center;width:100%}.signup-form .form-group{flex-direction:column}}
