/* The clicked project title travels from the Work list to the page heading
   (and back). The rest of the page keeps its short cross-fade. */
.ent .nm, .next .nm, main.essay h1, main.note h1 { inline-size: fit-content; max-inline-size: 100%; }
::view-transition-group(page-title) { z-index: 3; }
::view-transition-old(page-title) { animation: none; opacity: 0; }
::view-transition-new(page-title) {
  animation: none; height: 100%; width: 100%;
  object-fit: contain; object-position: left center;
}
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(page-title) {
    animation-duration: 560ms; animation-timing-function: cubic-bezier(.22, .61, .26, 1);
  }
  html[data-title-flight]::view-transition-old(root) { animation-duration: 220ms; }
  html[data-title-flight='project']::view-transition-new(root) {
    animation-duration: 280ms; animation-delay: 380ms; animation-fill-mode: both;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(page-title) { animation: none; }
}