/* Align display masks to the photographed geometry; retain the original JPEG pixels. */
.module-1 img { mask-image: url('assets/m74c-module-outline.svg'); }
.module-2 img { mask-image: url('assets/m74-module-outline.svg'); }
.module-3 img { mask-image: url('assets/m74p-module-outline.svg'); }
.module-4 img { mask-image: url('assets/m74r-module-outline.svg'); }
.m74-assembly img { mask-image: url('assets/m74-series-side-outline.svg'); }
/* Broad ambient shadow and a smaller contact shadow follow the photographed base. */
.m74-photo { isolation: isolate; }
.m74-photo::before,
.m74-photo::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  transform: rotate(-4deg);
}
.m74-photo::before {
  left: 12%;
  right: 3%;
  bottom: .8%;
  height: 7.5%;
  background: radial-gradient(ellipse at center,rgba(1,12,27,.34) 0%,rgba(1,12,27,.16) 40%,rgba(1,12,27,0) 73%);
  filter: blur(5px);
}
.m74-photo::after {
  left: 43%;
  right: 8%;
  bottom: 3.1%;
  height: 3.5%;
  opacity: 1;
  background: radial-gradient(ellipse at center,rgba(1,10,22,.64) 0%,rgba(1,10,22,.27) 40%,rgba(1,10,22,0) 72%);
  filter: blur(2px);
}
@media(max-width:700px) {
  .m74-photo::before { filter: blur(3px); }
  .m74-photo::after { filter: blur(1px); }
}