/* ===== GALLERY page (gallery.php) ===== */
.gl-hero{padding:84px 0 96px}
.gl-hero h1{max-width:820px;margin-left:auto;margin-right:auto;line-height:1.15;letter-spacing:-.02em}
.gl-hero p{font-size:1.05rem;margin-bottom:28px}
.gl-hero .badge{margin-bottom:16px}
.gl-orbs i{position:absolute;display:block;border-radius:50%;pointer-events:none;animation:glOrb 11s ease-in-out infinite}
.gl-orbs .o1{width:260px;height:260px;left:6%;top:14%;background:radial-gradient(circle at 30% 30%,rgba(0,198,255,.45),transparent 70%)}
.gl-orbs .o2{width:320px;height:320px;right:4%;top:-8%;background:radial-gradient(circle at 60% 40%,rgba(139,44,245,.5),transparent 70%);animation-delay:-4s}
.gl-orbs .o3{width:180px;height:180px;right:22%;bottom:-6%;background:radial-gradient(circle,rgba(10,108,255,.5),transparent 70%);animation-delay:-7s}
@keyframes glOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-22px) scale(1.08)}}

.gl-main{padding-top:84px;padding-bottom:96px}
/* grid: 3 columns, first photo of every row of six is featured (wide) */
.gl-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.gl-grid .g-item{aspect-ratio:4/3}
.gl-grid .g-item:nth-child(6n+1){grid-column:span 2;aspect-ratio:auto;min-height:260px}
.gl-grid .g-item:nth-child(6n+1) img{position:absolute;inset:0}
.gl-empty{text-align:center;color:var(--muted);font-weight:600;padding:30px 0}

@media (max-width:900px){
  .gl-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .gl-grid .g-item:nth-child(6n+1){grid-column:auto;aspect-ratio:4/3;min-height:0}
  .gl-grid .g-item:nth-child(6n+1) img{position:static}
}
@media (max-width:560px){
  .gl-hero{padding:60px 0 72px}
  .gl-grid{grid-template-columns:1fr}
}