/* Motion ornaments surround the supplied artwork; the JPEG logo stays intact. */
.home-compact .hero-system { position: relative; overflow: visible; border: 0; border-radius: 0; background: transparent; color: var(--paper); box-shadow: none; }
.home-compact .hero-mark { position: relative; isolation: isolate; overflow: visible; height: 310px; padding: 16px; background: radial-gradient(circle closest-side, #fff 0 76%, #f8faf5f2 82%, #f8faf566 93%, transparent 100%); }
.logo-art { position: relative; z-index: 1; width: 182px; aspect-ratio: 750 / 933; flex: 0 0 auto; transform-origin: 50% 63%; }
.logo-art { mix-blend-mode: multiply; }
.home-compact .hero-system figcaption { color: var(--paper); padding-top: 16px; }
.home-compact .hero-mark .logo-art > img { display: block; width: 100%; height: 100%; max-height: none; object-fit: contain; border-radius: 40%; }
.logo-signals { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
[data-logo-track], [data-logo-node], [data-logo-leaf] { opacity: 0; }
[data-logo-track] { stroke-dasharray: 1; }
[data-logo-node], [data-logo-leaf] { transform-box: fill-box; transform-origin: center; }
.logo-aura { position: absolute; width: 254px; height: 254px; left: calc(50% - 127px); top: calc(50% - 127px); border: 1px solid #92a46c55; border-radius: 50%; opacity: .65; background: radial-gradient(circle at 50% 0, #788e42 0 3px, transparent 4px), radial-gradient(circle at 12% 82%, #788e4266 0 3px, transparent 4px); pointer-events: none; }
.logo-aura::before, .logo-aura::after { content: ""; position: absolute; border: 1px dashed #788e4240; border-radius: 50%; inset: 10px; }
.logo-aura::after { inset: -12px; border-style: solid; opacity: .45; }
@media (max-width: 960px) {
  .home-compact .hero-mark { height: 200px; }
  .logo-art { width: 122px; }
  .logo-aura { width: 178px; height: 178px; left: calc(50% - 89px); top: calc(50% - 89px); }
}
@media (max-width: 620px) {
  .home-compact .hero-mark { height: 200px; }
  .logo-art { width: 112px; }
  .logo-aura { width: 172px; height: 172px; left: calc(50% - 86px); top: calc(50% - 86px); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-aura { opacity: .4; }
}