/* forside-hero.css — fagforeningernes BESPOKE forside-hero: Ugens analyse som journalistisk
   lead (.ff-lead--hero). KUN tokens (byggevagt fejler på rå hex). Lys + mørk følger paletten.
   .leg / .tln / .axis / .grid / .tick bor i chrome.css (delt). */
.ff-lead{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1.5px solid var(--ink);
  box-shadow:var(--offset);background:var(--surface)}
.ff-lead-body{padding:38px 40px;display:flex;flex-direction:column}
.ff-lead-k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px}
.ff-lead-k::after{content:"";flex:1;height:1px;background:var(--hair2)}
.ff-lead h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.6vw,46px);
  letter-spacing:-.02em;line-height:1.04;color:var(--ink);margin:16px 0 0;text-wrap:balance}
.ff-lead-titlelink{color:inherit;text-decoration:none}
.ff-lead-titlelink:hover{color:var(--accent)}
.ff-lead-manchet{font-size:17px;line-height:1.55;color:var(--body);margin:14px 0 0;max-width:52ch}
.ff-lead-foot{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:22px}
.ff-lead-foot .ff-byline{font-family:var(--mono);font-size:11px;color:var(--label-soft)}
/* delebillede / figur-side */
.ff-lead-fig{border-left:1.5px solid var(--ink);background:var(--paper);padding:32px 34px;margin:0;
  display:flex;flex-direction:column;justify-content:center}
.ff-lead-fig svg{display:block;width:100%;height:auto}
.ff-lead-fig figcaption{font-family:var(--mono);font-size:10.5px;color:var(--label-soft);margin-top:12px}
.ff-figlink{display:block;cursor:pointer}
.ff-figlink:hover{opacity:.9}
@media (max-width:860px){
  .ff-lead{grid-template-columns:1fr}
  .ff-lead-body{padding:28px 26px}
  .ff-lead-fig{border-left:0;border-top:1.5px solid var(--ink);padding:26px;order:-1}
}