/* A narrow highlight and shallow perspective on the existing white surfaces. */
@media (hover: hover) and (pointer: fine) and (min-width: 861px) and (min-height: 601px) and (prefers-reduced-motion: no-preference) {
  .pointer-enabled .production-light .pointer-surface,
  .pointer-enabled .production-light .pointer-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  .pointer-enabled .production-light .debris > .pointer-surface { pointer-events: auto; }
  .pointer-enabled .production-light .pointer-surface:not(.reveal),
  .pointer-enabled .production-light .pointer-surface.reveal.in {
    transform: perspective(1100px) rotateX(var(--pointer-rx, 0deg)) rotateY(var(--pointer-ry, 0deg));
    transition-property: border-color, background-color, box-shadow, opacity;
  }
  .pointer-enabled .production-light .pointer-surface.pointer-active { will-change: transform; }
  .pointer-enabled .production-light .pointer-surface::after,
  .pointer-enabled .production-light .pointer-button::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 440px;
    height: 440px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,64,255,.065), rgba(110,155,255,.025) 35%, transparent 66%);
    opacity: var(--pointer-light, 0);
    transform: translate3d(calc(-50% + var(--pointer-x, 0px)), calc(-50% + var(--pointer-y, 0px)), 0);
  }
  .pointer-enabled .production-light .pointer-button::after {
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(255,255,255,.2), rgba(110,155,255,.08) 35%, transparent 65%);
  }
  .pointer-enabled .production-light .pointer-button,
  .pointer-enabled .production-light .pointer-button:hover { transform: none; }
  .pointer-enabled .production-light .pointer-button svg {
    translate: var(--pointer-icon-x, 0px) var(--pointer-icon-y, 0px);
  }
  .pointer-enabled .production-light .biz-card .sheen { display: none; }
}

/* Portraits retain their original geometry, including on hover. */
.production-light .member:hover { transform: none; }