.gallery-page {
  background:
    radial-gradient(circle at 50% -20%, rgba(120, 160, 120, 0.20), transparent 34%),
    linear-gradient(180deg, #6f7d6a 0%, #566451 45%, #43503f 100%);
}

/* =========================================================
   PAGE HERO UNDER HEADER
   ========================================================= */

.gallery-page .section-head {
  text-align: center;
  max-width: 920px;
  margin: 0 auto 40px;
}

.gallery-page .section-head h2 {
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.gallery-page .section-head h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin: 16px auto 0;
  border-radius: 999px;
  background: var(--accent);
}

.gallery-page .section-head p {
  margin: 0 auto;
  max-width: 760px;
  font-size: 1.08rem;
  line-height: 1.7;
  color: #edf3ea;
}

.gallery-page .group-card,
.gallery-page .feature-card,
.gallery-page .panel {
  box-shadow: 0 24px 64px rgba(0,0,0,0.32);
}

.nature-page #categories {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #1c4320 0%, #70c277 60%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.nature-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #70c277 0%, #1c4320 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}
/* =========================================================
   WILDLIFE PAGE
   ========================================================= */

.wildlife-page #categories {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #3a3f2e 0%, #6f7a5a 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.wildlife-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #6f7a5a 0%, #2f3524 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

/* =========================================================
   MAMMALS PAGE
   ========================================================= */

.mammals-page #categories {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #3a3f2e 0%, #6f7a5a 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.mammals-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #6f7a5a 0%, #2f3524 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}


/* =========================================================
   BATS PAGE
   ========================================================= */

.bats-page #categories {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #3a3f2e 0%, #6f7a5a 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.bats-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #6f7a5a 0%, #2f3524 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

/* =========================================================
   BIRDS PAGE
   ========================================================= */

.birds-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #5c6d74 0%, #2e3940 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.birds-page #gallery {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #2c3940 0%, #657881 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

/* =========================================================
   MAMMALS PAGE
   ========================================================= */

.mammals-page #featured {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #6f6457 0%, #3a312a 100%);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.mammals-page #categories {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #2f2923 0%, #6d6258 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}

.mammals-page #gallery {
  padding-top: 88px;
  padding-bottom: 88px;
  background: linear-gradient(180deg, #3a312a 0%, #74695d 100%);
  border-top: 3px solid rgba(255,255,255,0.05);
  border-bottom: 3px solid rgba(255,255,255,0.05);
}