@layer components{.nf{min-height:min(100svh,980px);padding:calc(var(--nav-h) + 12px) var(--gutter) 36px;max-width:calc(var(--max) + 2 * var(--gutter));grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(16px,3vw,56px);margin:0 auto;display:grid}.nf-kicker{margin:0 0 18px}.nf-title{letter-spacing:-.004em;margin:0;font-size:clamp(76px,11.5vw,196px);line-height:.84}.nf-lede{max-width:46ch;color:var(--ink-2);margin:clamp(22px,2.6vw,34px) 0 0;font-size:clamp(14px,1.05vw,16px);line-height:1.65}.nf-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,40px);display:flex}.nf-art{align-content:center;align-self:stretch;justify-items:center;min-height:520px;display:grid;position:relative}.nf-shard{width:min(100%,460px);height:clamp(320px,46svh,520px)}.nf-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon k""v v""s s";align-items:center;gap:6px 10px;width:min(100%,300px);margin-top:-18px;padding:16px 20px 18px;display:grid;position:relative}.nf-card-icon{color:var(--ink);grid-area:icon;display:grid}.nf-card-k{letter-spacing:.08em;text-transform:uppercase;color:var(--card-mute);grid-area:k;font-size:12px}.nf-card-v{letter-spacing:-.02em;grid-area:v;font-size:40px;font-weight:700;line-height:1}.nf-card-s{letter-spacing:.08em;text-transform:uppercase;color:var(--card-mute);grid-area:s;font-size:12px}@media (max-width:860px){.nf{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-height:0;padding-bottom:24px}.nf-art{order:-1;min-height:0}.nf-shard{height:240px}.nf-title{font-size:clamp(64px,19vw,120px)}}}