.nf-paths{--paths-ink:#0b0b0b;--paths-radius:8px;width:100%;min-width:0;max-width:1200px;margin:12px auto 20px;color:#fff;font-family:Arial,sans-serif}
.nf-paths *,.nf-paths *:before,.nf-paths *:after{box-sizing:border-box}
.nf-paths__track{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none;scroll-padding-inline:2px;padding:4px 2px 8px;scrollbar-width:none}
.nf-paths__track::-webkit-scrollbar{display:none}
.nf-paths .nf-paths__card{position:relative;display:block;min-width:0;aspect-ratio:1.06/1;border-radius:var(--paths-radius);overflow:hidden;background:#080808;color:#fff;text-decoration:none;isolation:isolate;container-type:inline-size;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.nf-paths__art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.nf-paths .nf-paths__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--path-position,center);transform:scale(1.025);transition:transform .65s cubic-bezier(.2,.65,.3,1);pointer-events:none;-webkit-user-drag:none}
.nf-paths__shade{position:absolute;inset:0;background:linear-gradient(0deg,#030303 0%,#030303ad 15%,transparent 42%);pointer-events:none}
.nf-paths__copy{position:absolute;left:21px;right:21px;bottom:21px;border-bottom:3px solid var(--path-accent);padding-bottom:12px}
.nf-paths .nf-paths__copy h3{margin:0;color:#fff;font-family:'NF Category Display',Arial,sans-serif;font-size:7.9cqw;font-weight:900;line-height:1;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}
.nf-paths__card:focus-visible,.nf-paths__track:focus-visible{outline:3px solid #6c982e;outline-offset:3px}
.nf-paths__navigation{display:none;align-items:center;min-height:12px;padding:0 2px}
.nf-paths__progress{height:2px;background:#ddd;width:80px;margin-right:auto;overflow:hidden}
.nf-paths__progress span{display:block;background:#111;width:35%;height:100%;transform:translateX(calc(var(--paths-progress,0)*185.7%))}
.nf-paths [hidden]{display:none!important}
.nf-paths .is-dragging{scroll-snap-type:none;cursor:grabbing}
.nf-paths .is-dragging *{cursor:grabbing!important}
@media(hover:hover) and (pointer:fine){.nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__image{transform:scale(1.065) translate3d(var(--path-x,0px),var(--path-y,0px),0)}.nf-paths__card:hover .nf-paths__copy{border-color:#fff}}
@keyframes nf-path-reveal{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.nf-paths[data-effects=true].is-revealed .nf-paths__card{animation:nf-path-reveal .6s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(var(--path-order)*70ms)}}
@media(max-width:749px){.nf-paths__track{display:flex;scroll-snap-type:x mandatory;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}.nf-paths .nf-paths__card{flex:0 0 65%}.nf-paths__navigation{display:flex}}
@media(max-width:599px){.nf-paths .nf-paths__card{flex-basis:80%;aspect-ratio:1/1}.nf-paths__copy{left:18px;right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.nf-paths *,.nf-paths *:before,.nf-paths *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.nf-paths .nf-paths__image{transform:none!important}}