/* Shared, decorative brand artwork for the product pages. */
.brand-art{width:100%;min-width:0;margin:0;align-self:center}
.brand-art__visual{position:relative;isolation:isolate;aspect-ratio:1}
.brand-art__image{display:block;width:100%;height:auto;mix-blend-mode:multiply;
  mask-image:radial-gradient(ellipse at center,#000 49%,transparent 73%)}
.brand-art__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
  fill:none;stroke:#c8fff0;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 0 3px #5aaaa8)}
.brand-art__trace path{stroke-dasharray:100;stroke-dashoffset:100;opacity:0;
  animation:brand-outline 10s ease-in-out infinite}
.brand-art__trace path:nth-child(2){animation-delay:.65s}
.brand-art__trace path:nth-child(3){animation-delay:1.3s}
.brand-art__trace path:nth-child(4){animation-delay:1.95s}
.brand-art[data-motion="paused"] .brand-art__trace path{animation-play-state:paused}
.brand-art__caption{display:block;position:relative;text-align:center;margin-top:-6%;
  color:var(--bone-2);font-family:var(--code);font-size:14px;font-weight:600;letter-spacing:.3em}
.brand-art__caption .pi{letter-spacing:0;font-style:normal}
.brand-art__toggle{display:block;margin:22px auto 0;padding:8px 12px;border:0;
  background:transparent;color:var(--bone-3);font-family:var(--code);font-size:10px;
  letter-spacing:.04em;cursor:pointer}
.brand-art__toggle:hover{color:var(--flux)}
.brand-art__toggle[hidden]{display:none}
.brand-art__toggle:focus-visible{outline:2px solid var(--flux);outline-offset:3px;border-radius:3px}
@keyframes brand-outline{
  0%,5%{stroke-dashoffset:100;opacity:0}
  10%{opacity:.95}
  38%{stroke-dashoffset:0;opacity:.95}
  53%,100%{stroke-dashoffset:0;opacity:0}
}
@media(prefers-reduced-motion:reduce){.brand-art__trace{display:none}}