/* A restrained motion layer. No content is hidden by default. */
@media (prefers-reduced-motion: no-preference) {
  .button .link-icon,
  .text-link > .link-icon,
  .event-name-links > a > .link-icon,
  .service-index > b {
    transition: transform 240ms ease;
  }
  .persona-identifier .line-icon,
  .activity-nav .line-icon {
    transition: transform 300ms cubic-bezier(.2,.7,.2,1), color 200ms;
  }
  .service-card {
    transition: transform 300ms ease, box-shadow 300ms ease, border-color 200ms, background 200ms;
  }
  .persona-tabs button,
  .stage-tabs button {
    transition: color 200ms, border-color 240ms, background-color 240ms;
  }
  @media (hover: hover) and (pointer: fine) {
    .button:hover .link-icon,
    .text-link:hover > .link-icon,
    .event-name-links > a:hover > .link-icon,
    .service-card:hover .service-index > b { transform: translate(2px, -2px); }
    .persona-tabs button:hover .line-icon,
    .activity-nav > a:hover .line-icon { transform: translateY(-3px); }
    .service-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px #0036710b; }
  }
  /* A thin reading-progress line, with no scroll listener or polyfill. */
  @supports (animation-timeline: scroll()) {
    .site-header::after {
      content: '';
      position: absolute;
      inset: auto 0 -1px;
      height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--aqua));
      transform-origin: left;
      pointer-events: none;
      animation: m3-reading-progress linear both;
      animation-timeline: scroll(root block);
    }
    @keyframes m3-reading-progress {
      from { transform: scaleX(0); }
      to { transform: scaleX(1); }
    }
  }
}

@media print {
  .site-header::after { display: none; }
}