/* Keep the original animated Sketchfab heart as a non-interactive hero background. */
.nabilo-heart-viewer {
  position: absolute;
  z-index: 3;
  top: 3%;
  left: 2%;
  width: 55%;
  height: 88%;
  overflow: hidden;
  pointer-events: none;
}
.nabilo-heart-viewer iframe {
  display: block;
  position: absolute;
  top: -95px;
  left: 0;
  width: 100%;
  height: calc(100% + 250px);
  border: 0;
  pointer-events: none;
  background: transparent;
  visibility: hidden;
}
.nabilo-heart-viewer.nabilo-heart-ready iframe { visibility: visible; }
.nabilo-heart-viewer.nabilo-heart-fallback iframe {
  top: 0;
  height: 100%;
  clip-path: inset(60px 0 90px 0);
}
.nabilo-hero-atom {
  position: absolute;
  z-index: 2;
  width: 58px;
  height: 58px;
  pointer-events: none;
  opacity: .48;
  filter: drop-shadow(0 0 10px #148aff88);
}
.nabilo-hero-atom svg { width: 100%; height: 100%; fill: none; stroke: #4eb9ff; stroke-width: 2; }
.nabilo-hero-atom circle { fill: #ff3b73; stroke: none; }
.nabilo-hero-atom-a { top: 10%; left: 13%; transform: rotate(-17deg); }
.nabilo-hero-atom-b { top: 12%; right: 14%; transform: rotate(24deg) scale(.75); }
@media (max-width: 767px) {
  .nabilo-heart-viewer,
  .nabilo-ar .nabilo-heart-viewer {
    top: 0;
    left: 0;
    width: 100%;
    height: 59%;
  }
  .nabilo-hero-atom-a { top: 12%; left: 8%; width: 40px; height: 40px; }
  .nabilo-hero-atom-b { top: 18%; right: 8%; width: 34px; height: 34px; }
}