.page-gallery {
  color: #e8f7fb;
  background: linear-gradient(145deg, #0b2b43 0%, #12425d 52%, #0d3049 100%);
}

.page-gallery::before {
  opacity: .72;
  background: radial-gradient(circle at 8% 12%, rgba(76, 201, 255, .13), transparent 27%), radial-gradient(circle at 94% 88%, rgba(77, 157, 255, .14), transparent 30%);
}

.page-gallery .section-title { color: #fff; }
.page-gallery .section-copy { color: #a9c5d1; }
.page-gallery .section-kicker { color: #55ddff; }

.page-gallery-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.page-gallery .gallery-grid > figure {
  border-color: rgba(149, 205, 226, .2);
  background: #16445d;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .18);
}

@media (max-width: 640px) {
  .page-gallery { background: #0d3049; }
  .page-gallery-head { display: block; }
  .page-gallery-head .section-copy { margin-top: 14px !important; text-align: left; }
  .page-gallery-actions { justify-content: stretch; }
  .page-gallery-actions .btn-ghost { width: 100%; justify-content: center; }
}