/* Vancouver Fall Food Festival, between festivals (D14): page-templates/template-fallfest.php.
   Loads after homepage.css and newsletter.css (hero, section heads, cards); only the differences live here. */
body.noms-fallfest{margin:0;background:#fff}
.nf-hero{padding-block:clamp(40px,6vw,88px)}
.nf-hero .nn-dek{max-width:52ch}

.nf-others{grid-template-columns:repeat(2,minmax(0,1fr))}
.nf-others li{padding:0}
.nf-others a{display:block;height:100%;padding:20px;border-radius:var(--r);color:var(--ink);text-decoration:none}
.nf-others a:hover,.nf-others a:focus-visible{box-shadow:inset 0 0 0 1.5px var(--ink)}
.nf-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:700 16px/1.3 var(--sans);color:var(--ink)}

.nf-vendors{list-style:none;margin:20px 0 0;padding:0;columns:3;column-gap:32px;max-width:960px}
.nf-vendors li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--line);font:800 19px/1.3 var(--display);color:var(--ink)}
.nf-thanks{margin:20px 0 0;font-size:17px;line-height:1.5;color:var(--muted)}
.nf{padding-bottom:clamp(48px,6vw,88px)}

@media (max-width:900px){.nf-vendors{columns:2}}
@media (max-width:640px){
  .nf-others{grid-template-columns:1fr}
  .nf-vendors{columns:1}
}