/* A full-width capture includes the header tint and its edge-to-edge divider. */
.navigation-header { display:flow-root; position:relative; z-index:4; }
.homepage:not(.reading-page) .navigation-header { position:absolute; inset:0 0 auto; height:var(--hero-header-height,100px); }
@media(max-width:760px) { .homepage:not(.reading-page) .navigation-header { position:relative; inset:auto; height:auto; } }
/* A · Quiet dissolve. Only the nine invitation pages opt in. */
@media (prefers-reduced-motion: no-preference) {
 @view-transition { navigation: auto; }
 .navigation-header { view-transition-name: rmi-header; }
 ::view-transition {
  /* A steady masonry underlay remains during the brief space between pages. */
  background: linear-gradient(#171713db,#171713db), url('/plain-masonry.webp') right top / 100% auto repeat-y, #171713;
 }
 ::view-transition-group(root) { animation: none; }
 ::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; }
 ::view-transition-old(root) { animation: rmi-page-out 180ms cubic-bezier(.22,.7,.3,1) both; }
 ::view-transition-new(root) { animation: rmi-page-in 280ms cubic-bezier(.22,.7,.3,1) 200ms both; }
 ::view-transition-group(rmi-header) { animation: none; z-index: 2; }
 ::view-transition-old(rmi-header) { animation: none; mix-blend-mode: normal; }
 /* Hold one captured header, avoiding doubled translucent tint and live-surface flicker. */
 ::view-transition-new(rmi-header) { animation: none; opacity: 0; mix-blend-mode: normal; }
 @media (max-width:760px) {
  ::view-transition { background: linear-gradient(#171713e0,#171713e0), url('/plain-masonry.webp') right top / 1000px auto repeat-y, #171713; }
 }
}
@keyframes rmi-page-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes rmi-page-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
 @view-transition { navigation: none; }
 ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}