html.caveman-transition-active { overflow: hidden; }
#caveman-page-transition {
  --transition-ready: 1;
  --foreground: #17201c;
  --background: #fff;
  --green: #16a34a;
  --yellow: #e9dc56;
  --orange: #db9c43;
  display: none;
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 18px;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  border: 0;
  background: transparent;
  color: #17201c;
  overflow: hidden;
  overscroll-behavior: contain;
  font-family: Arial, Helvetica, sans-serif;
}
#caveman-page-transition[open] { display: grid; place-items: center; }
#caveman-page-transition::backdrop { background: transparent; }
#caveman-page-transition .transition-content { display: grid; justify-items: center; gap: 9px; width: 100%; }
#caveman-page-transition[open] .transition-content { will-change: transform, opacity; }
#caveman-page-transition .transition-brand { margin: 0; font-size: clamp(15px, 2.25vw, 22.5px); font-weight: 800; line-height: 1.2; letter-spacing: -.025em; text-align: center; color: #17201c; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 8px #fff; }
#caveman-page-transition .transition-art { width: min(487.5px, 67.5vw, calc((100dvh - 110px) * .955875)); max-width: 100%; aspect-ratio: 650 / 510; }
#caveman-page-transition .computer-art { display: block; width: 100%; height: 100%; overflow: visible; }
/* Crossfade the underlying documents without delaying their navigation. */
@view-transition { navigation: auto; }
@keyframes caveman-page-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes caveman-page-in { from { opacity: 0; } to { opacity: 1; } }
::view-transition-group(root) { animation: none; z-index: 1; }
::view-transition-old(root) { animation: caveman-page-out 500ms ease-in-out both; mix-blend-mode: normal; }
::view-transition-new(root) { animation: caveman-page-in 500ms ease-in-out both; mix-blend-mode: normal; }
#caveman-page-transition[open] { view-transition-name: caveman-computer; }
::view-transition-group(caveman-computer) { animation: none; z-index: 2; }
::view-transition-old(caveman-computer) { display: none; }
::view-transition-new(caveman-computer) { animation: none; mix-blend-mode: normal; }
/* Older browsers fade the page content around the normal document change. */
html.caveman-page-out body > :is(.topline, .site-header, #main, .site-footer) { animation: caveman-page-out 250ms ease-in both; }
html.caveman-page-in body > :is(.topline, .site-header, #main, .site-footer) { animation: caveman-page-in 500ms ease-out both; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  html.caveman-page-out body > :is(.topline, .site-header, #main, .site-footer),
  html.caveman-page-in body > :is(.topline, .site-header, #main, .site-footer) { animation: none; }
  #caveman-page-transition[open] { display: none; }
}
@media print { #caveman-page-transition { display: none !important; } }