/* Comparison-only enhancement. The frozen index.html never loads this file. */
.motion-study .field-image { overflow: clip; }

@media (prefers-reduced-motion: no-preference) {
  .motion-study .direction-icon { transition: translate 220ms ease; }
  .motion-study :is(a, button):is(:hover, :focus-visible) > .direction-icon { translate: 3px 0; }
  .motion-study :is(a, button):is(:hover, :focus-visible) > .direction-down { translate: 0 3px; }
  .motion-study .publication-image img { transition: transform 650ms cubic-bezier(.2,.65,.25,1); }
  .motion-study .publication:is(:hover, :focus-within) .publication-image img { transform: scale(1.035); }
  .motion-study .outcome-details summary > i::after { transition: transform 200ms ease; }
  .motion-study .briefings-inner > a { transition: background-color 240ms ease; }
  .motion-study .briefings-inner > a:is(:hover, :focus-visible) { background-color: #c7f5dc08; }
}

/* A single page-position hairline, attached to the existing header. */
.motion-ready .site-header::after {
  content: '';
  position: absolute;
  bottom: -1px;
  inset-inline: 0;
  height: 2px;
  background: #acd9c5;
  transform: scaleX(var(--page-progress, 0));
  transform-origin: left;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .motion-study .site-header::after { display: none; }
  .motion-study :is(.media-frame, .field-image) > img { transform: none !important; }
}

@media print {
  .motion-study .site-header::after { display: none; }
  .motion-study :is(.media-frame, .field-image) > img { transform: none !important; }
}