/* ============================================================
   PODSTRONA: privacy (wersja 2) + strona 404.html
   Prosty nagłówek bez zdjęcia (.lhero) i tekst prawny na jasnym (.legal).
   Bez efektów ruchu poza wspólnym data-split; stan .fx-static nic tu nie zmienia.
   ============================================================ */
.lhero{background:#0A0A0A;color:#fff;padding:calc(var(--navh) + clamp(56px,9vw,120px)) 0 clamp(48px,7vw,96px);border-bottom:1px solid rgba(255,255,255,.08)}
.lhero .wrap{display:grid;gap:22px}
.lhero .crumbs{color:rgba(255,255,255,.6)}
.lhero .h-hero{font-size:clamp(34px,5vw,72px);font-weight:700;letter-spacing:-.025em;max-width:16ch}
.lhero .lead{color:rgba(255,255,255,.78)}
.lhero__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

.legal .wrap{max-width:760px}
.legal__meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:36px}
.legal h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.15;margin:52px 0 16px}
.legal h2:first-of-type{margin-top:0}
.legal p,.legal li{color:var(--text-2);font-size:16.5px;line-height:1.7}
.legal p+p{margin-top:14px}
.legal ul{display:grid;gap:10px;margin:14px 0 0;padding-left:0}
.legal li{position:relative;padding-left:24px}
.legal li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border:1px solid var(--em);transform:rotate(45deg)}
.legal ul+p{margin-top:16px}
.legal a{color:var(--text);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal a:hover{color:var(--em)}
.legal b{color:var(--text);font-weight:600}
.legal [id]{scroll-margin-top:calc(var(--navh) + 24px)}