/* ==========================================================================
   LINE ART - the single-stroke drawing behind the tablet in the detail hero.
   Markup: app/Views/partials/line_art.php
   It is on screen from the first paint; the capsule is what arrives late
   (see the 'delay' passed to partials/tablet in tablets/show.php).
   ========================================================================== */

/* The art is absolute inside the hero's visual column. */
.fp-dhero__visual { position: relative; }

.fp-la {
  position: absolute; top: 44%; left: 44%; z-index: 0;
  width: min(168%, 860px); aspect-ratio: 780 / 470;
  transform: translate(-50%, -50%) rotate(-4deg);
  pointer-events: none;
  color: var(--t2, #ff5c86);
  filter: drop-shadow(0 0 22px color-mix(in srgb, var(--t1) 45%, transparent));
}
.fp-la svg { display: block; width: 100%; height: 100%; overflow: visible; }

.fp-la path { opacity: .32; }

/* It drifts, but it is never hidden. */
.fp-la__g { transform-origin: 46% 62%; animation: fp-la-float 9s ease-in-out infinite; }
@keyframes fp-la-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50%      { transform: translate(0, -12px) rotate(1.1deg); }
}

@media (max-width: 959px) {
  .fp-la { width: min(120%, 520px); }
}

@media (prefers-reduced-motion: reduce) {
  .fp-la__g { animation: none; }
}