/* v10-6: as v10-5, but the light hero tone uses --bg-deep #d1d6d2 under the same
   --glass so the card matches its original light glass tone (Sean 2026-10-05).
   v10-5 notes: the hologram film runs in both themes (Sean 2026-10-05).
   Dark keeps the v11 film under the glass sheen exactly as v10-4.
   Light multiplies a white-background light film over the light hero tone
   (--bg under the same --glass), so the card tone matches the page while
   the ink (#171b19) and gold (#B98200) stay crisp. */
.hologram-card .visual-head { position: relative; z-index: 4; }
.hologram-card .visual-data { z-index: 4; }
.hologram-card .orbital { z-index: 3; }
.hologram-card .corner {
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-color: rgb(238 242 238 / .82);
  z-index: 5;
  pointer-events: none;
}
.hologram-card .corner-tl { left: 0; top: 0; }
.hologram-card .corner-tr { right: 0; top: 0; }
.hologram-card .corner-bl { left: 0; bottom: 0; }
.hologram-card .corner-br { right: 0; bottom: 0; }
html[data-theme="light"] .hologram-card .corner {
  border-color: rgb(55 62 58 / .76);
}
.hologram-host {
  position: absolute;
  inset: 0;
  display: none;
  overflow: hidden;
  border-radius: 0;
  background: #000;
  z-index: 2;
  mix-blend-mode: normal;
  pointer-events: none;
}
.hologram-host img,
.hologram-host video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hologram-host video { visibility: hidden; }
.hologram-host::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--glass);
  box-shadow: var(--hero-shadow);
  z-index: 1;
  pointer-events: none;
}
.hologram-card.hologram-ready .hologram-host { display: block; }
.hologram-card.hologram-ready .hero-logo-mark { visibility: hidden; }
.hologram-host.is-playing video { visibility: visible; }
.hologram-host.is-playing img { visibility: hidden; }
/* Hide a poster from the previous theme until the new one has loaded. */
.hologram-host.is-swapping img { visibility: hidden; }
html[data-theme="light"] .hologram-host { background: var(--bg-deep); }
html[data-theme="light"] .hologram-host img,
html[data-theme="light"] .hologram-host video {
  z-index: 2;
  mix-blend-mode: multiply;
}
@media (prefers-reduced-motion: reduce) {
  .hologram-host video { display: none; }
  .hologram-host.is-playing img { visibility: visible; }
}