@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@300;400;700&display=swap";.navbar{background-color:#000000f2;position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid #333}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{font-family:var(--font-display);font-size:1.5rem;color:var(--color-primary);letter-spacing:1px;display:flex;align-items:center;gap:10px}.navbar-logo-img{height:50px;width:auto}.navbar-menu{display:flex;gap:20px}.navbar-item{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;position:relative}.navbar-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-secondary);transition:width .3s ease}.navbar-item:hover:after{width:100%}.navbar-socials{display:flex;gap:15px;align-items:center}.social-icon{color:var(--color-text);display:flex;align-items:center;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:var(--color-primary);transform:translateY(-2px)}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:var(--color-text);margin:3px 0;transition:.3s}@media(max-width:768px){.navbar-menu{position:absolute;top:70px;left:-100%;width:100%;background-color:#000000f2;flex-direction:column;align-items:center;padding:20px 0;transition:.3s ease}.navbar-menu.active{left:0}.navbar-toggle{display:flex}.navbar-socials{display:none}}.hero{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center}.hero-title{font-size:5rem;line-height:1.1;margin-bottom:25px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.2rem;color:var(--color-primary);letter-spacing:3px;font-weight:400;margin:0 auto;font-weight:300}@media(max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem}}.about-section{padding:100px 0;background-color:transparent;min-height:60vh;display:flex;align-items:center;justify-content:center}.about-content{text-align:center}.about-title{font-size:2.5rem;color:var(--color-primary);margin-bottom:40px;line-height:1.3}.about-text{font-size:1.1rem;line-height:2;color:var(--color-text);max-width:800px;margin:0 auto}.about-text p{margin-bottom:1.5rem}@media(max-width:768px){.about-title{font-size:1.8rem}.about-text{font-size:1rem;padding:0 15px}}.upcoming-concert{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);max-width:1040px;margin:40px auto 0}.concert-flyer{display:block;border-radius:4px;outline-offset:6px;transition:transform .25s ease}.concert-flyer:hover{transform:translateY(-3px)}.concert-flyer:focus-visible{outline:2px solid #b9d9f2}.concert-flyer img{display:block;width:100%;height:auto;border-radius:inherit}.concert-invitation{text-align:left;line-height:2;overflow-wrap:anywhere}.concert-invitation h2{margin-bottom:28px;font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.7;letter-spacing:.04em;text-transform:none}.concert-invitation p{margin-bottom:18px;color:#ccc;font-size:1rem}.concert-invitation .concert-welcome{margin:30px 0 0;color:#fff}@media(max-width:768px){.upcoming-concert{grid-template-columns:minmax(0,1fr);gap:32px;max-width:520px;margin-top:28px}.concert-desktop-break{display:none}.concert-invitation h2{font-size:1.4rem;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.upcoming-concert .concert-flyer{transition:none;transform:none}}:root{--color-bg: #000000;--color-text: #ffffff;--color-primary: #ffffff;--color-secondary: #aaaaaa;--color-accent: #333333;--font-main: "Roboto", sans-serif;--font-display: "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;background-attachment:fixed;color:var(--color-text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-item{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.loaded .fade-item,.visible .fade-item{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.5s}.delay-4{transition-delay:.7s}.delay-5{transition-delay:.9s}.delay-6{transition-delay:1.1s}
