/* Editorial motion: decoration never controls content visibility. */
.bpc-design .bpc-trace-section { position: relative; }
.bpc-design .bpc-trace {
  position: absolute;
  top: -13px;
  right: 0;
  width: clamp(110px, 16vw, 190px);
  height: 26px;
  overflow: visible;
  pointer-events: none;
  color: #ef4444;
}
.bpc-design .bpc-trace path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}
.bpc-design .bpc-wattson-motion { isolation: isolate; }
.bpc-design .bpc-wattson-glow,
.bpc-design .bpc-wattson-scan {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
.bpc-design .bpc-wattson-glow {
  background: radial-gradient(ellipse at 55% 42%, transparent 24%, rgba(103,232,249,.12) 65%, transparent 90%);
  box-shadow: inset 0 0 55px rgba(103,232,249,.08);
}
.bpc-design .bpc-wattson-scan {
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(103,232,249,.28), transparent) 0 50% / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, transparent 0 39px, rgba(103,232,249,.06) 39px 40px);
  mask-image: linear-gradient(transparent, #000 45%, #000 55%, transparent);
}
.bpc-design .bpc-wattson-motion figcaption { z-index: 2; }
@media (max-width:760px) {
  .bpc-design .bpc-wattson-glow { opacity: .7; }
  .bpc-design .bpc-wattson-scan { display: none; }
}
@media (prefers-reduced-motion:reduce) {
  .bpc-design .bpc-wattson-scan { display: none; }
}
@media print {
  .bpc-design .bpc-trace,
  .bpc-design .bpc-wattson-glow,
  .bpc-design .bpc-wattson-scan { display: none; }
}