:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-text-primary: gainsboro;--color-text-white: white;--color-accent: #f39c12;--color-bg-dark: #333;--color-bg-darker: #111;--color-bg-header: rgba(51, 51, 51, .95);--color-backdrop: rgba(0, 0, 0, .5);--color-shadow: rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background-color:var(--color-bg-header);width:100%;padding:10px 20px}.nav{display:flex;gap:1.5rem;align-items:center}.nav.left{justify-self:start}.nav.right{justify-self:end}.logo{height:80px;margin-left:40px;margin-right:40px}.navlink{color:var(--color-text-primary);text-decoration:none;font-size:14pt;transition:color .2s}.navlink:hover{color:var(--color-accent)}.image-link{max-height:16pt}.image-link:hover{transform:scale(1.1)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.burger span{width:25px;height:3px;background:var(--color-text-primary);transition:background .2s}.burger:hover span{background:var(--color-accent)}.desktop-only{display:flex}.mobile-menu{position:fixed;top:0;left:-260px;height:100vh;width:260px;background-color:var(--color-bg-darker);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem;transition:left .3s ease;z-index:1000}.mobile-menu.open{left:0}.mobile-menu a{color:var(--color-text-primary);text-decoration:none;font-size:1.2rem;transition:color .2s}.mobile-menu a:hover{color:var(--color-accent)}.divider{height:1px;background:var(--color-bg-dark);margin:1rem 0}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-backdrop);z-index:900}@media(max-width:768px){.desktop-only{display:none}.burger{display:flex}}footer{background-color:var(--color-bg-dark);align-items:center}.footer{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:20px;color:var(--color-text-primary)}.footer-column{flex:1;text-align:center;align-content:center;padding:10px}.footer-column p{margin:0}.footer-column h4{margin-bottom:.5rem}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:.3rem}.link{color:var(--color-text-primary);text-decoration:none;transition:color .2s}.link:hover{color:var(--color-accent)}.text-image-link{align-items:center;color:var(--color-text-primary);text-decoration:none;transition:color .2s}.text-image-link:hover{color:var(--color-accent)}.e-mail{text-align:center;color:var(--color-text-primary);padding-bottom:12px}.banner-container{width:100vw;height:80vh;background-size:cover;background-position:center;background-image:url(/bandfoto-1.png);display:flex;justify-content:center;align-items:center;color:var(--color-text-white)}.about-text{padding:14px 10%;column-count:4;column-gap:2rem;text-align:justify}@media(max-width:1200px){.about-text{column-count:3}}@media(max-width:900px){.about-text{column-count:2}}@media(max-width:600px){.about-text{column-count:1}}.main-section{padding-right:10%;padding-left:10%;background-image:url(./background-1.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;color:var(--color-text-primary)}a{color:var(--color-text-primary);text-decoration:none}.main-section{padding:40px 10%;background-image:url(/background-1.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;color:var(--color-text-primary)}.main-section h1{color:var(--color-accent);font-size:2.5rem;margin-bottom:30px}.main-section h2{color:var(--color-accent);font-size:2rem;margin-top:40px;margin-bottom:20px}.main-section h3{color:var(--color-accent);font-size:1.5rem;margin-top:30px;margin-bottom:15px}.main-section h4{color:var(--color-accent);font-size:1.2rem;margin-top:25px;margin-bottom:12px}.section-header{color:var(--color-text-primary)}.main-section p{line-height:1.8;margin-bottom:15px}.main-section ul{line-height:1.8;margin-bottom:15px;padding-left:30px}.main-section li{margin-bottom:10px}.main-section a{color:var(--color-text-primary);text-decoration:none;transition:color .2s}.main-section a:hover{color:var(--color-accent)}.legal-notice{text-transform:uppercase;font-weight:700}@media(max-width:768px){.main-section{padding-right:5%;padding-left:5%}.main-section h1{font-size:2rem}.main-section h2{font-size:1.7rem}.main-section h3{font-size:1.3rem}.main-section h4{font-size:1.1rem}}.band-section{padding:40px 10%;background-image:url(./background-1.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;color:var(--color-text-primary);min-height:100vh}.band-members-container{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:30px}.band-member{flex:1;min-width:280px;max-width:350px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-image{width:100%;max-width:300px;height:auto;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 8px var(--color-shadow)}.band-member h3{color:var(--color-text-primary);font-size:24px;margin-bottom:15px}.band-member p{color:var(--color-text-primary);line-height:1.6;text-align:justify}@media(max-width:768px){.band-members-container{flex-direction:column;align-items:center}.band-member{max-width:100%}}.live-section{padding:60px 10%;background-image:url(/assets/background-1-DC0VEQNd.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;min-height:50vh}.events-container{display:flex;flex-direction:column;gap:30px;max-width:1200px;margin:0 auto}@media(max-width:768px){.live-section{padding:40px 5%}}.event-card{background-color:#333333e6;border:2px solid var(--color-accent);border-radius:12px;padding:30px;box-shadow:0 6px 12px var(--color-shadow);transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #000000b3}.event-location{color:var(--color-accent);font-size:2rem;margin:0 0 20px;text-align:center}.event-details{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.event-info{display:flex;flex-direction:column;gap:5px}.event-info.support-acts{grid-column:1 / -1}.info-label{color:var(--color-accent);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.info-value{color:var(--color-text-primary);font-size:1.1rem}.event-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.event-button{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.location-button{background-color:var(--color-bg-dark);color:var(--color-text-primary);border:2px solid var(--color-text-primary)}.location-button:hover{background-color:var(--color-text-primary);color:var(--color-bg-dark);transform:scale(1.05)}.ticket-button{background-color:var(--color-accent);color:var(--color-bg-darker);border:2px solid var(--color-accent)}.ticket-button:hover{background-color:transparent;color:var(--color-accent);transform:scale(1.05)}@media(max-width:768px){.event-card{padding:20px}.event-location{font-size:1.5rem}.event-details{grid-template-columns:1fr}.event-buttons{flex-direction:column}.event-button{width:100%}}@media(max-width:480px){.event-location{font-size:1.3rem}}.page-banner{position:relative;width:100%;height:60vh;overflow:hidden}.page-banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.page-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-backdrop);display:flex;justify-content:center;align-items:center}.page-banner-overlay h1{color:var(--color-text-white);font-size:4rem;text-transform:uppercase;letter-spacing:4px;text-shadow:2px 2px 8px rgba(0,0,0,.8);margin:0}@media(max-width:768px){.page-banner-overlay h1{font-size:2.5rem;letter-spacing:2px}}@media(max-width:480px){.page-banner-overlay h1{font-size:2rem}}.music-section{padding:60px 10%;background-image:url(/background-1.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;min-height:50vh}.albums-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1400px;margin:0 auto}@media(max-width:768px){.music-section{padding:40px 5%}.albums-container{gap:20px}}.album-card-link{text-decoration:none;display:inline-block}.album-card{display:flex;flex-direction:column;align-items:center;background-color:#333333e6;border:2px solid var(--color-accent);border-radius:12px;padding:20px;box-shadow:0 6px 12px var(--color-shadow);transition:transform .3s ease,box-shadow .3s ease;width:280px}.album-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #000c}.album-cover{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 8px var(--color-shadow)}.album-info{text-align:center;width:100%}.album-title{color:var(--color-accent);font-size:1.3rem;margin:0 0 8px;font-weight:700}.album-year{color:var(--color-text-primary);font-size:1rem;margin:0}@media(max-width:480px){.album-card{width:100%;max-width:300px}}.album-detail-section{padding:60px 10%;background-image:url(/background-1.png);background-position:center center;background-attachment:fixed;background-size:cover;background-blend-mode:overlay;min-height:100vh}.album-detail-container{display:grid;grid-template-columns:400px 1fr;gap:60px;max-width:1400px;margin:0 auto}.album-cover-section{display:flex;flex-direction:column;align-items:center;position:sticky;top:80px;height:fit-content}.album-detail-cover{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px var(--color-shadow);margin-bottom:25px}.album-detail-title{color:var(--color-accent);font-size:2rem;text-align:center;margin:0 0 10px;font-weight:700}.album-detail-year{color:var(--color-text-primary);font-size:1.3rem;margin:0}.album-tracks-section{display:flex;flex-direction:column}.tracks-heading{color:var(--color-accent);font-size:2rem;margin:0 0 30px;text-transform:uppercase;letter-spacing:2px}.tracks-list{display:flex;flex-direction:column;gap:12px}.album-not-found{text-align:center;padding:60px 20px}.album-not-found h2{color:var(--color-text-primary);font-size:2rem}@media(max-width:1024px){.album-detail-container{grid-template-columns:1fr;gap:40px}.album-cover-section{position:relative;top:0;max-width:400px;margin:0 auto}}@media(max-width:768px){.album-detail-section{padding:40px 5%}.album-detail-container{gap:30px}.album-cover-section{max-width:100%}.album-detail-title{font-size:1.6rem}.tracks-heading{font-size:1.5rem}}@media(max-width:480px){.album-detail-title{font-size:1.4rem}.album-detail-year{font-size:1.1rem}.tracks-heading{font-size:1.3rem;margin-bottom:20px}}.track-item{display:grid;grid-template-columns:60px 1fr 100px auto;align-items:center;gap:15px;padding:15px 20px;background-color:#333c;border:1px solid var(--color-bg-dark);border-radius:8px;transition:background-color .3s ease,transform .2s ease}.track-item:hover{background-color:#333333f2;transform:translate(5px)}.track-number{color:var(--color-accent);font-weight:700;font-size:1.1rem;text-align:center}.track-title{color:var(--color-text-primary);font-size:1rem;font-weight:500}.track-duration{color:var(--color-text-primary);font-size:.95rem;text-align:center}.track-actions{display:flex;gap:10px}.track-button{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:700;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.details-button{background-color:var(--color-bg-dark);color:var(--color-text-primary);border:2px solid var(--color-text-primary)}.details-button:hover{background-color:var(--color-text-primary);color:var(--color-bg-dark);transform:scale(1.05)}.play-button{display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:var(--color-bg-darker);border:2px solid var(--color-accent)}.play-button:hover{background-color:transparent;color:var(--color-accent);transform:scale(1.05)}@media(max-width:768px){.track-item{grid-template-columns:50px 1fr;grid-template-rows:auto auto;gap:10px}.track-number{grid-row:1 / 3}.track-title{grid-column:2;grid-row:1}.track-duration{grid-column:2;grid-row:2;text-align:left}.track-actions{grid-column:1 / -1;grid-row:3;justify-content:stretch}.track-button{flex:1}}@media(max-width:480px){.track-item{padding:12px 15px}.track-actions{flex-direction:column}}
