/* A scroll-drawn connection; the existing timeline keeps its layout and motion. */
.mockup-home #main-content { position:relative; }
.hero-journey-bridge {
  position:absolute; left:0; width:100%; z-index:1;
  pointer-events:none; visibility:hidden;
}
.hero-journey-bridge.is-ready { visibility:visible; }
.hero-journey-bridge svg {
  display:block; width:100%; height:100%; overflow:visible;
}
.hero-journey-path, .hero-shirt-path {
  fill:none; stroke:#28dfcb; stroke-width:2; stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:1;
}
.hero-shirt-button {
  fill:none; stroke:#28dfcb; stroke-width:1.5; opacity:0;
  filter:drop-shadow(0 0 5px #28dfcb) drop-shadow(0 0 12px #28dfcb88);
}
.hero-shirt-fill { fill:#28dfcb; }
.hero-journey-tip { fill:#c4fff7; opacity:0; }
@media(prefers-reduced-motion:reduce) { .hero-journey-bridge { display:none; } }
@media print { .hero-journey-bridge { display:none; } }