/* pureFOOD News — Lavendel. Eigenständig (eigene Tokens, pfn-Prefix). */
:root{
  --paper:#ffffff; --warm:#faf8fc; --flieder:#f6f4fb; --flieder2:#efeaf6;
  --aub:#423d51; --aubd:#332e42; --plum:#7c5e8c; --pink:#e0a9d6;
  --ink:#2b2733; --ink2:#4c4753; --muted:#8f8a97; --line:#ece7f2; --bd:#dfd7ea; --star:#c9a227;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --r:16px;
  --shadow:0 20px 46px -30px rgba(66,61,81,.5); --shadow-sm:0 10px 24px -18px rgba(66,61,81,.5);
}
body.pfn{margin:0;font-family:var(--sans);color:var(--ink2);background:var(--warm);line-height:1.6;-webkit-font-smoothing:antialiased}
body.pfn img{max-width:100%;height:auto}
.pfn a{color:inherit;text-decoration:none}
.pfn-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
/* chrome */
.pfn-ed{background:var(--flieder);border-bottom:1px solid var(--line);text-align:center;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--plum);padding:8px 0;font-weight:600}
.pfn-top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.pfn-top .pfn-wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.pfn-brand{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--ink)}.pfn-brand .a{color:var(--plum)}.pfn-brand .tv{color:var(--muted);font-weight:400;font-size:.62em}
.pfn-nav{display:flex;gap:26px;font-size:.9rem;font-weight:500;flex-wrap:wrap}.pfn-nav a:hover{color:var(--plum)}.pfn-nav .cur{color:var(--plum)}
.pfn-lang{font-size:.8rem;color:var(--muted)}
/* hero */
.pfn-secttag{text-align:center;padding:60px 0 0}.pfn-secttag span{background:var(--plum);color:#fff;font-size:.7rem;letter-spacing:.14em;padding:5px 14px;border-radius:999px;text-transform:uppercase}
.pfn-h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--ink);text-align:center;margin:16px 0 6px;line-height:1.05}
.pfn-sub{text-align:center;color:var(--ink2);max-width:60ch;margin:0 auto 8px}
.pfn-sec{padding:40px 0}
.pfn-h2row{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 18px;gap:16px}
.pfn-h2row h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--ink)}
.pfn-h2row a{font-size:.8rem;font-weight:600;color:var(--plum);white-space:nowrap}
/* featured rail */
.pfn-feat{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.pfn-feat{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.pfn-feat{grid-template-columns:repeat(4,1fr)}}
.pfn-fcard{position:relative;display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:.18s}
.pfn-fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pfn-fcard .im{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--flieder),var(--flieder2));overflow:hidden}
.pfn-fcard .im img{width:100%;height:100%;object-fit:cover;display:block}
.pfn-fcard .im .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--plum);font-family:var(--serif);font-size:1.4rem;opacity:.5}
.pfn-badge{position:absolute;left:10px;top:10px;background:var(--plum);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.pfn-fcard .b{padding:13px 15px 16px}
.pfn-fcard .c{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pfn-fcard .n{font-family:var(--serif);font-size:1.05rem;color:var(--ink);margin:4px 0 8px;line-height:1.15}
.pfn-fcard .r{font-size:.82rem;color:var(--ink2);display:flex;gap:8px;align-items:center}.pfn-fcard .r b{color:var(--star)}
.pfn-fcard .r .pct{margin-left:auto;font-weight:600;color:var(--plum)}
/* lead */
.pfn-lead{display:grid;grid-template-columns:1fr;gap:26px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--r)+4px);overflow:hidden;box-shadow:var(--shadow-sm)}
@media(min-width:820px){.pfn-lead{grid-template-columns:1.1fr 1fr}}
.pfn-lead .im{aspect-ratio:16/11;background:linear-gradient(135deg,var(--flieder2),#e7dff0);min-height:240px;background-size:cover;background-position:center}
.pfn-lead .b{padding:30px}
.pfn-lead .meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--plum);font-weight:700;margin-bottom:10px}
.pfn-lead h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ink);margin:0 0 12px;line-height:1.1}
.pfn-lead p{margin:0 0 16px;font-size:1.02rem}
.pfn-btn{display:inline-flex;align-items:center;gap:8px;background:var(--aub);color:#fff;font-weight:600;font-size:.9rem;padding:12px 24px;border-radius:999px}
.pfn-btn:hover{background:var(--plum)}
/* news grid */
.pfn-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:720px){.pfn-grid{grid-template-columns:repeat(3,1fr)}}
.pfn-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:.18s}
.pfn-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pfn-card .im{aspect-ratio:16/10;background:linear-gradient(135deg,var(--flieder),var(--flieder2));background-size:cover;background-position:center}
.pfn-card .b{padding:16px 18px 20px}
.pfn-card .meta{display:flex;gap:8px;align-items:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.pfn-card .meta .cat{color:var(--plum);font-weight:700}
.pfn-card h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin:0 0 8px;line-height:1.2}
.pfn-card p{margin:0;font-size:.92rem;color:var(--ink2)}
.pfn-card .rl{margin-top:12px;font-size:.78rem;color:var(--plum);font-weight:600}
/* empty */
.pfn-empty{text-align:center;padding:36px;background:var(--paper);border:1px dashed var(--bd);border-radius:var(--r);color:var(--muted)}
/* single */
.pfn-article{max-width:760px;margin:0 auto;padding:44px 0}
.pfn-article .kick{text-align:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);font-weight:700}
.pfn-article h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--ink);text-align:center;margin:12px 0 10px;line-height:1.08}
.pfn-article .amet{text-align:center;color:var(--muted);font-size:.86rem;margin-bottom:24px}
.pfn-article .hero{aspect-ratio:16/9;background:linear-gradient(135deg,var(--flieder2),#e7dff0);border-radius:var(--r);margin-bottom:26px;box-shadow:var(--shadow-sm);background-size:cover;background-position:center}
.pfn-article .body{font-size:1.06rem;color:#3f3833}
.pfn-article .body p{margin:0 0 18px}
.pfn-rbox{display:flex;gap:16px;align-items:center;background:var(--flieder);border:1px solid var(--bd);border-left:4px solid var(--plum);border-radius:12px;padding:16px 18px;margin:26px 0}
.pfn-rbox .im{width:74px;height:74px;border-radius:10px;background:linear-gradient(135deg,var(--flieder2),#e7dff0);flex:0 0 auto;background-size:cover;background-position:center}
.pfn-rbox .k{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--plum);font-weight:700}
.pfn-rbox .n{font-family:var(--serif);font-size:1.12rem;color:var(--ink);margin:2px 0 3px}
.pfn-rbox .r{font-size:.84rem;color:var(--ink2)}.pfn-rbox .r b{color:var(--star)}
.pfn-rbox .go{margin-left:auto;color:var(--plum);font-weight:600;font-size:.85rem;white-space:nowrap}
/* footer */
.pfn-foot{background:var(--aubd);color:#c9bcd6;padding:34px 0;margin-top:50px;font-size:.85rem}
.pfn-foot .pfn-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.pfn-foot .pfn-brand{color:#fff}.pfn-foot .pfn-brand .a{color:var(--pink)}.pfn-foot .pfn-brand .tv{color:#c9bcd6}
