/* The front page's hand-off (the hub's docs/HANDOFF.md; Watch's watch/public/handoff.css): opening Read from
   givemesomething.to/, the front page's screen grows into this page and its lockup lands in the header. Loaded in
   <head> on every page, with handoff.js, which skips it for any arrival that isn't from the front page (D-019). */
@view-transition { navigation: auto; }
.site-header .wordmark .wm-pre { view-transition-name: gms-pre; }
.site-header .wordmark .wm-verb { view-transition-name: gms-verb; }
main { view-transition-name: gms-screen; }

:root { --vt: 520ms; }
::view-transition { background: #15110e; }
::view-transition-group(*) { animation-duration: var(--vt); animation-timing-function: cubic-bezier(0.2, 0, 0, 1); }
::view-transition-old(gms-screen), ::view-transition-new(gms-screen) { height: 100%; object-fit: cover; object-position: top; }
::view-transition-old(root), ::view-transition-old(gms-screen) { animation: gms-out calc(var(--vt) * 0.4) ease-out both; }
::view-transition-new(root), ::view-transition-new(gms-screen) { animation: gms-in calc(var(--vt) * 0.7) ease-in calc(var(--vt) * 0.3) both; }
@keyframes gms-out { to { opacity: 0; } }
@keyframes gms-in { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }