/**
 * Shared Review and Member Project slideshow presentation
 *
 * The two archives supply different photographs and captions, but their
 * controls and thumbnail strips are one visual component. Member Projects may
 * opt into a wider stage through their section stylesheet without changing
 * this common navigation chrome.
 */
[data-review-slideshow],
[data-project-slideshow] {
  background:#071a31;
  color:#fff
}
[data-review-slideshow] {
  padding:0!important
}
.review-slideshow-head {
  min-height:7rem;
  margin:0!important;
  padding:1.5rem 2rem;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  background:#092443
}
.review-slides,
.project-slide-stage {
  background:#061325
}
.review-slide-controls {
  min-height:6rem;
  padding:1rem 1.25rem!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.18);
  background:#101b33;
  color:#fff
}
.review-slide-controls>button,
.review-slide-controls>a {
  min-height:2.75rem;
  padding:.55rem .9rem!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.45)!important;
  background:transparent!important;
  color:#fff!important;
  font:800 .75rem "DM Sans",sans-serif!important;
  cursor:pointer
}
.review-slide-controls>button:hover,
.review-slide-controls>button:focus-visible,
.review-slide-controls>a:hover,
.review-slide-controls>a:focus-visible {
  border-color:#f2b84b!important;
  background:#f2b84b!important;
  color:#101b33!important;
  outline:none
}
.review-slide-count {
  margin:0;
  color:#c9d3df;
  font-size:.9rem;
  font-weight:800
}
.review-slide-count strong {
  color:#f2b84b;
  font-size:1.1em
}
.review-slide-thumbs,
.project-thumb-grid {
  padding:.6rem!important;
  display:flex!important;
  gap:.45rem!important;
  overflow-x:auto;
  background:#26364d
}
.review-slide-thumbs>a,
.project-thumb-grid>a {
  position:relative;
  flex:0 0 6.5rem!important;
  min-height:5rem;
  overflow:hidden;
  border:3px solid transparent!important;
  background:#0b213e
}
.review-slide-thumbs>a.is-active,
.project-thumb-grid>a.is-active {
  border-color:#f2b84b!important;
  outline:0
}
.review-slide-thumbs>a:focus-visible,
.project-thumb-grid>a:focus-visible {
  border-color:#fff!important;
  outline:none
}
.review-slide-thumbs img,
.project-thumb-grid img {
  width:100%!important;
  height:5rem!important;
  display:block;
  object-fit:cover;
  opacity:.72;
  transition:opacity .2s ease,transform .2s ease
}
.review-slide-thumbs>a:hover img,
.review-slide-thumbs>a:focus-visible img,
.review-slide-thumbs>a.is-active img,
.project-thumb-grid>a:hover img,
.project-thumb-grid>a:focus-visible img,
.project-thumb-grid>a.is-active img {
  opacity:1;
  transform:scale(1.035)
}
.copy-confirm {
  color:#f2b84b!important;
  font-weight:800!important
}

@media(max-width:47.5rem) {
  .review-slideshow-head {
    min-height:0;
    padding:1.25rem;
    align-items:start;
    flex-direction:column;
    gap:.65rem
  }
  .review-slide-controls {
    justify-content:center
  }
  .review-slide-controls>button,
  .review-slide-controls>a {
    flex:1 1 auto
  }
}