.nfpage{z-index:1;align-items:center;min-height:100svh;padding:104px 0 36px;display:flex;position:relative}.nf{--tk:34px;width:min(100%,239svh - 956px);min-width:min(100%,640px);margin:0 auto}.nf-viewer{aspect-ratio:2.39;border-radius:var(--r-l);box-shadow:var(--lift), inset 0 0 0 1px var(--line-2);isolation:isolate;background:#000;position:relative;overflow:hidden}.nf-frames,.nf-black{position:absolute;inset:0}.nf-frame{object-fit:cover;opacity:0}.nf-frame.on{opacity:1}.nf-frames:after{content:"";background:linear-gradient(#00000073,#0000 24% 76%,#00000073);position:absolute;inset:0}.nf-black{opacity:0;background:radial-gradient(70% 90%,#0b0f15 0%,#000 72%)}.nf-black:before{content:"";opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}[data-state=gap] .nf-black{opacity:1}.nf-code{letter-spacing:-.07em;opacity:0;pointer-events:none;place-items:center;margin:0;font-size:clamp(120px,21vw,320px);font-weight:500;line-height:1;display:grid;position:absolute;inset:0}.nf-code span{filter:drop-shadow(0 0 40px rgba(var(--accent-rgb), .25));padding-right:.07em}[data-state=gap] .nf-code{opacity:1}.nf-vf{pointer-events:none;position:absolute;inset:16px}.nf-vf .c{border:0 solid #e9eef5b3;width:18px;height:18px;position:absolute}.nf-vf .tl{border-width:1px 0 0 1px;top:0;left:0}.nf-vf .tr{border-width:1px 1px 0 0;top:0;right:0}.nf-vf .bl{border-width:0 0 1px 1px;bottom:0;left:0}.nf-vf .br{border-width:0 1px 1px 0;bottom:0;right:0}.nf-vf .x{background:linear-gradient(#e9eef599,#e9eef599) 50%/1px 100% no-repeat,linear-gradient(#e9eef599,#e9eef599) 50%/100% 1px no-repeat;width:15px;height:15px;margin:-7px 0 0 -7px;transition:opacity .2s;position:absolute;top:50%;left:50%}[data-state=gap] .nf-vf .x{opacity:0}.nf-hud{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#e9eef5d9;font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;display:flex;position:absolute}.nf-hud.dim,.nf-hud .dim{color:#e9eef56b}.nf-hud.tl{top:30px;left:44px}.nf-hud.tr{top:30px;right:44px}.nf-hud.bl{bottom:30px;left:44px}.nf-hud.br{bottom:30px;right:44px}.nf-hud .rec{margin-right:0}[data-state=gap] .nf-hud .rec{background:0 0;animation:none;box-shadow:inset 0 0 0 1px #e9eef599}.nf-tl{padding:0 0 0 var(--tk);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-top:18px;position:relative}.nf-tl:has(.nf-range:focus-visible){border-radius:var(--r-s);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .6)}.nf-range{clip-path:inset(50%);opacity:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.nf-ruler{background:repeating-linear-gradient(90deg,#e9eef54d 0 1px,#0000 1px 10%) 0 100%/100% 9px no-repeat,repeating-linear-gradient(90deg,#e9eef524 0 1px,#0000 1px 2%) 0 100%/100% 5px no-repeat;height:22px;position:relative}.nf-ruler span{font:500 10px/1 var(--mono);letter-spacing:.06em;color:var(--dim);font-variant-numeric:tabular-nums;padding-left:5px;position:absolute;top:0}.nf-track{margin-top:6px;position:relative}.nf-track.v1{height:50px}.nf-track.a1{height:30px}.nf-tk{left:calc(-1 * var(--tk));font:500 10px/1 var(--mono);letter-spacing:.1em;color:var(--dim);position:absolute;top:50%;translate:0 -50%}.nf-clip,.nf-gap{border-radius:var(--r-s);position:absolute;top:0;bottom:0;overflow:hidden}.nf-clip{background:#10151c;box-shadow:inset 0 0 0 1px #e9eef51a}.nf-clip img{object-fit:cover;opacity:.55;transition:opacity .2s}.nf-clip span{font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #000000e6;position:absolute;bottom:6px;left:7px}.nf-clip:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--accent-l);opacity:0;position:absolute;inset:0}.nf-clip.cur img,.nf-clip.cur:after{opacity:1}.nf-gap{background:repeating-linear-gradient(-45deg,#8fb6f012 0 5px,#0000 5px 10px);border:1px dashed #8fb6f073;place-items:center;transition:border-color .3s,background-color .3s;display:grid}.nf-gap span{font:500 11px/1 var(--mono);letter-spacing:.16em;color:var(--accent-l)}[data-state=gap] .nf-gap{border-color:var(--accent-l);background-color:rgba(var(--accent-rgb), .12)}.nf-track.a1 svg{width:100%;height:100%;display:block}.nf-track.a1 rect{fill:#e9eef552}.nf-track.a1 .flat{stroke:#e9eef524;stroke-width:1px;vector-effect:non-scaling-stroke}.nf-track.a1 .hush{stroke:var(--accent-l);stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.nf-head{top:0;bottom:-4px;left:calc(var(--tk) + var(--p) * (100% - var(--tk)));pointer-events:none;width:0;position:absolute}.nf-head:before{content:"";background:var(--accent-l);width:1.5px;box-shadow:0 0 10px rgba(var(--accent-rgb), .9);position:absolute;top:10px;bottom:0;left:-.75px}.nf-head:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:12px;height:14px;position:absolute;top:8px;left:-6px}.nf-head span{border-radius:var(--r-xs);background:var(--accent);font:500 10px/1 var(--mono);letter-spacing:.06em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;padding:4px 7px;position:absolute;bottom:calc(100% + 2px);left:0;translate:-50%}.nf-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;width:min(100%,239svh - 956px);min-width:min(100%,640px);margin:40px auto 0;display:flex}.nf-todo{font:500 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--dim);background:repeating-linear-gradient(-45deg,#e9eef505 0 6px,#0000 6px 12px);border:1px dashed #e9eef533;border-radius:8px;margin:0;padding:12px 16px}.nf-ctas{flex-wrap:wrap;gap:12px;display:flex}:is(.gs,.drift) .nf:not(.ready) .nf-viewer>:not(.nf-black){opacity:0}:is(.gs,.drift) .nf:not(.ready) .nf-black{opacity:1}@media (prefers-reduced-motion:no-preference){.nf-black:before{animation:.5s steps(5,end) infinite nf-static}[data-state=gap] .nf-code{animation:.55s step-end both nf-lost}[data-state=gap] .nf-black{animation:nf-roll .45s var(--ease-out) both}}@keyframes nf-static{to{transform:translate(13%,-9%)}}@keyframes nf-lost{0%{opacity:0;transform:translate(-6px)}18%{opacity:.8;transform:translate(4px)}30%{opacity:.1;transform:none}46%{opacity:1;transform:translate(-2px)}60%{opacity:.6}72%,to{opacity:1;transform:none}}@keyframes nf-roll{0%{clip-path:inset(48% 0)}to{clip-path:inset(0)}}@media (max-width:760px){.nfpage{padding-top:96px}.nf,.nf-foot{width:100%;min-width:0}.nf{--tk:24px}.nf-viewer{aspect-ratio:4/3}.nf-code{font-size:30vw}.nf-vf{inset:12px}.nf-hud.tl{left:28px}.nf-hud.tr{right:28px}.nf-hud.tl,.nf-hud.tr{top:24px}.nf-hud.bl,.nf-hud.br,.nf-clip span,.nf-ruler span:not(:first-child,:last-child){display:none}.nf-ruler span:last-child{padding:0 5px 0 0;translate:-100%}.nf-gap span{letter-spacing:.08em;font-size:9px}.nf-foot{flex-direction:column;align-items:stretch;margin-top:28px}.nf-ctas .btn{flex:1;justify-content:center}}