/* Brand-tuned image-viewer skin for the already-vendored Magnific Popup. */
.mfp-bg { position: fixed; z-index: 1042; inset: 0; overflow: hidden; background: rgb(31 28 25 / 94%); }
.mfp-wrap { position: fixed; z-index: 1043; inset: 0; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { position: absolute; inset: 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 3.5rem 5rem; text-align: center; }
.mfp-content { position: relative; z-index: 1045; width: auto; max-width: 100%; margin: 0 auto; text-align: left; }
.mfp-figure { position: relative; margin: 0; }
.mfp-figure::after { position: absolute; z-index: -1; inset: 0; content: ''; box-shadow: 0 1rem 4rem rgb(0 0 0 / 25%); }
.mfp-figure figure { margin: 0; }
img.mfp-img { display: block; box-sizing: border-box; width: auto; max-width: 100%; height: auto; max-height: calc(100vh - 7.5rem) !important; margin: 0 auto; padding: 0; object-fit: contain; }
.mfp-bottom-bar { display: flex; justify-content: flex-end; margin-top: .5rem; color: #f8f5ef; font: 400 .8125rem/1.4 var(--ut-font-body); }
.mfp-title { display: none; }
.mfp-counter { color: #f8f5ef; font: 400 .8125rem/1.4 var(--ut-font-body); white-space: nowrap; }
.mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: .5rem; left: .5rem; margin-top: -.8em; color: #f8f5ef; text-align: center; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { position: absolute; z-index: 1046; display: grid; place-items: center; overflow: visible; width: 2.75rem; height: 2.75rem; border: 1px solid rgb(255 252 247 / 45%); border-radius: 50%; padding: 0; background: rgb(255 252 247 / 10%); color: #fff; font: 300 1.75rem/1 var(--ut-font-body); cursor: pointer; appearance: none; box-shadow: none; touch-action: manipulation; }
button.mfp-close { top: 1rem; right: 1rem; opacity: .9; }
button.mfp-close:hover,button.mfp-close:focus,button.mfp-arrow:hover,button.mfp-arrow:focus { opacity: 1; background: rgb(255 252 247 / 20%); }
.mfp-image-holder .mfp-close { top: .75rem; right: .75rem; width: 2.75rem; height: 2.75rem; padding: 0; color: #fff; text-align: center; }
button.mfp-arrow { top: 50%; width: 3rem; height: 3rem; margin-top: -1.5rem; }
button.mfp-arrow::before { display: block; width: .625rem; height: .625rem; border: solid #fff; border-width: 2px 2px 0 0; content: ''; }
button.mfp-arrow::after { display: none; }
button.mfp-arrow-left { left: 1rem; }
button.mfp-arrow-left::before { margin-left: .25rem; transform: rotate(-135deg); }
button.mfp-arrow-right { right: 1rem; }
button.mfp-arrow-right::before { margin-right: .25rem; transform: rotate(45deg); }
.mfp-image-holder .mfp-content { max-width: min(90vw, 84rem); }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: zoom-out; }
.mfp-gallery .mfp-image-holder .mfp-figure::after { box-shadow: none; }
.mfp-gallery .mfp-image-holder .mfp-figure figure { cursor: default; }
.mfp-gallery .mfp-image-holder .mfp-close { cursor: pointer; }
@media (max-width: 50rem) {
  .mfp-container { padding: 3.5rem 3.25rem; }
  .mfp-image-holder .mfp-content { max-width: calc(100vw - 6.5rem); }
  img.mfp-img { max-height: calc(100vh - 8rem) !important; }
  button.mfp-arrow { width: 2.5rem; height: 2.5rem; }
  button.mfp-arrow-left { left: .375rem; }
  button.mfp-arrow-right { right: .375rem; }
  .mfp-image-holder .mfp-close { top: .375rem; right: .375rem; }
}
@media (prefers-reduced-motion: reduce) {
  .mfp-bg,.mfp-wrap,.mfp-content { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}