.nf{--nf-hair:color-mix(in oklch, var(--color-ink) 10%, transparent);padding-bottom:64px}.nf-head{text-align:center;max-width:48rem;margin-inline:auto;padding-block:48px 32px}.nf-code{font-family:var(--font-mono);color:var(--color-accent-strong);letter-spacing:.08em;font-size:1rem}.nf-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin-top:8px;font-size:clamp(2rem,3vw + 1rem,3.25rem);font-weight:500;line-height:1.08}.nf-sub{color:var(--color-ink-2);margin-top:12px;font-size:1.125rem;line-height:1.5}.nf-doors{gap:16px;display:grid}.nf-door{background:var(--color-paper);border:1px solid var(--nf-hair);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.nf-door__media{aspect-ratio:2;background:var(--color-paper-3);display:block;position:relative}.nf-door__media img{object-fit:cover}.nf-door__body{padding:20px 24px 24px}.nf-door__title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.15}.nf-door__title a:hover{color:var(--color-accent-strong)}.nf-door__line{color:var(--color-ink-2);margin-top:8px;line-height:1.5}.nf-door__go{min-height:44px;color:var(--color-accent-strong);align-items:center;gap:6px;margin-top:16px;font-weight:500;display:inline-flex}.nf-door__go:hover{text-underline-offset:4px;text-decoration:underline}.nf-links{border-top:1px solid var(--nf-hair);margin-top:48px;padding-top:32px}.nf-links__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.nf-links ul{flex-wrap:wrap;gap:4px 20px;margin-top:12px;display:flex}.nf-links li a{min-height:44px;color:var(--color-ink-2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--color-ink) 25%, transparent);text-decoration-color:color-mix(in oklch, var(--color-ink) 25%, transparent);text-underline-offset:4px;align-items:center;display:inline-flex}.nf-links li a:hover{color:var(--color-accent-strong)}.nf-links__cta{margin-top:24px}@media (min-width:760px){.nf-head{padding-block:80px 48px}.nf-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nf-door__media{aspect-ratio:3/2}}
