/* Scroll runner: the FieldDrop parachute drifts down as the page scrolls and
   lands on a target ring at the bottom. drop-runner.js picks the mode:
   .fdr-on      wide screens with room in the left gutter: drifts in the gutter, lands there.
   .fdr-behind  phones/tablets: small and faint BEHIND the page text, then lands in
                .fdr-pad, an in-flow spot above the footer. Off with reduced motion. */
.fdr { display: none; }
.fdr.fdr-on, .fdr.fdr-behind { display: block; position: fixed; left: 0; top: 0; pointer-events: none; }
.fdr.fdr-on { z-index: 5; }
.fdr.fdr-behind { z-index: -1; }            /* under the page content */
.fdr-drop { position: absolute; left: 0; top: 0; will-change: transform; }
.fdr-float { animation: fdr-float 6s ease-in-out infinite; }
.fdr-drop img, .fdr-pad-drop img { display: block; width: 100%; height: auto; filter: drop-shadow(0 14px 28px rgba(246,164,0,.22)); }
@keyframes fdr-float { 0%,100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-8px) rotate(1.5deg); } }
.fdr.fdr-landed .fdr-float { animation: none; }
.fdr-ring, .fdr-pad-ring { height: 14px; border-radius: 50%;
  border: 2px solid rgba(246,164,0,.85); box-shadow: 0 0 18px rgba(246,164,0,.35), inset 0 0 0 5px rgba(7,8,11,.9), inset 0 0 0 7px rgba(246,164,0,.5);
  opacity: 0; transform: scale(.6); transition: opacity .4s ease, transform .5s cubic-bezier(.2,1.4,.4,1); }
.fdr-ring { position: absolute; left: 0; top: 0; }
.fdr-label, .fdr-pad-label { margin: 0; text-align: center; color: #f4f5f7; font-size: .82rem; font-weight: 600; line-height: 1.35;
  opacity: 0; transform: translateY(6px); transition: opacity .5s ease .15s, transform .5s ease .15s; }
.fdr-label { position: absolute; left: 0; top: 0; }
.fdr.fdr-landed .fdr-ring, .fdr.fdr-landed .fdr-label { opacity: 1; transform: none; }
.fdr.fdr-behind .fdr-ring, .fdr.fdr-behind .fdr-label { display: none; }
.fdr.fdr-behind .fdr-drop { opacity: .18; }
.fdr.fdr-behind .fdr-drop img { filter: none; }
.fdr.fdr-behind.fdr-landed .fdr-drop { visibility: hidden; }

/* The landing spot on phones and tablets, in normal flow above the footer. */
.fdr-pad { display: none; }
.fdr-pad.on { display: flex; flex-direction: column; align-items: center; padding: 2rem 1.25rem 0; }
.fdr-pad-drop { width: 80px; opacity: 0; transition: opacity .45s ease; }
.fdr-pad-ring { width: 74px; margin-top: -9px; }
.fdr-pad-label { margin-top: .6rem; max-width: 22ch; font-size: .95rem; }
.fdr-pad.landed .fdr-pad-drop { opacity: 1; }
.fdr-pad.landed .fdr-pad-ring, .fdr-pad.landed .fdr-pad-label { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) { .fdr.fdr-on, .fdr.fdr-behind, .fdr-pad.on { display: none; } }