main:has(.nf){flex:1}div:has(>main .nf)>:not(main){display:none!important}.nf{background:var(--color-black);min-height:100svh;color:var(--color-on-dark);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nf__inner{z-index:4;box-sizing:border-box;text-align:center;width:100%;max-width:56rem;padding:clamp(2rem,5vw,3.5rem) 1.25rem;position:relative}.nf__bg{z-index:0;background-color:#0000;background-image:linear-gradient(#070708b8,#000000eb),repeating-linear-gradient(0deg,#0000,#0000 2px,#000000d9 3px 3px),url(/images/locations/01-sf-skyline.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:auto,auto,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.nf__scan{z-index:5;pointer-events:none;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 3px);position:absolute;inset:0}.nf__track{z-index:5;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(#0000,#ffffff24,#0000);height:18px;animation:7s linear infinite nfTrack;position:absolute;top:-6%;left:0;right:0}@keyframes nfTrack{0%{top:-8%}to{top:108%}}.nf__eyebrow{font-family:var(--font-mono);font-size:var(--text-fine);letter-spacing:.3em;text-transform:uppercase;color:#ffffff6b;margin:0 0 1.25rem;font-weight:400}.nf__lead{max-width:42ch;font-size:var(--text-body);color:#fff9;margin:1.15rem auto 0;line-height:1.5}.nf__cta{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-top:1.85rem;display:flex}.nf__word{font-family:var(--font-mono);letter-spacing:.5em;text-indent:.5em;color:#ffffffe0;margin:1rem 0 0;font-size:clamp(.7rem,1.8vw,1rem);font-weight:600}.nf__glitch{font-family:var(--font-sans);letter-spacing:.14em;text-indent:.14em;color:var(--color-on-dark);margin:0;font-size:clamp(4.5rem,15vw,10rem);font-weight:700;line-height:.9;animation:1s linear infinite alternate-reverse nfSkew;display:inline-block;position:relative}.nf__glitch:before,.nf__glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.nf__glitch:before{text-shadow:-3px 0 #fffffff2;animation:5s linear infinite alternate-reverse nfGlitch1;left:3px}.nf__glitch:after{text-shadow:-3px 0 #7a7a7ef2,3px 2px #ffffff80;animation:1s linear infinite alternate-reverse nfGlitch2;left:-3px}@keyframes nfGlitch1{0%{clip-path:inset(30% 0 71%);transform:skew(.48deg)}5%{clip-path:inset(54% 0 5%);transform:skew(.4deg)}10%{clip-path:inset(40% 0 29%);transform:skew(.75deg)}15%{clip-path:inset(39% 0 26%);transform:skew(.29deg)}20%{clip-path:inset(24% 0 21%);transform:skew(.79deg)}25%{clip-path:inset(37% 0 85%);transform:skew(.78deg)}30%{clip-path:inset(66% 0 38%);transform:skew(.36deg)}35%{clip-path:inset(25% 0 96%);transform:skew(.11deg)}40%{clip-path:inset(95% 0 15%);transform:skew(.93deg)}45%{clip-path:inset(90% 0 30%);transform:skew(.75deg)}50%{clip-path:inset(81% 0 64%);transform:skew(.09deg)}55%{clip-path:inset(13% 0 2%);transform:skew(.44deg)}60%{clip-path:inset(49% 0 54%);transform:skew(.49deg)}65%{clip-path:inset(92% 0 77%);transform:skew(.94deg)}70%{clip-path:inset(20% 0 63%);transform:skew(.22deg)}75%{clip-path:inset(53% 0 14%);transform:skew(.21deg)}80%{clip-path:inset(19% 0 81%);transform:skew(.3deg)}85%{clip-path:inset(56% 0 97%);transform:skew(.69deg)}90%{clip-path:inset(16% 0 47%);transform:skew(.65deg)}95%{clip-path:inset(99% 0 62%);transform:skew(.78deg)}to{clip-path:inset(7% 0 72%);transform:skew(.35deg)}}@keyframes nfGlitch2{0%{clip-path:inset(53% 0 78%);transform:skew(.9deg)}5%{clip-path:inset(17% 0 36%);transform:skew(.47deg)}10%{clip-path:inset(90% 0 43%);transform:skew(.73deg)}15%{clip-path:inset(28% 0 88%);transform:skew(.2deg)}20%{clip-path:inset(93% 0 4%);transform:skew(.03deg)}25%{clip-path:inset(48% 0 7%);transform:skew(.68deg)}30%{clip-path:inset(99% 0 3%);transform:skew(.98deg)}35%{clip-path:inset(17% 0 90%);transform:skew(.35deg)}40%{clip-path:inset(15% 0 48%);transform:skew(.74deg)}45%{clip-path:inset(10% 0 65%);transform:skew(.27deg)}50%{clip-path:inset(8% 0 46%);transform:skew(.35deg)}55%{clip-path:inset(73% 0 15%);transform:skew(.1deg)}60%{clip-path:inset(8% 0 53%);transform:skew(.79deg)}65%{clip-path:inset(51% 0 57%);transform:skew(.09deg)}70%{clip-path:inset(46% 0 43%);transform:skew(.63deg)}75%{clip-path:inset(76% 0 12%);transform:skew(.41deg)}80%{clip-path:inset(57% 0 46%);transform:skew(.76deg)}85%{clip-path:inset(75% 0 30%);transform:skew(.49deg)}90%{clip-path:inset(80% 0 18%);transform:skew(.59deg)}95%{clip-path:inset(28% 0 38%);transform:skew(.32deg)}to{clip-path:inset(36% 0 73%);transform:skew(.05deg)}}@keyframes nfSkew{0%{transform:skew(3deg)}10%{transform:skew(1deg)}20%{transform:skew(-3deg)}30%{transform:skew(2deg)}40%{transform:skew(-4deg)}50%{transform:skew(-1deg)}60%{transform:skew(-4deg)}70%{transform:skew(-4deg)}80%{transform:skew(-3deg)}90%{transform:skew(-1deg)}to{transform:skew(-1deg)}}@media (prefers-reduced-motion:reduce){.nf__glitch,.nf__glitch:before,.nf__glitch:after,.nf__track{animation:none}.nf__glitch:before,.nf__glitch:after{clip-path:inset(50% 0)}}
