/* Authored static pencil traces. This layer follows the existing section dissolve. */
@media (min-width: 921px) {
  .section { position: relative; isolation: isolate; }
  .pawprint-overlay { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
  .pawprint-overlay img {
    position: absolute;
    left: var(--paw-x); top: var(--paw-y);
    width: var(--paw-size); height: var(--paw-size);
    transform: translate(-50%, -50%) rotate(var(--paw-angle)) scale(var(--paw-ink-scale, 1)) translate(var(--paw-ink-x, 0%), var(--paw-ink-y, 0%));
    opacity: var(--paw-opacity);
    pointer-events: none;
  }
  /* Visible alpha bounds (24/255 threshold), normalized to a 400px maximum
     ink extent on the unchanged 512px canvases. Preserve every aspect ratio. */
  /* A palette silver-blue tint preserves the drawing's granular alpha on dark paper. */
  .pawprint-overlay img.is-light { filter: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(360%) hue-rotate(177deg) brightness(94%) contrast(88%); }
  .section .copy-block, .section .media-region { z-index: 1; }
  /* Home's trail follows the heading in flow. Keep its authored viewport-wide
     horizontal positions, but derive its vertical clearance from the title. */
  .section-home .pawprint-overlay {
    position: relative;
    inset: auto;
    left: calc(300px - 34.5vw);
    width: 100vw;
    height: 140px;
    margin-top: 45px;
  }
  .section-home .pawprint-overlay img { top: 85px; }
  .section-home .pawprint-overlay img:nth-child(even) { top: 50px; }
}
@media (max-width: 920px) { .pawprint-overlay { display: none; } }

/* Shared normalization also keeps the phone trail a single cat size. */
  [data-paw="paw-01"] { --paw-ink-scale: 1.017811705; --paw-ink-x: -1.07421875%; --paw-ink-y: -.87890625%; }
  [data-paw="paw-02"] { --paw-ink-scale: 1; --paw-ink-x: -.1953125%; --paw-ink-y: .5859375%; }
  [data-paw="paw-03"] { --paw-ink-scale: 1.075268817; --paw-ink-x: -.78125%; --paw-ink-y: -7.91015625%; }
  [data-paw="paw-04"] { --paw-ink-scale: .982800983; --paw-ink-x: -1.07421875%; --paw-ink-y: .48828125%; }
  [data-paw="paw-05"] { --paw-ink-scale: .995024876; --paw-ink-x: -1.07421875%; --paw-ink-y: -1.5625%; }
  [data-paw="paw-06"] { --paw-ink-scale: .954653938; --paw-ink-x: -1.07421875%; --paw-ink-y: -.09765625%; }
  [data-paw="paw-07"] { --paw-ink-scale: 1.114206128; --paw-ink-x: -.87890625%; --paw-ink-y: -.29296875%; }
