.nf-page{flex-direction:column;min-height:100svh;display:flex}.nf{flex-direction:column;flex:1;justify-content:center;padding-block:clamp(20px,3vw,56px);display:flex}.nf__composition{grid-template-columns:minmax(0,1fr) 29%;grid-template-areas:"status path""code statement""rule rule""copy actions";align-items:end;column-gap:4%;display:grid}.nf__status{grid-area:status;padding-bottom:clamp(12px,1.2vw,22px)}.nf__path{min-width:0;max-width:100%;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:path;justify-self:end;padding-bottom:clamp(12px,1.2vw,22px);overflow:hidden}.nf__path span:last-child{color:var(--color-ink);text-transform:none}.nf__code{--nf-code:min(34vw, 50svh);height:1em;font-size:var(--nf-code);letter-spacing:-.065em;white-space:nowrap;grid-area:code;margin-block:-.1em -.11em;font-weight:760;line-height:1;overflow:clip}.nf__digits{display:block}.nf__zero{display:inline-block;position:relative}.nf__mark{aspect-ratio:1173.2/1016;width:.185em;height:auto;position:absolute;bottom:.401em;left:.242em}.nf__mark .a-mark__chevron{fill:var(--color-violet)}.nf__title{letter-spacing:-.06em;text-transform:uppercase;grid-area:statement;font-size:clamp(40px,5.6vw,132px);font-weight:720;line-height:.92}.nf__line{overflow-clip-margin:.1em;display:block;overflow:clip}.nf__line>span{display:block}.nf__rule{background:var(--color-ink);transform-origin:0;grid-area:rule;height:1px;margin-top:clamp(20px,2.2vw,40px);display:block}.nf__copy{max-width:34ch;font-size:var(--font-small);letter-spacing:-.015em;color:var(--color-subtle);grid-area:copy;align-self:start;margin-top:clamp(18px,1.8vw,34px);line-height:1.35}.nf__actions{flex-wrap:wrap;grid-area:actions;align-self:start;align-items:center;gap:4px 28px;margin-top:clamp(18px,1.8vw,34px);display:flex}.nf__actions .project-cta{min-height:44px;margin:0}.nf__secondary{text-transform:uppercase;align-items:center;gap:.6em;min-height:44px;font-size:clamp(11px,1vw,16px);font-weight:600;line-height:1;display:inline-flex}@media (max-width:900px){.nf__composition{grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-areas:"status path""code code""statement statement""rule rule""copy copy""actions actions"}.nf__code{--nf-code:min(calc((100vw - 2 * var(--page-gutter)) / 1.83), 44svh)}.nf__title{margin-top:clamp(20px,4vw,36px);font-size:clamp(40px,9vw,80px)}}@media (max-width:600px){.nf__title{font-size:clamp(38px,12vw,56px)}.nf__copy{font-size:14px}.nf__actions{gap:6px 22px}.nf__actions .project-cta{font-size:10px}}@media (prefers-reduced-motion:no-preference){.nf__composition[data-reveal-pending] .nf__digits{transform:translateY(105%)}.nf__composition[data-reveal-active=true] .nf__digits{animation:nf-mask .9s var(--accent-ease) backwards}.nf__composition[data-reveal-pending] .nf__line>span{transform:translateY(105%)}.nf__composition[data-reveal-active=true] .nf__line>span{animation:nf-mask .65s calc(.2s + var(--line,0) * 90ms) var(--accent-ease) backwards}.nf__composition[data-reveal-pending] .nf__mark .a-mark__chevron{clip-path:inset(100% 0 0)}.nf__composition[data-reveal-active=true] .nf__mark .a-mark__chevron{animation:.52s cubic-bezier(.65,0,.35,1) .74s backwards nf-apex}.nf__composition[data-reveal-pending] .nf__mark .a-mark__triangle{transform:translateY(100%)}.nf__composition[data-reveal-active=true] .nf__mark .a-mark__triangle{animation:brand-a-triangle .46s 1.14s var(--accent-ease) backwards}.nf__composition[data-reveal-pending] .nf__rule{transform:scaleX(0)}.nf__composition[data-reveal-active=true] .nf__rule{animation:.8s cubic-bezier(.65,0,.35,1) .86s backwards nf-draw}.nf__composition[data-reveal-pending] :is(.nf__status,.nf__path,.nf__copy,.nf__actions){opacity:0}.nf__composition[data-reveal-active=true] :is(.nf__status,.nf__path){animation:.4s .3s backwards nf-fade}.nf__composition[data-reveal-active=true] :is(.nf__copy,.nf__actions){animation:nf-fade .45s 1.1s var(--accent-ease) backwards}}@keyframes nf-mask{0%{transform:translateY(105%)}}@keyframes nf-apex{0%{clip-path:inset(100% 0 0)}}@keyframes nf-draw{0%{transform:scaleX(0)}}@keyframes nf-fade{0%{opacity:0}}
