/* V8 — stationary cross-fade chapter transitions. No panel translation or zoom. */
main#main > section[id],
main#main > section[id].deck-past,
main#main > section[id].deck-active {
  transform: none !important;
  transition: opacity .48s ease, visibility 0s linear .49s !important;
  will-change: opacity;
}
main#main > section[id].deck-active {
  transition: opacity .52s ease, visibility 0s linear !important;
}
/* Experience stays fixed in the viewport while its entries dissolve in place. */
main#main > section#experience.experience-paged > .shell {
  overflow: hidden !important;
  justify-content: center !important;
}
#experience.experience-paged .timeline {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
}
#experience.experience-paged .timeline > .job[hidden] { display: none !important; }
#experience.experience-paged .timeline > .job { flex: 0 0 auto; }
#experience .experience-pagination {
  display:flex;
  align-items:center;
  gap:20px;
  padding-top: 13px;
  font-size:11px;
  letter-spacing:.11em;
  color:var(--muted);
  flex-shrink:0;
}
#experience .experience-page-count {color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;}
#experience .experience-page-hint {opacity:.85;}
@keyframes job-dissolve {from{opacity:0}to{opacity:1}}
#experience .job-dissolve {animation:job-dissolve .52s ease both;}
@media (max-width:760px), (max-height:740px) {
  #experience .experience-pagination {padding-top:8px;}
  #experience.experience-paged .job {padding:11px 0;}
}
@media (prefers-reduced-motion:reduce) {
  main#main > section[id], main#main > section[id].deck-active {transition:opacity .1s linear, visibility 0s !important;}
  #experience .job-dissolve {animation:none;}
}