.nf{background:var(--ink);height:100svh;min-height:38rem;position:relative;overflow:hidden}.nf__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.6s var(--ease-out);position:absolute;inset:0}.nf.is-ready .nf__canvas{opacity:1}.nf__scrim{pointer-events:none;background:linear-gradient(90deg,#07090cbf 0%,#07090c4d 36%,#0000 55%),linear-gradient(#0000 72%,#07090ccc 100%);position:absolute;inset:0}.nf__body{height:100%;padding-top:calc(var(--nav-h) + clamp(1rem, 4svh, 2.5rem));flex-direction:column;justify-content:safe center;gap:clamp(2rem,6svh,4rem);padding-bottom:clamp(1.5rem,4svh,3rem);display:flex;position:relative}.nf__copy{justify-items:start;gap:1.3rem;max-width:36rem;display:grid}.nf__title{max-width:12ch}.nf__lead{max-width:28em}.nf__actions{animation:nf-in 1.2s .6s var(--ease-out) both;flex-wrap:wrap;gap:.9rem;margin-top:.4rem;display:flex}@keyframes nf-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.nf__actions{animation:none}}@media (max-width:720px){.nf{background:var(--ink);height:auto;min-height:100svh}.nf__scrim{background:linear-gradient(#07090cd9 0%,#0000 40% 85%,#07090c99 100%)}.nf__body{min-height:100svh}.nf__copy{flex-direction:column;flex:1;align-items:flex-start;margin-top:0;display:flex}.nf__actions{flex-wrap:nowrap;gap:.6rem;width:100%;margin-top:auto}.nf__actions .btn{height:2.5rem;font-size:var(--fs-sm);flex:1 1 0;justify-content:center;gap:.4em;padding:0 .8rem}.nf__actions .btn svg{width:15px;height:15px}}
