.nf{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--header-h));display:grid;align-items:center;padding:56px 0 72px}.nf-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:20% 60%;opacity:.32;filter:saturate(.7)}.nf-art,.nf:after{position:absolute;inset:0;z-index:-1}.nf:after{content:"";background:linear-gradient(90deg,transparent 20%,rgb(18 28 34/.88) 62%)}.nf-grid{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(32px,6vw,96px);align-items:center}.nf-window{position:relative;aspect-ratio:2/3;overflow:hidden;border:12px solid var(--paper);box-shadow:0 0 0 2px var(--copper),0 30px 50px -20px rgb(0 0 0/.8);background:linear-gradient(var(--night-2),var(--night))}.nf-window:after{left:50%;top:0;bottom:0;width:8px;translate:-50% 0}.nf-window:after,.nf-window:before{content:"";position:absolute;background:var(--paper)}.nf-window:before{left:0;right:0;top:50%;height:8px;translate:0 -50%;z-index:1}.nf-glow{position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 70%,rgb(244 196 106/.3),transparent)}.nf-curtain{position:absolute;top:0;bottom:0;left:0;width:52%;z-index:2;background:repeating-linear-gradient(90deg,var(--burgundy) 0 14px,var(--curtain) 14px 22px,var(--burgundy) 22px 30px);border-radius:0 0 40% 0/0 0 12% 0;translate:-38% 0;animation:nf-part 1.4s .4s var(--ease-print) both}.nf-curtain-right{left:auto;right:0;border-radius:0 0 0 40%/0 0 0 12%;translate:38% 0;animation-name:nf-part-right}@keyframes nf-part{0%{translate:0 0}}@keyframes nf-part-right{0%{translate:0 0}}.nf-code{position:absolute;left:50%;bottom:14%;z-index:3;translate:-50% 0;padding:4px 14px;border-radius:var(--r-pill);background:var(--night);color:var(--lamp);font:400 26px/1.2 var(--font-display);letter-spacing:.04em}.nf-copy h1{font-size:var(--step-5)}.nf-copy .lead{margin-top:20px;max-width:34ch;color:var(--mist)}.nf-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}@media (max-width:760px){.nf{padding-top:32px}.nf:after{background:linear-gradient(transparent,rgb(18 28 34/.9) 45%)}.nf-grid{grid-template-columns:1fr}.nf-window{width:min(200px,52vw)}.nf-actions .btn{width:100%}}