body{font-family:Poppins,sans-serif;margin:0;padding-top:120px;background:#f8f9fa;color:#222}
.topnav{background:#023e8a;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1200;box-shadow:0 4px 18px rgba(0,0,0,0.12)}
.topnav .container{display:flex;justify-content:space-between;align-items:center;padding:-150px 20px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:992px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.gallery-grid{grid-template-columns:1fr}}
.gallery-card{position:relative;overflow:hidden;border-radius:8px;background:#fff}
.gallery-card img{width:100%;height:240px;object-fit:cover;transition:transform .35s ease}
.gallery-card:hover img{transform:scale(1.05)}
.gallery-watermark{position:absolute;left:8px;bottom:8px;color:rgba(255,255,255,0.85);font-weight:700;pointer-events:none;transition:opacity .25s ease}
.gallery-card:hover .gallery-watermark{opacity:0}
.hover-desc{position:absolute;left:0;right:0;bottom:-70px;padding:12px;background:rgba(0,0,0,0.65);color:#fff;text-align:center;font-size:14px;transition:bottom .35s ease,opacity .35s ease;opacity:0}
.gallery-card:hover .hover-desc{bottom:12px;opacity:1}
.gallery-caption-perm{text-align:center;margin-top:8px;font-weight:600;color:#023e8a;font-size:14px}