/* Full-bleed original Dunar crest behind the suppressor displays. */
.hero::before {
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  background-size: cover;
  background-position: center;
  opacity: .58;
  mask-image: none;
}
.hero::after {
  background: linear-gradient(90deg, #030303a8, #03030310 72%),
    linear-gradient(0deg, #050505e6, transparent 42%);
}
.hero-art { mix-blend-mode: screen; box-shadow: none; }
.card-image-button,
.original-viewport,
.viewer-frame,
.detail-art-wrap,
.finish-art-wrap {
  background-image:
    linear-gradient(135deg, #0505059c, #05050570 50%, #050505c9),
    url('assets/dunar-original-logo-v13.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  isolation: isolate;
}
.card-image-button .concept-art,
.detail-art-wrap .concept-art,
#original-art,
.finish-stage {
  mix-blend-mode: screen;
  background-color: transparent;
}
.viewer-ghost, .viewer-grid { opacity: .14; }
.original-footer, .viewer-toolbar { background: #080807ee; }
@media (max-width: 700px) {
  .hero::before { inset: 0; width: 100%; height: 100%; opacity: .5; }
  .hero::after { background: linear-gradient(0deg, #050505e6, #05050550 55%, #05050560); }
}