/* True alpha artwork sits directly on the hero in both themes. */
html body.homepage-neutral .hero-art .emblem-frame.kybera-spin {
  padding: 0;
  aspect-ratio: 1;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  border: 0;
  transform: none !important;
  animation: none !important;
  box-shadow: none;
  isolation: auto;
  mix-blend-mode: normal;
}
html body.homepage-neutral .hero-art .kybera-spin :is(video,img) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  filter: saturate(.82) brightness(.94);
  mix-blend-mode: normal;
  -webkit-mask-image: linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  mask-composite: intersect;
}
html[data-theme=light] body.homepage-neutral .hero-art .emblem-frame.kybera-spin {
  mix-blend-mode: normal;
  background: transparent;
  border: 0;
  box-shadow: none;
}
html[data-theme=light] body.homepage-neutral .hero-art .kybera-spin img { filter: saturate(.81) brightness(.93); }
html body.homepage-neutral .hero-art .kybera-spin [hidden] { display: none !important; }

  html:where([data-motion="reduce"]) body.homepage-neutral .hero-art .kybera-spin :is(video,.kybera-spin-motion){ display: none !important; }
  html:where([data-motion="reduce"]) body.homepage-neutral .hero-art .kybera-spin .kybera-spin-poster{ display: block !important; }


/* Alpha artwork needs no blending, feathering, colored panel or rounded clipping. */
html:is([data-theme=light],[data-theme=dark]) body.homepage-neutral .hero-art .emblem-frame.kybera-spin {
  background: transparent; border: 0; border-radius: 0; overflow: visible; box-shadow: none;
}
html:is([data-theme=light],[data-theme=dark]) body.homepage-neutral .hero-art .kybera-spin :is(video,img) {
  mask-image: none; -webkit-mask-image: none; border-radius: 0;
}
/* A small mint lift for the outer decoration in light mode. */
html[data-theme=light] body.homepage-neutral .hero-art .art-grid { border-color: #439b7d4a; }
html[data-theme=light] body.homepage-neutral .hero-art .art-grid::before,
html[data-theme=light] body.homepage-neutral .hero-art .art-grid::after { border-color: #509c7e33; }
html[data-theme=light] body.homepage-neutral .hero-art .orb { opacity: .16; }
