/* The site footer (partials/footer.html) and the wordmark it shares with the header. Loaded after tokens.css and
   before neura.css (whose header and breakpoint rules resize the wordmark); the data portal's pages import it too. */

.wordmark{--m:url("../images/brand/neura-wordmark.1e7a657b3de1.svg");display:block;width:150px;height:21px;background:var(--ink);-webkit-mask:var(--m) left center/contain no-repeat;mask:var(--m) left center/contain no-repeat;transition:width .35s var(--ease),height .35s var(--ease)}

.ftr{border-top:1px solid var(--rule);padding-block:clamp(56px,6vw,80px) 28px}
.ftr-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.ftr-brand{display:grid;gap:18px;align-content:start}
.ftr-brand p{font-size:14px;color:var(--ink-2);max-width:30ch;line-height:1.55}
.ftr-brand .wordmark{width:132px;height:18px}
.ftr h4{font-size:13px;font-weight:500;color:var(--mute);margin-bottom:14px;letter-spacing:.01em}
.ftr ul{list-style:none;padding:0;display:grid;gap:10px}
.ftr ul a,.ftr ul button{font-size:14px;color:var(--ink-2);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;transition:color .2s}
.ftr ul a:hover,.ftr ul button:hover{color:var(--ink)}
.ftr-bot{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:clamp(48px,5vw,72px);padding-top:22px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--mute)}
.ftr-soc{display:flex;gap:6px}
.ftr-soc a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--mute);transition:color .2s,background .2s}
.ftr-soc a:hover{color:var(--ink);background:var(--panel)}
.ftr-soc svg{width:15px;height:15px}
.ftr-partners{display:flex;align-items:center;gap:14px 36px;flex-wrap:wrap;margin-top:clamp(40px,4vw,56px)}
.ftr-pl{font-size:12px;color:var(--mute);letter-spacing:.01em}
.ftr-partners ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:14px 36px;flex-wrap:wrap}
.ftr-partners li{display:flex;align-items:center;gap:9px;opacity:.72;transition:opacity .2s}
.ftr-partners li:hover{opacity:1}
.ftr-partners img{display:block;height:auto}
.ftr-eu span,.ftr-pn{font-size:11px;line-height:1.25;color:var(--mute)}

@media (max-width:980px){
  .ftr-top{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .ftr-brand{grid-column:1/-1}
}
@media (max-width:600px){
  .ftr-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}