/* Gallery listing, Figma 2017:102. */
.bt-gallery-page {
  position: relative;
  overflow: visible;
  padding: 188px 0 250px;
}
.bt-page-background--gallery::before,
.bt-page-background--gallery::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  aspect-ratio: 1119.658 / 1063.803;
  background: url("../img/conference/shape-4.png") center / contain no-repeat;
}
.bt-page-background--gallery::before {
  width: min(47.12vw, 904.68px);
  top: 420px;
  left: calc(50% - min(75.67vw, 1452.38px));
  transform: rotate(4.15deg);
}
.bt-page-background--gallery::after {
  width: min(58.32vw, 1119.658px);
  top: 458px;
  left: calc(50% + min(18.52vw, 355.65px));
  transform: rotate(-103.92deg);
}
.bt-gallery-page .bt-galleries { margin-top: 0; margin-bottom: 0; gap: 19px; }
.bt-gallery-page .bt-gallery-row { min-height: 252px; max-height: none; }
.bt-gallery-page .bt-gallery-row__img { width: 32%; margin: 10px; }
.bt-gallery-page .bt-gallery-row__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px clamp(24px, 6.25vw, 120px) 24px 16px;
}
.bt-gallery-page .bt-gallery-row__title,
.bt-gallery-page .bt-gallery-row__excerpt {
  font-size: clamp(24px, 2.24vw, 43px);
  letter-spacing: .5em;
  line-height: 1.3;
}

/* Open album, Figma 2019:259. Photos retain their original proportions. */
.bt-gallery-album { padding-top: 188px; padding-bottom: 110px; }
.bt-gallery-album__header {
  width: var(--layout-available);
  max-width: var(--layout-max);
  margin: 0 auto 64px;
  text-align: center;
  font-family: var(--font-display);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.bt-gallery-album__header h1,
.bt-gallery-album__header p {
  font-size: clamp(24px, 2.24vw, 43px);
  font-weight: 400;
  letter-spacing: .5em;
  padding-left: .5em;
  line-height: 1.3;
  margin: 0;
}
.bt-gallery-album__header p { color: var(--bt-green); }
.bt-gallery-photos { display: flex; flex-direction: column; gap: 20px; }
.bt-gallery-photos__image { display: block; width: 100%; height: auto; border-radius: 0; }
.bt-gallery-album__empty { padding: 60px 0; text-align: center; font-size: 20px; }

@media (max-width: 768px) {
  .bt-gallery-page { padding-top: 140px; padding-bottom: 120px; }
  .bt-page-background--gallery::before { width: min(72vw, 360px); left: 8%; top: 320px; }
  .bt-page-background--gallery::after { width: min(68vw, 340px); left: auto; right: 12%; top: auto; bottom: 28px; }
  .bt-gallery-page .bt-gallery-row__img { width: calc(100% - 20px); }
  .bt-gallery-page .bt-gallery-row__info { padding: 16px 20px 24px; }
  .bt-gallery-page .bt-gallery-row__title,
  .bt-gallery-page .bt-gallery-row__excerpt { letter-spacing: .25em; }
  .bt-gallery-album { padding-top: 140px; padding-bottom: 80px; }
  .bt-gallery-album__header { margin-bottom: 40px; }
  .bt-gallery-album__header h1,
  .bt-gallery-album__header p { letter-spacing: .25em; padding-left: .25em; }
  .bt-gallery-photos { gap: 12px; }
}