/* Coffee Network: keep the shared masthead steady during page changes. */
@view-transition { navigation: auto; }
html { background: #f7f4ed; }
.site-header { view-transition-name: coffee-header; }
::view-transition-group(*) { animation-duration: 200ms; }
::view-transition-old(root),
::view-transition-new(root) { animation-duration: 200ms; animation-timing-function: ease-in-out; }
::view-transition-group(coffee-header),
::view-transition-new(coffee-header) { animation: none; }
::view-transition-old(coffee-header) { display: none; }

/* Direct-file previews and browsers without cross-document transitions. */
@media (prefers-reduced-motion: no-preference) {
  .coffee-fade-fallback main { animation: coffee-page-arrive 180ms ease-out; transition: opacity 110ms ease; }
  .coffee-fade-fallback.coffee-is-leaving main { opacity: .2; }
}
@keyframes coffee-page-arrive { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*) { animation: none !important; }
}