*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Montserrat',sans-serif;
  background:#101010;
  color:#e6e6e6;
  line-height:1.6;
}

.nav{
  height:70px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:0 30px;
  background:rgba(22,22,22,0.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.05);
  position:fixed;top:0;width:100%;z-index:50;
}

.nav-back{color:#39d98a;text-decoration:none;font-weight:600;}
.nav-title{font-size:1.2rem;font-weight:600;}

/* Remove hero spacing on gallery page */
.hero {
  padding-top: 60px !important;
  padding-bottom: 20px !important;
}

/* New gallery header spacing */
.gallery-header {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 20px;
}

.hero-inner h1{font-size:2.4rem;font-weight:700;}
.hero-inner p{font-size:1.05rem;color:#bfbfbf;margin-top:8px;}

.gallery-grid{
  max-width:1200px;
  margin:40px auto 80px auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
}

.gallery-grid img{
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.05);
  transition:transform 0.25s ease, filter 0.25s ease;
}

.gallery-grid img:hover{
  transform:scale(1.03);
  filter:brightness(1.1);
}

.footer{
  padding:40px;text-align:center;color:#777;font-size:.9rem;
}