@view-transition{navigation:auto}
:root{--flow-duration:300ms;--flow-distance:8px}#main{view-transition-name:iki-content}
/* Capture the visible fixed frame, not the zero-height overlay host. */
hm-home-header::part(frame){view-transition-name:iki-header}
::view-transition{pointer-events:none}
::view-transition-group(*){animation:none}
::view-transition-group(root){z-index:0}
::view-transition-group(iki-content){z-index:1}
::view-transition-group(iki-header){z-index:2}
::view-transition-old(iki-header){display:none;animation:none}
::view-transition-new(iki-header){animation:none;opacity:1;mix-blend-mode:normal}
/* Never composite two different documents' text, imagery or navigation together. */
::view-transition-old(root),::view-transition-old(iki-content){display:none;animation:none}
::view-transition-new(root){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(iki-content){animation:iki-flow-in var(--flow-duration) cubic-bezier(.22,.8,.2,1) both;mix-blend-mode:normal}
@keyframes iki-flow-in{from{opacity:.72;transform:translateY(var(--flow-distance))}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){:root{--flow-duration:240ms;--flow-distance:6px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}