/* 48d: one photographic identity, from the opening scene to the last print. */
:root { --bg: #202b24; background: var(--bg); }
body::before { display: none; }
.foto-exit { background: #090e0c; }
.gallery-album { background: #202b24; padding-top: 0; }
.gallery-album::before {
  background:
    linear-gradient(#090e0c 0, #122019e8 210px, #202b24d9 600px, #202b24 1400px),
    url('assets/klucznik-hero-web-29c.webp') left top / auto 1400px no-repeat;
}
.gallery-album .album-heading { padding-block: 30px 12px; }
.gallery-album .album-heading h2 {
  font: 400 32px/1.2 Georgia, 'Times New Roman', serif;
  color: #e6d9c4;
}
.gallery-album .collection { row-gap: 28px; padding-bottom: 60px; }
.gallery-album .collection-heading { gap: 24px; padding-left: 24px; }
.gallery-album .collection-count {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  white-space: nowrap;
  color: #c3c7ba;
  font-size: 11px;
}
.gallery-album .filter-bar button { color: #c3c7ba; }
.gallery-album .filter-bar button[aria-pressed='true'] { color: #f1e6d5; border-color: #c9b596; }
.gallery-album .filter-bar, .gallery-album .collection-heading { border-color: #c9b59638; }
.gallery-album .photo {
  background: #e8e4da;
  border-color: #d1caba;
  box-shadow: 0 10px 24px #02090655;
}
.gallery-album .photo:hover, .gallery-album .photo:focus-within { box-shadow: 0 14px 30px #02090677; }
footer { border-color: #c9b59638; }
@media (max-width: 900px) and (min-width: 701px) {
  .gallery-album .collection-heading { padding-left: 18px; gap: 12px; }
  .gallery-album .filter-bar { gap: 0 18px; }
}
@media (max-width: 700px) {
  .gallery-album .album-heading { padding-block: 24px 8px; }
  .gallery-album .album-heading h2 { font-size: 28px; }
  .gallery-album .collection { row-gap: 15px; padding-bottom: 40px; }
  .gallery-album .collection-heading { padding-left: 0; justify-content: space-between; gap: 12px; }
}