.nf{--nf-ls:.18em;min-height:100svh;color:var(--ink);font-family:var(--font-serif);position:relative}.nf__stage{z-index:0;background:#efe9db url(/media/404-frame.webp) 50%/cover no-repeat;position:absolute;inset:0}.nf__stage:after{content:"";background:linear-gradient(90deg,#f7f3ead1 0%,#f7f3ea73 36%,#f7f3ea00 58%);position:absolute;inset:0}.nf__sheet{z-index:1;max-width:44rem;min-height:100svh;padding:calc(var(--navbar-h) + var(--space-6)) clamp(1.3rem,4vw,3.2rem) var(--space-8);flex-direction:column;justify-content:center;display:flex;position:relative}.nf__code{font-family:var(--font-mono);color:var(--accent-dark);text-transform:uppercase;letter-spacing:.26em;align-items:center;gap:.85rem;margin:0 0 1.2rem;font-size:.66rem;display:flex}.nf__code:before{content:"";background:var(--accent);width:34px;height:1px}.nf__h1{letter-spacing:-.015em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:400;line-height:1.1}.nf__h1 em{color:var(--accent);font-style:italic}.nf__lede{max-width:24rem;color:var(--ink-soft);margin:1.1rem 0 0;line-height:1.65}.nf__cta{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.nf__btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--nf-ls);-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;padding:18px 30px;font-size:.68rem;line-height:1;text-decoration:none;display:inline-flex}.nf__btn-label{text-box-trim:trim-both;text-box-edge:cap alphabetic;margin-inline-end:calc(-1 * var(--nf-ls));display:inline-block}.nf__btn--primary{background:var(--ink);color:var(--bg)}.nf__btn--primary:hover{opacity:.88}.nf__btn--ghost{border:1px solid var(--line);color:var(--ink)}.nf__btn--ghost:hover{border-color:var(--accent-dark);color:var(--accent-dark)}@supports not (text-box-trim:trim-both){.nf__btn{padding:21px 30px 13px}}@media (max-width:560px){.nf__stage{background-image:url(/media/404-frame-portrait.webp)}.nf__stage:after{background:linear-gradient(#f7f3ea00 36%,#f7f3ea8c 53%,#f7f3eaed 70%,#f7f3eafa 100%)}.nf__sheet{padding-inline:clamp(1.5rem,6vw,2rem);justify-content:flex-end;max-width:100%;padding-bottom:clamp(2rem,5vh,3rem)}.nf__code{display:none}.nf__h1{max-width:16ch;font-size:clamp(1.65rem,6.6vw,2.15rem)}.nf__lede{max-width:34ch;margin-top:.9rem}.nf__cta{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.nf__btn{width:100%;max-width:none}}