/* The About visual is an illustrative Higgsfield render, kept separate from
   analytical results and the copy that describes the planned lab workflow. */
.about-vial-visual img {
  object-fit: contain;
  object-position: center;
  -webkit-mask-image: radial-gradient(ellipse 53% 52% at 50% 50%, #000 63%, rgba(0, 0, 0, .92) 75%, transparent 100%);
  mask-image: radial-gradient(ellipse 53% 52% at 50% 50%, #000 63%, rgba(0, 0, 0, .92) 75%, transparent 100%);
}

.about-vial-visual::after {
  content: "";
  position: absolute;
  inset: 8% 5% 11%;
  border-radius: 50%;
  background: linear-gradient(112deg, transparent 32%, rgba(206, 237, 255, .1) 48%, transparent 59%);
  mix-blend-mode: screen;
  animation: about-glass-caustic 9s ease-in-out infinite;
  pointer-events: none;
}

.about-vial-disclosure {
  position: absolute;
  z-index: 4;
  top: 4%;
  right: 2%;
  color: #c4ddff;
  font: 700 .55rem/1.3 Manrope, sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0, 13, 48, .65);
}

@keyframes about-glass-caustic {
  0%, 100% { opacity: .3; transform: translateX(-5%) rotate(-4deg); }
  50% { opacity: .8; transform: translateX(5%) rotate(4deg); }
}

@media (max-width: 520px) {
  .about-vial-disclosure { top: 0; right: 1%; font-size: .48rem; }
  .about-vial-visual { inset: -5% -8% 12%; }
}

@media (prefers-reduced-motion: reduce) {
  .about-vial-visual::after { animation: none; }
}