@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .26s ease both}
::view-transition-new(root){animation:vt-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.np{max-width:1280px;margin:0 auto;padding:0 24px 96px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.np a{display:flex;align-items:center;gap:20px;padding:20px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,currentColor 18%,transparent);transition:border-color .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.np a:hover{border-color:color-mix(in srgb,currentColor 45%,transparent);transform:translateY(-3px)}
.np a.next{flex-direction:row-reverse;text-align:right}
.np img{width:96px;height:96px;object-fit:cover;border-radius:10px;flex-shrink:0}
.np small{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:6px}
.np strong{display:block;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
@media (max-width:760px){.np{grid-template-columns:1fr;padding:0 16px 56px;gap:12px}.np a{padding:14px}.np img{width:72px;height:72px}.np strong{font-size:17px}}