:root{--primary:#74b547;--primary-dark:#5a9336;--primary-light:#8fd060;--bg-dark:#0a0a0a;--bg-section:#111;--bg-card:#1a1a1a;--bg-card-hover:#222;--text-white:#fff;--text-light:#ccc;--text-muted:#999;--text-dim:#666;--border-color:#2a2a2a;--border-light:#333;--gold:#d4a853;--overlay:#000000b3;--shadow:0 8px 32px #0006;--shadow-lg:0 16px 48px #00000080;--transition:.3s ease;--radius:8px;--radius-lg:16px;--max-width:1200px;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-light);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}main{padding-top:var(--header-height);flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-light)}h1,h2,h3,h4,h5,h6{color:var(--text-white);font-family:Playfair Display,serif;font-weight:700;line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}.btn{letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-white)}.btn-primary:hover{background:var(--primary-dark);color:var(--text-white);transform:translateY(-2px);box-shadow:0 8px 24px #74b5474d}.btn-outline{color:var(--text-white);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--text-white);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--bg-dark)}.btn-gold:hover{color:var(--bg-dark);background:#e0b863;transform:translateY(-2px)}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);height:var(--header-height);transition:all var(--transition);background:#0a0a0af2;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:#0a0a0afa;box-shadow:0 4px 20px #00000080}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{width:auto;height:45px;transition:opacity var(--transition)}.logo:hover{opacity:.8}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius);transition:all var(--transition);padding:8px 14px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary);background:#74b54714}.mobile-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:8px;display:none}.mobile-toggle span{background:var(--text-white);width:24px;height:2px;transition:all var(--transition);margin:6px 0;display:block}.mobile-toggle.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.hero{justify-content:center;align-items:center;height:90vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-slide img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000004d 0%,#00000080 50%,#000c 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 24px;position:relative}.hero-content h1{text-shadow:0 4px 20px #00000080;margin-bottom:16px;font-size:4.5rem;font-weight:700}.hero-content .subtitle{letter-spacing:6px;text-transform:uppercase;color:var(--primary);margin-bottom:32px;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:300}.hero-content p{color:var(--text-light);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-dots{z-index:3;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-dots button{border:2px solid var(--text-white);cursor:pointer;width:12px;height:12px;transition:all var(--transition);background:0 0;border-radius:50%;padding:0}.hero-dots button.active{background:var(--primary);border-color:var(--primary)}.section-header{text-align:center;margin-bottom:60px}.section-header .accent-line{background:var(--primary);width:60px;height:3px;margin:0 auto 20px}.section-header h2{margin-bottom:16px}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.page-banner{background:var(--bg-section);justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.page-banner img{object-fit:cover;opacity:.3;width:100%;height:100%;position:absolute;inset:0}.page-banner-overlay{background:linear-gradient(#0a0a0a66,#0a0a0ae6);position:absolute;inset:0}.page-banner h1{z-index:2;text-align:center;font-size:3.5rem;position:relative}.page-banner .accent-line{z-index:2;background:var(--primary);width:80px;height:3px;margin:20px auto 0;position:relative}.news-section{background:var(--bg-section)}.news-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.news-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid var(--border-color);overflow:hidden}.news-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.news-card-image{height:280px;overflow:hidden}.news-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.news-card:hover .news-card-image img{transform:scale(1.05)}.news-card-body{padding:28px}.news-card-date{letter-spacing:1px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600}.news-card-body h3{margin-bottom:12px;font-size:1.5rem}.news-card-body p{color:var(--text-muted);line-height:1.7}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px;display:grid}.album-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid var(--border-color);text-align:center;overflow:hidden}.album-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)}.album-card-image{aspect-ratio:1;position:relative;overflow:hidden}.album-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.album-card:hover .album-card-image img{transform:scale(1.08)}.album-card-image .overlay{opacity:0;transition:opacity var(--transition);background:#74b54726;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.album-card:hover .album-card-image .overlay{opacity:1}.album-card-body{padding:20px}.album-card-body h3{margin-bottom:4px;font-size:1.125rem}.album-card-body .year{color:var(--text-dim);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:.8rem}.album-card-body .price{color:var(--primary);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.album-card-body .btn{width:100%;margin-top:12px;padding:10px 20px;font-size:.75rem}.featured-album{background:linear-gradient(135deg, var(--bg-section) 0%, var(--bg-dark) 100%)}.featured-album-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.featured-album-art{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition);overflow:hidden}.featured-album-art:hover{transform:scale(1.02)}.featured-album-art img{width:100%;display:block}.featured-album-info h2{margin-bottom:8px;font-size:3rem}.featured-album-info .album-year{letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:24px;font-family:Montserrat,sans-serif;font-size:.875rem}.featured-album-info p{color:var(--text-muted);margin-bottom:32px;font-size:1.125rem;line-height:1.8}.about-content{grid-template-columns:2fr 3fr;align-items:start;gap:60px;display:grid}.about-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:sticky;top:100px;overflow:hidden}.about-image img{width:100%}.about-text h2{margin-bottom:24px}.about-text p{color:var(--text-light);margin-bottom:20px;font-size:1.1rem;line-height:1.8}.about-text .highlight{color:var(--primary);border-left:3px solid var(--primary);margin:32px 0;padding-left:24px;font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;line-height:1.6}.band-intro{text-align:center;max-width:800px;color:var(--text-muted);margin:0 auto 60px;font-size:1.125rem;line-height:1.8}.band-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.band-member{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition);padding:32px}.band-member:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-4px)}.band-member h3{margin-bottom:4px;font-size:1.5rem}.band-member .instrument{letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600}.band-member p{color:var(--text-muted);line-height:1.7}.band-member .credits{color:var(--text-dim);margin-top:12px;font-size:.9rem;font-style:italic}.tour-list{max-width:900px;margin:0 auto}.tour-item{border-bottom:1px solid var(--border-color);transition:all var(--transition);grid-template-columns:140px 1fr auto;align-items:center;gap:24px;padding:24px 0;display:grid}.tour-item:hover{border-bottom-color:var(--primary);padding-left:12px}.tour-date{text-align:center}.tour-date .month{letter-spacing:2px;text-transform:uppercase;color:var(--primary);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700}.tour-date .day{color:var(--text-white);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;line-height:1}.tour-date .year{color:var(--text-dim);font-family:Montserrat,sans-serif;font-size:.75rem}.tour-info h3{margin-bottom:4px;font-family:Lato,sans-serif;font-size:1.125rem;font-weight:700}.tour-info .venue{color:var(--text-muted);font-size:.95rem}.tour-info .with{color:var(--primary);margin-top:4px;font-size:.875rem;font-style:italic}.tour-item .btn{white-space:nowrap;padding:10px 24px;font-size:.7rem}.tour-section-label{letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);border-bottom:2px solid var(--border-color);margin:48px 0 24px;padding-bottom:12px;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:700}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.photo-item{border-radius:var(--radius);cursor:pointer;aspect-ratio:4/3;position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.photo-item:hover img{transform:scale(1.08)}.photo-item:after{content:"";opacity:0;transition:opacity var(--transition);background:#74b54726;position:absolute;inset:0}.photo-item:hover:after{opacity:1}.lightbox{z-index:2000;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--radius);max-width:90vw;max-height:90vh}.lightbox-close{color:var(--text-white);cursor:pointer;width:48px;height:48px;transition:background var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff1a}.press-photos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.press-photo{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition);overflow:hidden}.press-photo:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-4px)}.press-photo img{aspect-ratio:3/4;object-fit:cover;width:100%}.press-photo .caption{text-align:center;color:var(--text-muted);padding:16px;font-family:Montserrat,sans-serif;font-size:.85rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px;display:grid}.video-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition);overflow:hidden}.video-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.video-embed{height:0;padding-bottom:56.25%;position:relative}.video-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-card-body{padding:20px}.video-card-body h3{font-family:Lato,sans-serif;font-size:1.125rem}.contact-section{max-width:700px;margin:0 auto}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-white);transition:border-color var(--transition);outline:none;padding:14px 18px;font-family:Lato,sans-serif;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:160px}.form-submit{align-self:flex-start}.form-success{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--primary);padding:40px}.form-success h3{color:var(--primary);margin-bottom:12px}.lessons-content{text-align:center;max-width:700px;margin:0 auto}.lessons-content p{color:var(--text-muted);margin-bottom:32px;font-size:1.25rem;line-height:1.8}.lessons-features{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.lesson-feature{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition);padding:32px 24px}.lesson-feature:hover{border-color:var(--primary);transform:translateY(-4px)}.lesson-feature .icon{margin-bottom:16px;font-size:2.5rem}.lesson-feature h3{margin-bottom:8px;font-family:Lato,sans-serif;font-size:1.125rem}.lesson-feature p{color:var(--text-dim);margin-bottom:0;font-size:.95rem}.site-footer{background:var(--bg-section);border-top:3px solid var(--primary);padding:48px 0 24px}.footer-inner{max-width:var(--max-width);grid-template-columns:1fr 2fr 1fr;align-items:start;gap:40px;margin:0 auto;padding:0 24px;display:grid}.footer-brand .logo{height:40px;margin-bottom:16px}.footer-brand p{color:var(--text-dim);font-size:.9rem;line-height:1.6}.footer-nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;list-style:none;display:flex}.footer-nav a{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);transition:color var(--transition);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600}.footer-nav a:hover{color:var(--primary)}.footer-social{justify-content:flex-end;gap:12px;display:flex}.footer-social a{background:var(--bg-card);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:var(--text-white)}.footer-bottom{max-width:var(--max-width);border-top:1px solid var(--border-color);text-align:center;color:var(--text-dim);margin:32px auto 0;padding:24px 24px 0;font-size:.85rem}.shop-notice{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-top:40px;padding:32px}.shop-notice p{color:var(--text-muted);font-size:1rem}@media (width<=1024px){h1{font-size:2.5rem}h2{font-size:2rem}.hero-content h1{font-size:3rem}.news-grid{grid-template-columns:1fr}.featured-album-inner{text-align:center;grid-template-columns:1fr;gap:40px}.about-content{grid-template-columns:1fr;gap:40px}.about-image{max-width:400px;margin:0 auto;position:static}.footer-inner{text-align:center;grid-template-columns:1fr;gap:24px}.footer-brand .logo{margin:0 auto 16px}.footer-social{justify-content:center}.lessons-features{grid-template-columns:1fr}}@media (width<=768px){.mobile-toggle{display:block}.nav-links{background:var(--bg-dark);width:280px;height:100vh;transition:right var(--transition);border-left:1px solid var(--border-color);flex-direction:column;gap:4px;padding:100px 32px 32px;position:fixed;top:0;right:-100%;overflow-y:auto}.nav-links.open{right:0}.nav-links a{padding:12px 16px;font-size:.85rem;display:block}.hero{height:70vh;min-height:500px}.hero-content h1{font-size:2.25rem}.page-banner{height:300px}.page-banner h1{font-size:2.5rem}.section-padding{padding:60px 0}.tour-item{grid-template-columns:100px 1fr;gap:16px}.tour-item .btn{grid-column:1/-1;justify-self:start}.video-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.band-grid{grid-template-columns:1fr}.albums-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=480px){.hero-content h1{font-size:1.75rem}.hero-content .subtitle{letter-spacing:3px;font-size:.875rem}.photo-grid,.albums-grid,.press-photos{grid-template-columns:1fr}}.mobile-overlay{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#0009;position:fixed;inset:0}.mobile-overlay.show{opacity:1;pointer-events:auto}
