.nf-paths{--paths-ink:#0d110c;--paths-lime:#b3f24c;--paths-radius:10px;margin:12px auto 20px;max-width:1320px;color:var(--paths-ink);font-family:Inter,Arial,sans-serif;isolation:isolate}
.nf-paths *,.nf-paths *::before,.nf-paths *::after{box-sizing:border-box}
.nf-paths__track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.nf-paths__track::-webkit-scrollbar{display:none}
.nf-paths .nf-paths__card{position:relative;display:block;flex:0 0 calc((100% - 28px)/2.72);min-width:0;aspect-ratio:1/1;overflow:hidden;background:#121611;color:#fff;text-decoration:none;border-radius:var(--paths-radius);isolation:isolate;container-type:inline-size;scroll-snap-align:start;scroll-snap-stop:normal;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.nf-paths__art,.nf-paths__shade,.nf-paths__shine{position:absolute;inset:0;pointer-events:none}
.nf-paths__art{overflow:hidden;border-radius:inherit}
.nf-paths .nf-paths__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--path-position,center);max-width:none;transform:scale(1.025);transition:transform .7s cubic-bezier(.2,.65,.3,1);pointer-events:none;-webkit-user-drag:none}
.nf-paths__shade{background:linear-gradient(180deg,rgba(3,6,3,.16),transparent 30%,transparent 55%,rgba(4,7,4,.42) 73%,#050705 100%)}
.nf-paths__card::after{content:"";position:absolute;z-index:6;inset:0;border:1px solid #ffffff25;pointer-events:none;border-radius:inherit;transition:border-color .4s,box-shadow .4s}
.nf-paths__shine{z-index:4;opacity:0;background:linear-gradient(120deg,transparent 15%,#ffffff12 45%,#ffffff06 55%,transparent 78%);transform:translate3d(var(--path-light-x,0px),var(--path-light-y,0px),0);transition:opacity .35s}
.nf-paths__brand-cut{position:absolute;left:0;top:-13px;width:31px;height:5px;background:var(--path-accent);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);z-index:3;transition:width .45s}
.nf-paths__copy{position:absolute;left:25px;right:25px;bottom:26px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;column-gap:12px}
.nf-paths .nf-paths__copy h3{grid-column:1/-1;margin:0 0 16px;color:#fff;font-family:"NF Category Display",Montserrat,Arial,sans-serif;font-weight:900;font-size:clamp(24px,3.35vw,52px);font-size:8.1cqw;line-height:1.03;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 22px #0003}
.nf-paths__arrow{grid-column:2;display:grid;place-items:center;width:44px;height:35px;background:var(--path-accent);color:#0b1008;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:background .3s,transform .4s}
.nf-paths__arrow svg{width:29px;height:24px;transition:transform .4s}
.nf-paths__speed{opacity:.65;transition:opacity .4s}
.nf-paths__copy::after{content:"";grid-column:1;grid-row:2;align-self:center;height:1px;background:#ffffff30;transform-origin:left;transition:background .4s}
.nf-paths__card:focus-visible,.nf-paths__track:focus-visible{outline:3px solid #47731a;outline-offset:2px}
.nf-paths__card:focus-visible .nf-paths__arrow{background:#fff}
.nf-paths__navigation{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 2px;min-height:44px}
.nf-paths__progress{height:2px;background:#e0e3dc;width:90px;margin-right:12px;overflow:hidden}
.nf-paths__progress span{display:block;background:#1d2915;width:35%;height:100%;transform:translateX(calc(var(--paths-progress,0)*185.7%));will-change:transform}
.nf-paths .nf-paths__nav{appearance:none;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#131b0d;cursor:pointer;transition:background .2s,color .2s}
.nf-paths .nf-paths__nav:hover:not(:disabled){background:var(--paths-lime)}
.nf-paths__nav:disabled{opacity:.25;cursor:default}
.nf-paths__nav:focus-visible{outline:2px solid #47731a;outline-offset:1px}
.nf-paths [hidden]{display:none!important}
.nf-paths .is-dragging{scroll-snap-type:none;cursor:grabbing}
.nf-paths .is-dragging *{cursor:grabbing!important}
.nf-paths .is-dragging .nf-paths__image{transition:none}
@media (hover:hover) and (pointer:fine){
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__image{transform:scale(1.055) translate3d(var(--path-x,0px),var(--path-y,0px),0)}
 .nf-paths[data-effects=true] .nf-paths__card:hover::after{border-color:var(--path-accent);box-shadow:inset 0 0 25px #ffffff06}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__shine{opacity:1}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__brand-cut{width:50px}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__arrow{background:#fff;transform:translate(2px,-2px)}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__arrow svg{transform:translate(1px,-1px)}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__speed{opacity:1}
 .nf-paths[data-effects=true] .nf-paths__card:hover .nf-paths__copy::after{background:var(--path-accent)}
}
@keyframes nf-path-reveal{from{opacity:.4;transform:translateY(18px)}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 .65s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(var(--path-order)*70ms)}}
@media (max-width:989px){.nf-paths{margin-top:8px;margin-bottom:14px}.nf-paths__track{gap:12px}.nf-paths .nf-paths__card{flex-basis:58%}}
@media (max-width:599px){
 .nf-paths .nf-paths__card{flex-basis:80%;aspect-ratio:1/1}
 .nf-paths__copy{left:19px;right:19px;bottom:19px;column-gap:10px}
 .nf-paths .nf-paths__copy h3{margin-bottom:13px;letter-spacing:-.06em}
 .nf-paths__brand-cut{left:0;top:-11px;height:4px;width:24px}
 .nf-paths__arrow{width:42px;height:33px}
}
@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}.nf-paths .nf-paths__shine{display:none}}
