:root{--bg-primary: #0c0c0c;--bg-secondary: #161616;--bg-card: #1e1e1e;--bg-card-hover: #252525;--accent: #c9a227;--accent-hover: #e8bc30;--text-primary: #f0ece4;--text-secondary:#a0998a;--border: #2a2a2a;--nav-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:1000;transition:background .3s,box-shadow .3s;background:#0c0c0c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.navbar.scrolled{background:#0c0c0cf2;box-shadow:0 1px 0 var(--border)}.nav-brand{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--accent);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav-brand-short{display:none}@media (max-width: 768px){.nav-brand-full{display:none}.nav-brand-short{display:inline}.nav-brand{font-size:1.05rem}}.nav-links{display:flex;list-style:none;gap:.25rem}.nav-links a{padding:.45rem .9rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:6px;transition:color .2s,background .2s;letter-spacing:.03em}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:#c9a2271a}.nav-links a.active{color:var(--accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:#0c0c0cfc;flex-direction:column;padding:.5rem 1rem 2rem;border-top:1px solid var(--border);gap:0}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:1rem 1.25rem;font-size:1.1rem;border-radius:0;border-bottom:1px solid var(--border)}.nav-links li:last-child a{border-bottom:none}}.page-content{padding-top:var(--nav-height);min-height:100vh}.section{padding:6rem 1.5rem;max-width:1100px;margin:0 auto}.page-header{padding:calc(var(--nav-height) + 4rem) 1.5rem 4rem;text-align:center;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border-bottom:1px solid var(--border)}.section-label{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1.25rem;line-height:1.15}.section-lead{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin-bottom:3.5rem}.divider{width:48px;height:3px;background:var(--accent);border-radius:2px;margin:1.25rem 0 2rem}.btn{display:inline-block;padding:.75rem 2rem;border-radius:6px;font-size:.875rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#0c0c0c}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border);margin-left:.75rem}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0 1.5rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/hero-bg.jpg);background-size:cover;background-position:center top;filter:brightness(.35)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--bg-primary) 100%)}.hero-content{position:relative;z-index:1;max-width:700px}.hero-eyebrow{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.hero-title{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.05;margin-bottom:1.25rem}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);margin-bottom:2.5rem;font-weight:300}.hero-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem;letter-spacing:.1em;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.bands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.band-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}.band-card:hover{transform:translateY(-4px);border-color:var(--accent)}.band-card-img-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem;letter-spacing:.1em}.band-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.band-card-body{padding:1.5rem}.band-card-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.band-card h3{font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:.6rem}.band-card p{color:var(--text-secondary);font-size:.9rem}.band-card-link{display:inline-block;margin-top:1.2rem;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.band-card-link:after{content:" →"}.band-section{padding:5rem 1.5rem;border-bottom:1px solid var(--border)}.band-section:last-child{border-bottom:none}.band-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.band-layout.reverse{direction:rtl}.band-layout.reverse>*{direction:ltr}.band-image-wrap{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem;border:1px solid var(--border)}.band-image-wrap img{width:100%;height:100%;object-fit:cover}.band-genre{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.band-info h2{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);margin-bottom:1.25rem}.band-info p{color:var(--text-secondary);margin-bottom:1rem}.band-meta{margin-top:2rem;display:flex;gap:2rem;flex-wrap:wrap}.band-meta-item label{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem}.band-meta-item span{font-weight:600;font-size:.95rem}@media (max-width: 768px){.band-layout,.band-layout.reverse{grid-template-columns:1fr;direction:ltr;gap:1.5rem}.band-section{padding:3rem 1.25rem}.band-image-wrap{aspect-ratio:16/9}}.about-layout{display:grid;grid-template-columns:340px 1fr;gap:4rem;align-items:start}.about-photo{position:sticky;top:calc(var(--nav-height) + 2rem)}.about-photo-wrap{border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem}.about-photo-wrap img{width:100%;height:100%;object-fit:cover}.about-text h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:1.5rem}.about-text p{color:var(--text-secondary);margin-bottom:1.25rem}.about-stats{display:flex;gap:2.5rem;margin:2.5rem 0;flex-wrap:wrap}.about-stat-num{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--accent);line-height:1}.about-stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem}@media (max-width: 900px){.about-layout{grid-template-columns:1fr;gap:2rem}.about-photo{position:static;display:none}.about-stats{gap:1.5rem}}.audio-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:4rem}.audio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.5rem;display:grid;grid-template-columns:44px 1fr 2fr;align-items:center;gap:1.25rem;transition:border-color .2s}.audio-card:hover{border-color:var(--accent)}.audio-play-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);background:transparent;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.audio-play-btn:hover{background:var(--accent);color:#000}.audio-info-tag{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem}.audio-info h3{font-size:1rem;font-weight:600;margin-bottom:.1rem}.audio-info span{font-size:.8rem;color:var(--text-secondary)}.audio-controls{display:flex;flex-direction:column;gap:.4rem}.audio-progress-wrap{cursor:pointer;padding:6px 0}.audio-progress-bar{position:relative;height:3px;background:var(--border);border-radius:2px}.audio-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.audio-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--accent);pointer-events:none}.audio-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}@media (max-width: 640px){.audio-card{grid-template-columns:44px 1fr}.audio-controls{grid-column:1 / -1}}.gallery-filters{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.gallery-btn{padding:.5rem 1.2rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit}.gallery-btn:hover,.gallery-btn.active{border-color:var(--accent);color:var(--accent);background:#c9a22714}.gallery-grid{columns:3;column-gap:1rem}.gallery-item{break-inside:avoid;margin-bottom:1rem;border-radius:8px;overflow:hidden;cursor:pointer;position:relative}.gallery-item img{width:100%;display:block;transition:transform .35s,filter .35s}.gallery-item:hover img{transform:scale(1.04);filter:brightness(.75)}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:#fff;font-size:1.5rem}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-placeholder{background:var(--bg-card);border:1px dashed var(--border);border-radius:8px;break-inside:avoid;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;padding:2rem 1rem}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:2000;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh;border-radius:8px;object-fit:contain}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}@media (max-width: 768px){.gallery-grid{columns:2}}@media (max-width: 480px){.gallery-grid{columns:1}}.kontakt-layout{display:grid;grid-template-columns:1fr 420px;gap:4rem;max-width:1000px;margin:0 auto}.contact-info h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:1rem}.contact-info p{color:var(--text-secondary);margin-bottom:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-icon{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.contact-item-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.2rem}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:7px;padding:.7rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:border-color .2s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{min-height:130px;resize:vertical}.form-status{font-size:.85rem;margin-top:.75rem}.form-status.success{color:#4caf82}.form-status.error{color:#e06060}@media (max-width: 768px){.kontakt-layout{grid-template-columns:1fr}}.press-article p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.8}.press-article p:last-child{margin-bottom:0}.press-article p em{color:var(--text-primary);font-style:italic}@media (max-width: 768px){.section{padding:3rem 1.25rem}.page-header{padding:calc(var(--nav-height) + 2rem) 1.25rem 2rem}.section-lead{font-size:1rem;margin-bottom:2rem}.kontakt-layout{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}.press-article{padding:1.5rem!important}}@media (max-width: 640px){:root{--nav-height: 60px}.navbar{padding:0 1rem}.section{padding:2.5rem 1rem}.page-header{padding:calc(var(--nav-height) + 1.5rem) 1rem 1.75rem}.hero{min-height:500px}.hero-subtitle{font-size:.95rem;margin-bottom:1.75rem}.hero-content{padding:0 .5rem}.btn{padding:.7rem 1.25rem;font-size:.8rem}.btn-outline{margin-left:.5rem}.bands-grid{grid-template-columns:1fr;gap:1rem}.band-card-body{padding:1.25rem}.about-text h2{font-size:1.5rem}.about-stats{gap:1.25rem}.about-stat-num{font-size:2rem}.about-stat-label{font-size:.75rem}.audio-grid{gap:.5rem;margin-bottom:2.5rem}.audio-card{padding:.9rem 1rem;gap:.75rem}.audio-info h3{font-size:.9rem}.audio-info-tag{display:none}.gallery-filters{gap:.4rem}.gallery-btn{padding:.45rem .9rem;font-size:.8rem}.contact-info h2{font-size:1.5rem}.contact-form{padding:1.25rem;border-radius:10px}.divider{margin:1rem 0 1.5rem}.section-title{margin-bottom:1rem}}footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:.85rem}footer a{color:var(--accent)}footer a:hover{text-decoration:underline}