/* Photo heroes — single clean layer, flag on the left */
.page-hero.hero-photo {
  min-height: 380px;
  display: flex; align-items: center;
  background: linear-gradient(rgba(13,34,66,0.72), rgba(13,34,66,0.55)),
              url('/assets/images/gallery/hero-flag4.jpg') center 20%/cover no-repeat;
}
.page-hero.hero-photo h1 { color: #fff; }
.page-hero.hero-photo p { color: rgba(255,255,255,0.90); }
.page-hero.hero-photo .eyebrow { color: #F2B705; }

.photo-band {
  min-height: 420px;
  display: flex; align-items: center;
  padding: 70px 0; text-align: center; color: #fff;
  background: linear-gradient(rgba(13,34,66,0.78), rgba(13,34,66,0.66)), url('/assets/images/gallery/photo2.jpg') center 12%/cover no-repeat;
}
.photo-band .container { width: 100%; }
.photo-band h2 { color: #fff; font-size: 2rem; margin-bottom: 12px; }
.photo-band p { color: rgba(255,255,255,0.90); max-width: 620px; margin: 0 auto 26px; }

.page-photo { margin: 0; }
.page-photo img {
  width: 100%; max-height: 440px; object-fit: cover; object-position: center 35%;
  border-radius: 16px; display: block;
  box-shadow: 0 10px 30px rgba(13,34,66,0.14);
}
.page-photo figcaption {
  margin-top: 12px; padding-left: 14px; border-left: 4px solid #F2B705;
  font-size: 0.875rem; color: var(--muted, #666); font-style: italic;
}

@media (max-width: 860px) {
  .page-hero.hero-photo { min-height: 300px; }
  .photo-band { min-height: 340px; padding: 54px 0; }
  .page-photo img { max-height: 300px; }
}