/* Footer van synergasia.pl, letterlijk overgenomen uit de originele index.html */
:root{
  --navy:#1a2640;
  --navy2:#243044;
  --gold:#b8975a;
  --gold2:#c9aa6e;
  --white:#ffffff;
  --off:#f7f6f4;
  --light:#f0eeeb;
  --text:#2c3140;
  --muted:#6b7180;
  --border:#e2e0db;
}
footer *,footer *::before,footer *::after{margin:0;padding:0;box-sizing:border-box}
footer{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:normal}
footer{background:var(--navy);padding:72px 48px 36px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo{font-family:'Outfit',sans-serif;font-weight:700;font-size:18px;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.footer-logo .accent{color:var(--gold)}
.footer-about{font-size:13px;color:rgba(255,255,255,.45);line-height:1.75;font-weight:300;max-width:250px}
.footer-col h6{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);font-weight:600;margin-bottom:18px}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:10px;transition:color .18s;font-weight:300}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:12px}
.f-langs{display:flex;gap:6px}
.fl{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:3px 8px;font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.35)}
@media(max-width:1024px){
  footer{padding-left:32px;padding-right:32px}
  .footer-top{grid-template-columns:1fr;gap:40px}
}