/* One lightbox for the whole site. Replaces Drupal's colorbox, whose aggregated
   JS bundle was only captured on some pages - which is why popups worked on
   some galleries and silently did nothing on others. */
.pk-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;
  justify-content:center;background:rgba(20,16,12,.92);opacity:0;
  transition:opacity .18s ease;padding:48px 64px}
.pk-lb[hidden]{display:none}
.pk-lb.is-open{opacity:1}
.pk-lb__fig{margin:0;display:flex;flex-direction:column;align-items:center;
  max-width:100%;max-height:100%}
.pk-lb__img{max-width:100%;max-height:calc(100vh - 130px);display:block;
  box-shadow:0 6px 40px rgba(0,0,0,.6);background:#fff}
.pk-lb__cap{color:#f2ece4;font:400 15px/1.5 "Open Sans",system-ui,sans-serif;
  margin-top:14px;text-align:center;max-width:70ch}
.pk-lb__count{color:#b9ac99;font:400 13px/1.5 "Open Sans",system-ui,sans-serif;
  margin-top:4px}
.pk-lb__btn{position:absolute;background:none;border:0;color:#f2ece4;
  cursor:pointer;font:300 44px/1 "Open Sans",system-ui,sans-serif;padding:10px 18px;
  border-radius:4px;transition:background .15s ease}
.pk-lb__btn:hover,.pk-lb__btn:focus-visible{background:rgba(255,255,255,.14)}
.pk-lb__btn:focus-visible{outline:2px solid #fdf369;outline-offset:2px}
.pk-lb__prev{left:8px;top:50%;transform:translateY(-50%)}
.pk-lb__next{right:8px;top:50%;transform:translateY(-50%)}
.pk-lb__close{top:8px;right:8px;font-size:34px}
.pk-lb__btn[hidden]{display:none}
.pk-lb__spinner{color:#b9ac99;font:400 15px/1 "Open Sans",system-ui,sans-serif}
a.pk-zoom{cursor:zoom-in}
@media (max-width:640px){
  .pk-lb{padding:44px 8px}
  .pk-lb__btn{font-size:32px;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){.pk-lb{transition:none}}