/* ============================================================
   FLISEGITTERET — forsidens sektion 5. Klasser: fl
   ============================================================ */
.fl{background:var(--hvid);padding:clamp(88px,calc(13 * var(--vh,1vh)),160px) 0 clamp(72px,calc(10 * var(--vh,1vh)),128px)}
.fl__in{max-width:1240px;margin:0 auto;padding:0 clamp(20px,3.2vw,48px)}
.fl__hd{text-align:center;max-width:860px;margin:0 auto clamp(40px,calc(6 * var(--vh,1vh)),64px)}
.fl__eb{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--text-3)}
.fl__h{margin:0;font-size:clamp(38px,5.4vw,76px);line-height:1;letter-spacing:-.04em;font-weight:700}
.fl__h span{display:block;color:var(--text-3)}

.fl__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.fl__k{position:relative;display:flex;flex-direction:column;min-height:300px;padding:clamp(24px,2.4vw,36px);border-radius:28px;
  background:var(--papir);color:var(--text-1);text-decoration:none;overflow:hidden;
  opacity:0;transform:translateY(28px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),box-shadow .35s var(--ease-out),background .35s}
.fl.is-inde .fl__k{opacity:1;transform:none}
.fl.is-inde .fl__k:nth-child(2){transition-delay:.08s,.08s,0s,0s}
.fl.is-inde .fl__k:nth-child(3){transition-delay:.16s,.16s,0s,0s}
.fl.is-inde .fl__k:nth-child(4){transition-delay:.12s,.12s,0s,0s}
.fl.is-inde .fl__k:nth-child(5){transition-delay:.2s,.2s,0s,0s}
.fl.is-inde .fl__k:nth-child(6){transition-delay:.28s,.28s,0s,0s}
.fl__k:hover{text-decoration:none;background:#f1f1ee;box-shadow:0 22px 50px -32px rgba(21,23,22,.4)}
.fl.is-inde .fl__k:hover{transform:translateY(-4px)}
.fl__k:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.fl__k--stor{grid-column:span 7;grid-row:span 2}
.fl__k--mid{grid-column:span 5}
.fl__k--lille{grid-column:span 4}

.fl__lab{margin:0 0 10px;font-size:13px;font-weight:500;color:var(--text-3)}
.fl__t{margin:0;font-size:clamp(24px,2.3vw,32px);line-height:1.08;letter-spacing:-.03em;font-weight:700;max-width:18ch}
.fl__k--stor .fl__t{font-size:clamp(30px,3.2vw,46px)}
.fl__p{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--text-2);max-width:40ch}
.fl__go{margin-top:18px;display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--accent-ink)}
.fl__go::after{content:"→";transition:transform .3s var(--ease-out)}
.fl__k:hover .fl__go::after{transform:translateX(4px)}
.fl__vis{margin-top:auto;padding-top:24px}

/* 1. søjlerne */
.fl__soj{display:flex;align-items:flex-end;gap:clamp(4px,.7vw,10px);height:clamp(180px,calc(24 * var(--vh,1vh)),280px)}
.fl__soj i{flex:1;height:0;border-radius:8px 8px 3px 3px;background:#d7d9d4;transition:height 1s cubic-bezier(.3,1.2,.4,1) var(--d,0ms)}
.fl__soj i.dig{background:var(--dig)}
.fl.is-inde .fl__soj i{height:var(--h)}
.fl__sojTal{display:flex;align-items:baseline;gap:8px;margin:0 0 14px}
.fl__sojTal b{font-size:clamp(40px,4vw,56px);letter-spacing:-.04em;line-height:1;font-variant-numeric:lining-nums proportional-nums}
.fl__sojTal span{font-size:14px;color:var(--text-3)}

/* 2. uret */
.fl__urBoks{display:flex;align-items:center;gap:20px}
.fl__ur{width:120px;height:120px;flex:none}
.fl__ur line{stroke:var(--g,#d7d9d4);stroke-width:4;stroke-linecap:round;opacity:0;transition:opacity .4s var(--d,0ms)}
.fl.is-inde .fl__ur line{opacity:1}
.fl__ur line.dig{stroke:var(--dig)}
.fl__ur line.nu{stroke:var(--text-1)}
.fl__ur text{font-size:8px;fill:var(--text-3);font-variant-numeric:lining-nums proportional-nums}
.fl__urSpor{fill:none;stroke:var(--line-soft);stroke-width:1}
.fl__urT{display:block;font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:lining-nums proportional-nums}
.fl__urS{font-size:13px;color:var(--text-3)}

/* 3. benzin mod strøm */
.fl__fos{display:grid;gap:12px}
.fl__fosR{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;font-size:14px;color:var(--text-2)}
.fl__fosR b{color:var(--text-1);font-variant-numeric:lining-nums proportional-nums;font-size:16px}
.fl__fosBar{height:12px;border-radius:999px;background:#e4e5e1;overflow:hidden}
.fl__fosBar i{display:block;height:100%;width:0;border-radius:999px;background:#8f938f;transition:width 1.1s var(--ease-out)}
.fl.is-inde .fl__fosBar i{width:var(--w)}
.fl__fosR--el .fl__fosBar i{background:var(--dig)}
.fl__fosNote{margin:10px 0 0;font-size:12.5px;color:var(--text-3)}

/* 4. arkivet */
.fl__ark{width:100%;height:90px;display:block;overflow:visible}
.fl__arkA{fill:rgba(21,23,22,.05)}
.fl__arkL{fill:none;stroke:var(--text-1);stroke-width:1.8;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease-out) .3s}
.fl.is-inde .fl__arkL{stroke-dashoffset:0}
.fl__arkP{fill:var(--dig);stroke:#fff;stroke-width:2}
.fl__arkTal{margin:0 0 10px;font-size:13px;color:var(--text-3)}
.fl__arkTal b{font-size:22px;color:var(--text-1);letter-spacing:-.02em;font-variant-numeric:lining-nums proportional-nums;margin-right:4px}
.fl__k.uden-data .fl__arkTal,.fl__k.uden-data .fl__ark{display:none}
.fl__arkTom{display:none;margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}
.fl__k.uden-data .fl__arkTom{display:block}

/* 5. guides */
.fl__guide{position:relative;height:84px;list-style:none;margin:0;padding:0}
.fl__guide li{position:absolute;inset:0;display:flex;align-items:flex-end;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.015em;
  opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.fl__guide li.on{opacity:1;transform:none}

/* 6. forum */
.fl__q{margin:0;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.fl__qm{margin:8px 0 0;font-size:13px;color:var(--text-3)}

@media (max-width:980px){
  .fl__k--stor,.fl__k--mid{grid-column:span 12;grid-row:auto}
  .fl__k--lille{grid-column:span 6}
}
@media (max-width:640px){
  .fl__grid{gap:12px}
  .fl__k--lille{grid-column:span 12}
  .fl__k{min-height:0}
  .fl__soj{height:160px}
}
@media (prefers-reduced-motion:reduce){
  .fl__k,.fl__soj i,.fl__ur line,.fl__fosBar i,.fl__arkL,.fl__guide li{transition:none}
}