/* MaxDiVision — subtle page & anchor transitions.
   Kept in its own file so it applies identically on every page (incl. the
   two pages that inline their own <style> instead of linking site.css). */

@media (prefers-reduced-motion: no-preference){
  body{
    animation:pt-page-in .1s ease-out both;
  }
  body.pt-ready{
    animation:none;
  }
  body.pt-leaving{
    opacity:0;
    transition:opacity .1s ease-in;
  }
  @keyframes pt-page-in{
    from{opacity:0}
    to{opacity:1}
  }

  /* One-time soft highlight on the section an anchor link lands on.
     Uses an inset box-shadow (not background-color) so it layers over
     existing section backgrounds — including dark/gradient ones — instead
     of replacing them. */
  [data-pt-flash]{
    animation:pt-flash 1s ease-out;
  }
  @keyframes pt-flash{
    from{box-shadow:inset 0 0 0 9999px rgba(35,122,82,.09)}
    to{box-shadow:inset 0 0 0 9999px rgba(35,122,82,0)}
  }
}
