:root{
  --bg:#000; --panel:#111; --panel2:#181818; --text:#fff; --muted:#cfcfcf; --accent:#f97316;
}
html,body{height:100%;}
body{margin:0; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; display:flex; flex-direction:column;}
/* Header */
header.site-header{background:var(--panel); padding:10px 18px; display:flex; align-items:center; gap:16px; position:sticky; top:0; z-index:50; box-shadow:0 2px 0 rgba(255,255,255,.05);}
.brand img{height:64px; width:auto; display:block;}
nav.main-nav{margin-left:auto;}
.menu{list-style:none; margin:0; padding:0; display:flex; gap:18px; align-items:center;}
.menu>li{position:relative;}
.menu a{color:var(--text); text-decoration:none; padding:10px 12px; display:block; font-weight:600;}
.menu a:hover{background:var(--panel2); border-radius:10px;}
/* Dropdown */
.dropdown-content{display:none; position:absolute; top:100%; left:0; background:var(--panel); border:1px solid #222; border-radius:10px; min-width:280px; padding:6px 0; box-shadow:0 10px 20px rgba(0,0,0,.6);}
.dropdown:hover .dropdown-content{display:block;}
.dropdown-content li{border-bottom:1px solid #1f1f1f;}
.dropdown-content li:last-child{border-bottom:none;}
/* Main */
main{flex:1; padding:90px 20px 28px; max-width:1100px; width:100%; margin:0 auto;}
h1{margin-top:0;}
/* Gallery */
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.gallery-grid img{width:100%; height:auto; border-radius:10px; border:1px solid #2a2a2a; cursor:pointer; display:block;}
/* Lightbox */
.lightbox{display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:1000; align-items:center; justify-content:center;}
.lightbox.open{display:flex;}
.lightbox img{max-width:92%; max-height:86%; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.8);}
.lightbox .close-btn{position:absolute; top:18px; right:24px; font-size:40px; line-height:1; color:#fff; cursor:pointer; user-select:none;}
/* Footer */
footer.site-footer{margin-top:auto; background:var(--panel); border-top:1px solid #1b1b1b; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;}
.social{display:flex; align-items:center; gap:14px;}
.social a{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:6px; background:#1a1a1a; border:1px solid #262626;}
.social a:hover{background:#202020; border-color:#2e2e2e;}
.social svg{width:18px; height:18px; fill:#fff;}
/* Responsive */
@media (max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .gallery-grid{grid-template-columns:1fr;} .brand img{height:52px;}}