/* bundle-lightbox — built by dev/site/build-bundles.php from: site/lightbox */
.lightbox { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 56px 72px 28px; }
.lightbox__backdrop { position: absolute; inset: 0; background: rgba(20, 14, 40, .94); animation: fade-in .25s ease; }
.lightbox__figure { position: relative; display: grid; justify-items: center; gap: 12px; margin: 0; max-width: 100%; max-height: 100%; animation: pop-in .3s var(--ease); }
.lightbox__frame { position: relative; display: grid; place-items: center; }
.lightbox__img {
display: block;
max-width: min(1200px, calc(100vw - 150px));
max-height: calc(100vh - 170px);
width: auto;
height: auto;
object-fit: contain;
outline: 1px solid rgba(207, 173, 103, .6);
outline-offset: 6px;
background: #2E2354;
}
.lightbox__caption { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; width: 100%; max-width: 900px; }
.lightbox__text { margin: 0; color: var(--dt-gold); }
.lightbox__count { flex: none; font-family: var(--font-sub); font-size: .875rem; color: var(--dt-muted-dark); }
.lightbox__nav, .lightbox__close { position: absolute; z-index: 2; }
.lightbox__nav {
top: 50%;
display: grid;
place-items: center;
width: 50px;
height: 50px;
margin-top: -25px;
padding: 0;
border: 1px solid rgba(207, 173, 103, .45);
border-radius: 50%;
background: rgba(46, 35, 84, .6);
color: var(--dt-gold);
font-size: 1.3rem;
}
.lightbox__nav:hover { background: var(--dt-gold); color: var(--dt-indigo-deep); }
.lightbox__nav--prev { right: 14px; }
.lightbox__nav--next { left: 14px; }
.lightbox__close { top: 12px; left: 12px; background: rgba(46, 35, 84, .6); border-color: rgba(207, 173, 103, .45); color: var(--dt-gold); }
.lightbox__close:hover { background: var(--dt-gold); color: var(--dt-indigo-deep); }
.lightbox.is-single .lightbox__nav, .lightbox.is-single .lightbox__count { display: none; }
@media (max-width: 699px) {
.lightbox { padding: 60px 10px 20px; }
.lightbox__img { max-width: calc(100vw - 20px); max-height: calc(100vh - 190px); }
.lightbox__nav { top: auto; bottom: 18px; margin-top: 0; }
.lightbox__caption { padding-inline: 60px; }
}