/*
Theme Name: Plomin Style
Author: ChatGPT
Version: 1.1
Text Domain: plomin-style
*/

*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'Montserrat', Helvetica, Arial, sans-serif;
background:#0b0b0b;
color:#fff;
line-height:1.6;
}
a{text-decoration:none;color:inherit}
.container{width:90%;max-width:1280px;margin:0 auto}
h1,h2,h3{text-transform:uppercase;letter-spacing:.2em;font-weight:300}

.site-header{
position:fixed;top:0;width:100%;z-index:999;
background:rgba(0,0,0,.6);backdrop-filter:blur(10px)
}
.site-header .container{
display:flex;justify-content:space-between;align-items:center;height:80px
}
.main-nav ul{display:flex;gap:40px;list-style:none}
.main-nav a{font-size:.75rem;letter-spacing:.3em}

.hero{
height:100vh;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.9));
display:flex;align-items:center
}
.hero h2{font-size:4rem}

section{padding:140px 0}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px
}
.gallery-grid img{
height:380px;object-fit:cover;
filter:grayscale(100%);
transition:.6s
}
.gallery-grid img:hover{filter:none;transform:scale(1.05)}

.event-item{
display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:80px
}

.site-footer{
padding:60px 0;
background:#050505;
text-align:center;
font-size:.7rem;
letter-spacing:.3em
}

/* Lightbox */
.lightbox{
position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,.9);
display:none;align-items:center;justify-content:center
}
.lightbox img{max-width:90%;max-height:90%}

/* Animations */
.fade-up{opacity:0;transform:translateY(40px);transition:1s}
.fade-up.visible{opacity:1;transform:none}

@media(max-width:768px){
.hero h2{font-size:2.5rem}
.event-item{grid-template-columns:1fr}
}