/* BIAF — Additional Experience */
.exp-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px 36px;
  align-items: stretch;
}
@media (min-width: 640px){
  .exp-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px){
  .exp-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.exp-card{ display: flex; flex-direction: column; min-width: 0; height: 100%; }
.exp-card__cover{ margin: 0 0 8px; overflow: hidden; }
.exp-card__cover img{ display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.exp-card__thumbs{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.exp-card__thumbs--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.exp-card__thumbs--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.exp-card__thumbs img{ display: block; width: 100%; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.exp-card__title{ margin: 0 0 6px; color: var(--biaf-white); font-size: 18px; font-weight: 700; line-height: 1.3; }
.exp-card__subtitle{ margin: 0 0 10px; color: var(--biaf-pink); font-size: 15px; font-style: italic; line-height: 1.3; }
.exp-card__meta{ margin: 0 0 14px; color: var(--biaf-muted); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.exp-card__text{ margin: 0; color: var(--biaf-beige); font-size: 17px; line-height: 130%; }
.exp-card__text p{ margin: 0 0 12px; }
.exp-card__more{ margin: 0 0 12px; }
.exp-card__more > summary{ display: inline-block; padding: 2px 0; color: var(--biaf-pink); font-size: 14px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; list-style: none; }
.exp-card__more > summary::-webkit-details-marker{ display: none; }
.exp-card__more > summary::after{ content: " +"; }
.exp-card__more[open] > summary::after{ content: " \2013"; }
.exp-card__more[open] > summary{ margin-bottom: 12px; }
.exp-card__links{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: auto; padding-top: 16px; }
.exp-link{ color: var(--biaf-pink); font-size: 14px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.exp-link:hover{ text-decoration: underline; }
.exp-link::after{ content: " \2197"; }

/* ---- увеличение миниатюр ---- */

.exp-zoom{ display: block; cursor: zoom-in; }
.exp-zoom:hover img{ opacity: .85; }

.exp-lightbox{
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 48px 56px;
  background: rgba(0, 0, 0, .92);
}
.exp-lightbox.is-open{ display: flex; }
.exp-lightbox__img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.exp-lightbox__close,
.exp-lightbox__nav{
  position: absolute;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  line-height: 1;
  cursor: pointer;
}
.exp-lightbox__close{ top: 12px; right: 18px; font-size: 40px; }
.exp-lightbox__nav{ top: 50%; transform: translateY(-50%); font-size: 56px; padding: 8px; }
.exp-lightbox__nav--prev{ left: 8px; }
.exp-lightbox__nav--next{ right: 8px; }
.exp-lightbox__close:hover,
.exp-lightbox__nav:hover{ color: var(--biaf-pink); }
@media (max-width: 639px){
  .exp-lightbox{ padding: 56px 12px; }
  .exp-lightbox__nav{ font-size: 44px; }
}