/* Embody landing: two glowing ways in, and the sphere's blobs flying out into a gallery you can pick from. */
body.art-research .embody-explore { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 14px; margin: 16px auto 0; }
body.art-research #embody.is-lab .embody-explore { display: none; }
body.art-research .embody-explore-btn {
  min-height: 40px; padding: 8px 18px;
  border: 1px solid #ffdbb899; border-radius: 999px;
  background: #0a172b66; color: #ffdbb8;
  font: 500 17px/1.2 var(--serif); letter-spacing: .01em;
  text-shadow: 0 0 12px #ffdbb8aa;
  box-shadow: 0 0 14px #ffdbb840, inset 0 0 12px #ffdbb81f;
  cursor: pointer;
  animation: embody-glow 3.2s ease-in-out infinite;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}
body.art-research .embody-explore-btn + .embody-explore-btn { animation-delay: 1.6s; }
body.art-research .embody-explore-btn:hover,
body.art-research .embody-explore-btn:focus-visible { background: #ffdbb822; border-color: #ffdbb8; color: #fff1d9; outline: none; }
body.art-research .embody-explore-btn:focus-visible { outline: 2px solid #ffdbb8; outline-offset: 3px; }
body.art-research .embody-explore-btn[aria-pressed="true"] { background: #ffdbb8; border-color: #ffdbb8; color: #1b2433; text-shadow: none; animation: none; box-shadow: 0 0 22px #ffdbb877; }
body.art-research .embody-explore-back {
  min-height: 40px; padding: 8px 14px;
  border: 1px solid #fff8ee55; border-radius: 999px;
  background: transparent; color: #fff8ee;
  font: 500 15px/1.2 var(--sans); cursor: pointer;
}
body.art-research .embody-explore-back::before { content: "↩\00a0"; color: #ffdbb8; }
body.art-research .embody-explore-back:hover,
body.art-research .embody-explore-back:focus-visible { border-color: #ffdbb8; color: #ffdbb8; outline: none; }
body.art-research .embody-explore-back:focus-visible { outline: 2px solid #ffdbb8; outline-offset: 3px; }
@keyframes embody-glow {
  0%, 100% { box-shadow: 0 0 12px #ffdbb833, inset 0 0 10px #ffdbb81a; }
  50% { box-shadow: 0 0 26px #ffdbb87a, inset 0 0 14px #ffdbb82e; }
}

/* The gallery: the chosen blobs at full size, names showing; everything else steps aside. */
body.art-research .embody-node.is-gallery,
body.art-research .embody-node.is-gallery:hover,
body.art-research .embody-node.is-gallery.is-focus,
body.art-research .embody-node.is-gallery:focus-visible { width: var(--gallery-size, 104px); }
body.art-research .embody-node.is-gallery .embody-node-disc { background: #1b2c4ad9; border-color: #ffdbb8; box-shadow: 0 0 22px #ffdbb855, 0 14px 32px #0006; padding: 10px 8px; }
body.art-research .embody-node.is-gallery:hover .embody-node-disc,
body.art-research .embody-node.is-gallery:focus-visible .embody-node-disc,
body.art-research .embody-node.is-gallery.is-focus .embody-node-disc { background: #24395ee6; box-shadow: 0 0 32px #ffdbb8aa, 0 16px 36px #0007; }
body.art-research .embody-node.is-gallery:not(.is-focus):not(:hover):not(:focus-visible) :is(.embody-role, .embody-name) { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; opacity: 1; }
body.art-research .embody-node.is-gallery .embody-name { font-size: 14px; hyphens: auto; -webkit-hyphens: auto; }
body.art-research .embody-node.is-gallery .embody-role { margin-bottom: 4px; font-size: 10px; }
body.art-research .embody-net.is-gallery-open .embody-node:not(.is-gallery) { pointer-events: none; }
@media (prefers-reduced-motion: reduce) { body.art-research .embody-explore-btn { animation: none; } }