/* An entrance for a fresh homepage visit. The head bootstrap opts in;
   the default, history restore, print and reduced-motion views stay visible. */
@media screen and (prefers-reduced-motion: no-preference) {
  @media (min-width: 801px) {
  html[data-home-entry="ready"] .greedy-nav .visible-links > li {
    /* Josh’s dropIcon timing, extended to our eight navigation links. */
    --home-nav-order: 1;
    animation: home-nav-arrive calc(500ms + var(--home-nav-order) * 100ms) cubic-bezier(.17,.67,.2,1) both;
    animation-delay: calc(var(--home-nav-order) * 100ms);
  }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(2) { --home-nav-order: 2; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(3) { --home-nav-order: 3; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(4) { --home-nav-order: 4; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(5) { --home-nav-order: 5; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(6) { --home-nav-order: 6; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(7) { --home-nav-order: 7; }
  html[data-home-entry="ready"] .greedy-nav .visible-links > li:nth-child(n+8) { --home-nav-order: 8; }
  html[data-home-entry="ready"] .masthead__inner-wrap > button {
    animation: home-nav-arrive 800ms cubic-bezier(.17,.67,.2,1) 300ms both;
  }
  html[data-home-entry="ready"] .masthead__inner-wrap > #language { animation-duration: 900ms; animation-delay: 400ms; }
  }
  /* Opacity only: portrait, emblems, sticky layout and their own motion keep
     their existing positions and transform layers. */
  html[data-home-entry="ready"] #main > .sidebar {
    animation: home-content-arrive 400ms ease 200ms both;
  }
  html[data-home-entry="ready"] .page__content > section {
    animation: home-content-arrive 400ms ease 300ms both;
  }
  html[data-home-entry="ready"] .page__content > section:first-child { animation-delay: 200ms; }
  html[data-home-entry="ready"] .page__content > section:nth-child(2) { animation-delay: 250ms; }
  @keyframes home-nav-arrive {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes home-content-arrive {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}