.nf-top{z-index:10;height:var(--nav);position:fixed;top:0;left:0;right:0}.nf{min-height:100svh;padding:calc(var(--nav) + var(--s-7)) 0 var(--s-8);align-items:center;display:flex}.nf-grid{column-gap:var(--gutter);row-gap:var(--s-7);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;width:100%;display:grid}.panel.nf-panel{--p-r:var(--r-lg);border-radius:var(--r-lg);aspect-ratio:1;grid-column:1/span 5;place-items:center;min-height:0;display:grid}.nf-bird{z-index:1;width:68%;height:auto;position:relative}@media (hover:hover) and (pointer:fine){html:not([data-motion=off]) .nf-bird{transition:transform var(--m-out,.2s) var(--m-ease)}html:not([data-motion=off]) .nf-panel:hover .nf-bird{transition-duration:var(--m-in,.14s);transform:translateY(-4px)}}.nf-body{gap:var(--s-5);grid-column:7/span 6;justify-items:start;display:grid}.nf-body>.t-label{margin:0}.nf-title{font:var(--display-weight) var(--t-h2)/1.08 var(--font-display);letter-spacing:var(--display-tracking);max-width:16ch;margin:0}.nf-lead{font-size:var(--t-lead);max-width:44ch;margin:0;line-height:1.55}.nf-path{font:500 .88em/1 var(--font-mono);border-radius:var(--r-sm);background:color-mix(in oklab, var(--accent) 12%, var(--bg));overflow-wrap:anywhere;padding:3px 8px}.nf-body>.btn-row{margin-top:var(--s-2)}.nf-places{width:100%;margin-top:var(--s-5);border-top:1px solid var(--line)}.nf-place{align-items:center;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:160px 1fr auto;text-decoration:none;display:grid}.nf-place__title{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;justify-self:start;padding-bottom:1px;font-weight:500}.nf-place__detail{color:var(--muted)}.nf-place__arrow{width:16px;height:16px;color:var(--muted)}@media (hover:hover) and (pointer:fine){html:not([data-motion=off]) .nf-place__title{transition:background-size var(--m-out,.2s) var(--m-ease)}html:not([data-motion=off]) .nf-place__arrow{transition:transform var(--m-out,.2s) var(--m-ease), color var(--m-out,.2s)}html:not([data-motion=off]) .nf-place:hover .nf-place__title{transition-duration:var(--m-in,.14s);background-size:100% 1px}html:not([data-motion=off]) .nf-place:hover .nf-place__arrow{color:var(--ink);transition-duration:var(--m-in,.14s);transform:translate(3px)}}.nf-place:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:var(--r-sm)}@media (max-width:1023px){.nf-body{grid-column:6/span 7}.nf-place{gap:var(--s-1) var(--s-4);grid-template-columns:1fr auto}.nf-place__detail{font-size:var(--t-small);grid-row:2}.nf-place__arrow{grid-area:1/2/span 2}}@media (max-width:767px){.nf{padding-top:calc(var(--nav) + var(--s-6));padding-bottom:var(--s-6);align-items:flex-start}.nf-grid{row-gap:var(--s-6)}.panel.nf-panel{--nf-h:clamp(150px, 21svh, 300px);aspect-ratio:auto;height:var(--nf-h);grid-column:1/-1}.nf-bird{width:auto;max-width:none;height:calc(var(--nf-h) * .84)}.nf-body{gap:var(--s-4);grid-column:1/-1}}@media (max-width:639px){.nf-body>.btn-row{width:100%}.nf-places{margin-top:var(--s-3)}.nf-place{padding:var(--s-3) 0}.nf-place__detail{display:none}}@media (min-width:768px) and (max-height:860px){.nf{padding-top:calc(var(--nav) + var(--s-6));padding-bottom:var(--s-6)}.nf-place{padding:var(--s-3) 0;grid-template-columns:1fr auto}.nf-place__detail{display:none}.nf-place__arrow{grid-area:auto/2}}
