/* Reset */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Verdana,sans-serif;}

/* Colors */
:root{
  --primary:#007bff;
  --hero-bg:#3399ff;
  --text:#fff;
}

/* Header */
header{background:var(--primary);color:#fff;position:sticky;top:0;z-index:1000;}
.header-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.logo a{color:#fff;text-decoration:none;font-weight:700;font-size:1.7rem;}
.nav-links{list-style:none;display:flex;gap:20px;}
.nav-links a{color:#fff;text-decoration:none;font-weight:600;padding-right:15px;}
.nav-links a:hover{color:#f8d7a4;}
@media(max-width:900px){
  .nav{position:fixed;left:0;top:60px;right:0;background:var(--primary);max-height:0;overflow:hidden;transition:max-height .3s;}
  .nav.open{max-height:70vh;}
  .nav-links{flex-direction:column;padding:14px 20px;gap:14px;}
}

/* Hero */
.hero-gallery{height:45vh;background:var(--hero-bg);display:flex;align-items:center;justify-content:center;text-align:center;}
.hero-gallery .hero-text h1{font-size:3rem;color:var(--text);}

/* Gallery grid */
.gallery-container{max-width:1200px;margin:40px auto;padding:0 15px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.gallery-item{position:relative;cursor:pointer;transition:transform .3s;}
.gallery-item:hover{transform:scale(1.02);}
.gallery-item video,
.gallery-item img{width:100%;border-radius:8px;object-fit:cover;display:block;}
.caption{margin-top:6px;text-align:center;font-style:italic;color:#333;font-size:0.95rem;}

/* Responsive */
@media(max-width:1024px){.gallery-container{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.gallery-container{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.gallery-container{grid-template-columns:1fr;}}

/* Footer */
.site-footer{background:var(--primary);color:#fff;text-align:center;padding:20px 0;}