/* This body-level surface belongs only to the public preview controller.
   Opaque normal compositing keeps the All work lettering behind the images. */
body > .r24-portfolio-previews[data-r24-public="true"] {
  position: fixed;
  z-index: 11940;
  inset: 0 auto auto 0;
  width: 0;
  height: 0;
  pointer-events: none !important;
  user-select: none;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  isolation: isolate;
  perspective: 680px;
  transform-style: preserve-3d;
  contain: layout style;
}
body > .r24-portfolio-previews[hidden] { display: none !important; }
body > .r24-portfolio-previews .r24-previous-frame,
body > .r24-portfolio-previews .r24-preview-particle {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 180px;
  height: 120px;
  overflow: hidden;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0;
  background: #101010;
  box-shadow: 0 8px 22px rgb(0 0 0 / .28);
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  isolation: isolate;
  backface-visibility: hidden;
  pointer-events: none !important;
  will-change: transform;
}
body > .r24-portfolio-previews .r24-previous-frame {
  width: 320px;
  height: 200px;
  transform-origin: left bottom;
}
body > .r24-portfolio-previews .r24-preview-deck {
  width: 0;
  height: 0;
  perspective: 680px;
  transform-style: preserve-3d;
}
body > .r24-portfolio-previews img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  transform: none;
  pointer-events: none !important;
}
body > .r24-portfolio-previews [data-r24-ready="false"],
body > .r24-portfolio-previews [data-r25-visible="false"] { visibility: hidden; }
body > .r24-portfolio-previews:not([data-r24-kind="previous"]) .r24-previous-frame,
body > .r24-portfolio-previews:not([data-r24-kind="all-work"]) .r24-preview-deck { display: none; }
@media (hover: none), (pointer: coarse), print {
  body > .r24-portfolio-previews[data-r24-public="true"] { display: none !important; }
}