/* ============================================================
   PERFORMANCE DATA: signal strands
   Motion layer built from the logo bars. Loaded after styles.css
   and styles-ext.css; changes neither. Paired with strands.js.
   Without JavaScript nothing here renders (all hooks are added
   by the script), so the static design is the fallback.
   ============================================================ */

/* ---------- shared canvas ---------- */
.pd-strands{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;}

/* ---------- footer logo lockup fix ----------
   .footer-col a{display:block} outranks .logo{display:inline-flex}, so
   the footer mark loses its 46px width and its bars stretch across the
   column with the wordmark pushed underneath. Restore the lockup. */
.site-footer .footer-col a.logo{display:inline-flex;padding:0;}

/* ---------- 1. footer terminus ---------- */
.site-footer.pd-terminus{overflow:hidden;}
.site-footer.pd-terminus > .wrap{position:relative;z-index:1;}

/* ---------- 4. live section dividers ---------- */
.pd-has-divider{position:relative;}
.pd-divider{
  position:absolute;left:0;right:0;top:-1px;height:1px;
  overflow:hidden;pointer-events:none;z-index:1;
}
.pd-divider::after{
  content:"";position:absolute;top:0;left:0;height:1px;width:24%;
  background:linear-gradient(90deg,transparent,var(--pd-c,#6fcdee) 55%,transparent);
  box-shadow:0 0 10px 1px var(--pd-c,#6fcdee);
  opacity:0;transform:translateX(-110%);
}
.pd-divider.pd-on::after{animation:pdSweep 2.6s cubic-bezier(.45,.05,.25,1) .15s 1 forwards;}
@keyframes pdSweep{
  0%  {opacity:0;transform:translateX(-110%);}
  12% {opacity:.95;}
  85% {opacity:.85;}
  100%{opacity:0;transform:translateX(430%);}
}

/* ---------- 6. the shift: many sources, one answer ---------- */
html.js .pd-shift{
  position:relative;height:clamp(130px,17vw,210px);
  margin-top:clamp(44px,6vw,80px);
}
.pd-shift .pd-strands{z-index:0;}

/* ---------- respect the visitor ---------- */
@media (prefers-reduced-motion: reduce){
  .pd-divider{display:none;}
}
@media print{
  .pd-strands,.pd-divider,.pd-shift{display:none !important;}
}