@view-transition{navigation:auto}@keyframes vo{to{transform:translateX(-10%);opacity:0}}@keyframes vi{from{transform:translateX(10%);opacity:0}}::view-transition-old(root){animation:.3s ease-in both vo}::view-transition-new(root){animation:.4s ease-out both vi}
@keyframes up{to{transform:none}}.wipe{position:relative}.js .wipe{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1)}.js .wipe.in{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.js .wipe{clip-path:none}}.back{display:block;padding:.5rem 1rem;font:.85rem Arial,sans-serif;background:#000;color:#fff;text-decoration:none;text-align:center}.back:hover{text-decoration:underline}
.line{display:block;overflow:hidden}.line>*{display:block;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.7,.1,1) forwards}.line:nth-child(2)>*{animation-delay:.12s}
.sw{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sw>*{flex:0 0 min(80vw,520px);scroll-snap-align:start}@media(prefers-reduced-motion:reduce){.line>*{transform:none}}