/* The drawing and material render live inside the original central image card. */
.image-card.well-card { --well-wipe: 108%; background: #ffffff; overflow: hidden; }
.well-card .well-artboard {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 100%; height: 100%; pointer-events: none;
}
.image-card.well-card .well-render, .well-card .well-blueprint {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  object-fit: contain; object-position: center; border-radius: 0;
}
.well-card.is-ready .well-render {
  -webkit-mask-image: linear-gradient(90deg, transparent calc(var(--well-wipe) - 2%), #000 calc(var(--well-wipe) + 2%));
  mask-image: linear-gradient(90deg, transparent calc(var(--well-wipe) - 2%), #000 calc(var(--well-wipe) + 2%));
}
.well-card .well-blueprint-lines { display: none; }
.well-card.is-ready .well-blueprint-lines { display: block; mask: url(#well-drawing-mask); }
.well-line { stroke: #4d585b; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.well-cement-line { stroke: #858d88; stroke-width: 1.3; }
.well-hatch { stroke: #a4aaa4; stroke-width: 1; }
.well-formation-line { stroke: #d2d6d0; stroke-width: 1.2; }
.well-card.is-ready .well-line path { stroke-dasharray: 1; }
.well-axis { stroke: #afb5af; stroke-width: 1; stroke-dasharray: 7 13; opacity: 0; }
.well-card.is-static .well-render { -webkit-mask-image: none; mask-image: none; }
.well-card.is-static .well-blueprint-lines, .well-card.is-static .well-axis { display: none; }
@media (prefers-reduced-motion: reduce), print {
  .well-card .well-render { -webkit-mask-image: none !important; mask-image: none !important; }
  .well-card .well-blueprint-lines, .well-card .well-axis { display: none !important; }
}