/* 1. Backdrop safety */
::view-transition {
  background-color: #ffffff;
}

html[data-theme="dark"]::view-transition,
html.dark::view-transition {
  background-color: #1a1a1a;
}

/* 2. Standard alpha blending */
::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
}

/* 3. Hold old page 100% solid underneath (NO animation, NO flash) */
::view-transition-old(root) {
  animation: none;
}

/* 4. Fade incoming page cleanly over the old page */
::view-transition-new(root) {
  animation: 240ms cubic-bezier(0, 0, 0.2, 1) both vt-fade-in;
}

@keyframes vt-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* 5. Suppress AcademicPages built-in entrance animations */
@supports (view-transition-name: none) {
  .masthead,
  .page__footer,
  .page__hero,
  .page__hero--overlay,
  #main {
    animation: none !important;
    -webkit-animation: none !important;
  }
}

/* 6. Accessibility */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}