/* Rideau de bandes fines, décalage fluide et sans double transition. */
@view-transition { navigation:none; }
.pt { display:none!important; }
.page-transition-line { position:fixed; inset:0; display:flex; z-index:99999; pointer-events:none; }
.page-transition-line>span { flex:1; height:100%; margin-right:-1px; background:linear-gradient(160deg,#123746,#086b91 65%,#198bb0); transform:translateY(102%); transition:transform .48s cubic-bezier(.65,0,.35,1); transition-delay:calc(var(--panel)*22ms); }
html.page-is-leaving .page-transition-line>span { transform:translateY(0); }
html.page-is-leaving main { filter:blur(2px); opacity:.7; transition:filter .5s,opacity .5s; }
html.page-is-arriving .page-transition-line>span { animation:page-panel-reveal .65s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--panel)*26ms); }
@keyframes page-panel-reveal { from { transform:translateY(0); } to { transform:translateY(-102%); } }
@media(prefers-reduced-motion:reduce) { .page-transition-line { display:none; } html.page-is-leaving main { filter:none; opacity:1; transition:none; } }