*{box-sizing:border-box}
body { font-family: Arial, sans-serif; margin:0; padding:0; background:#fff; color:#222; }
header { background: #0a3d62; color: white; padding: 12px 20px; display:flex; align-items:center; gap:20px; }
header .logo { height:56px; }
header h1 { font-size:20px; margin:0; }
nav { background:#1e6091; padding:10px 0; }
nav .nav-inner { max-width:1100px; margin:0 auto; text-align:center; }
nav a { color:white; margin:0 12px; text-decoration:none; font-weight:600; }
nav a:hover { text-decoration:underline; }
.container { max-width:1100px; margin:30px auto; padding:0 20px; }
.hero { text-align:center; margin-bottom:20px; }
.slideshow { position:relative; width:100%; max-height:500px; overflow:hidden; border-radius:8px; }
.slideshow img { width:100%; height:450px; object-fit:cover; display:block; }
.section { margin:30px 0; }
h2 { color:#0a3d62; }
ul { padding-left:20px; }
footer { background:#0a3d62; color:white; text-align:center; padding:15px; margin-top:30px; }

/* Gallery */
.gallery { display:flex; flex-wrap:wrap; gap:12px; justify-content:center;}
.gallery img { width:240px; height:160px; object-fit:cover; border-radius:6px; cursor:pointer; }

/* Lightbox */
.lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.9); justify-content:center; align-items:center; z-index:999; }
.lightbox img { max-width:90%; max-height:85%; border-radius:8px; }
.lightbox .close { position:absolute; top:20px; right:30px; color:white; font-size:36px; text-decoration:none; }
.lightbox .nav { position:absolute; top:50%; transform:translateY(-50%); color:white; font-size:48px; text-decoration:none; padding:12px; }
.lightbox .prev { left:20px; }
.lightbox .next { right:20px; }

@media(max-width:600px){
  header { flex-direction:column; align-items:flex-start; }
  .gallery img { width:48%; }
  .slideshow img { height:260px; }
}