body{
    margin:0;
    background:#0a0a0a;
    color:#fff;
    font-family:Arial,sans-serif;
}

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 3vw;
    background:linear-gradient(
        90deg,
        #0a58ca,
        #1ca7ff,
        #3dc4ff
    );
    z-index:1000;
}

.brand img{
    height:120px;
}

.nav-menu{
    display:flex;
    gap:2rem;
    list-style:none;
}

.nav-menu a{
    color:#fff;
    text-decoration:none;
}

.hero{
    height:100vh;
    background:url('../assets/mural.jpg')
        center center / cover;
    display:flex;
    align-items:center;
    justify-content:center;
}

.page-section{
    padding:60px 40px;
}

.content-container{
    max-width:1200px;
    margin:0 auto;
}

#about{
    max-width:1000px;
    margin:0 auto;
}

#about h2{
    font-size:3rem;
    margin-bottom:40px;
}

#about p{
    font-size:1.1rem;
    line-height:2;
    color:#d6d6d6;
    margin-bottom:28px;
}

.about-quote{
    font-size:2rem;
    color:#1ca7ff;
    border-left:4px solid #1ca7ff;
    padding-left:24px;
    margin:40px 0 20px;
    font-style:italic;
}

.quote-attribution{
    font-weight:600;
}

.event-card{
    background:#111111;
    padding:30px;
    border-radius:16px;
}

.event-time{
    color:#1ca7ff;
    font-weight:600;
    margin:12px 0 18px;
}

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.instagram-link{
    color:#1ca7ff;
    text-decoration:none;
}

.gallery-slider{
    max-width:1200px;
    margin:30px auto 0;
    overflow:hidden;
    border-radius:16px;
}

.gallery-slider img{
    display:block;
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:16px;
}

.contact-grid{
    display:grid;
    grid-template-columns:
        minmax(350px,1fr)
        minmax(350px,1fr);
    gap:40px;
    margin-top:30px;
}

.contact-card{
    background:#111111;
    padding:30px;
    border-radius:16px;
}

.contact-card h3{
    color:#1ca7ff;
    margin-bottom:15px;
}

.contact-card p{
    line-height:1.9;
    margin:0;
}

.age-gate{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.95);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
}

.age-card{
    background:#111;
    padding:40px;
}

.fade-out{
    opacity:0;
    transition:.4s;
}

@media (max-width:768px){

    .brand img{
        height:90px;
    }

    .gallery-slider img{
        height:320px;
    }

    .contact-grid{
        grid-template-columns:1fr;
    }

    #about h2{
        font-size:2.5rem;
    }

    .about-quote{
        font-size:1.5rem;
    }
}