.nf{padding-block:clamp(56px,9vw,128px) clamp(48px,7vw,96px);position:relative;overflow:hidden}.nf-code{right:var(--gutter);z-index:-1;font-family:var(--display);letter-spacing:-.06em;color:color-mix(in srgb, var(--fg) 5%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(9rem,26vw,22rem);font-weight:600;line-height:.8;position:absolute;top:50%;transform:translateY(-50%)}.nf h1{margin-top:14px;font-size:clamp(2.6rem,6vw,5rem)}.nf>p{max-width:42ch;color:var(--muted);margin:18px 0 0;font-size:1.08rem}.nf-actions{flex-wrap:wrap;gap:10px;margin-top:clamp(28px,4vw,40px);display:flex}.nf-actions .btn{min-width:200px}.nf-cols{border-top:1px solid var(--line);max-width:640px;margin-top:clamp(44px,6vw,72px);padding-top:22px}.nf-cols>div{flex-wrap:wrap;gap:8px 28px;margin-top:14px;display:flex}.nf-cols a{font-family:var(--display);letter-spacing:-.02em;border-bottom:1px solid #0000;align-items:baseline;gap:8px;font-size:1.15rem;font-weight:500;transition:border-color .2s;display:inline-flex}.nf-cols a:hover{border-color:var(--fg)}.nf-cols a span{font-family:var(--body);color:var(--muted);font-size:.8rem;font-weight:400}.nf-new{padding-bottom:clamp(64px,9vw,120px)}.nf-new h2{margin:12px 0 clamp(24px,3vw,40px);font-size:clamp(1.6rem,3vw,2.4rem)}.nf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(32px,3.4vw,52px) clamp(14px,2vw,28px);display:grid}@media (max-width:960px){.nf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nf-code{top:28%}.nf-actions .btn{flex:1;min-width:0}}
