.nf{align-items:center;min-height:calc(100vh - 200px);padding:110px clamp(24px,4vw,64px);display:flex}.nf-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);width:100%;display:grid}.nf-copy{animation:.7s cubic-bezier(.22,1,.36,1) both nfRise}.nf-slate{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 55%, transparent);margin-bottom:22px;font-size:.72rem}.nf-headline{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px;font-size:clamp(2.2rem,4.6vw,4rem);font-weight:800;line-height:1.02}.nf-sub{max-width:44ch;color:var(--ink-soft);margin:0 0 36px;font-size:1.02rem;line-height:1.6}.nf-frame-wrap{justify-content:center;display:flex}.nf-frame{background:var(--ink);width:min(100%,420px);margin:0;padding:14px 14px 10px;animation:.7s cubic-bezier(.22,1,.36,1) .12s both nfRise;transform:rotate(-2.4deg);box-shadow:0 24px 60px #0e0e0e38}.nf-photo{aspect-ratio:4/5;position:relative;overflow:hidden}.nf-photo img{filter:grayscale()contrast(1.05)}.nf-x{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nf-x path{fill:none;stroke:var(--paper);stroke-linecap:round;opacity:.92;vector-effect:non-scaling-stroke;stroke-width:7px}.nf-caption{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:#f4f3ef99;justify-content:space-between;padding-top:9px;font-size:.62rem;display:flex}.nf-caption span:last-child{color:var(--paper)}@keyframes nfRise{0%{opacity:0;transform:translateY(18px)}}@media (max-width:768px){.nf{min-height:0;padding-top:56px}.nf-grid{grid-template-columns:1fr}.nf-frame{width:min(100%,340px)}}@media (prefers-reduced-motion:reduce){.nf-copy,.nf-frame{animation:none}}
