/* FOOTER (shared on all pages) */
  /* FOOTER */
  .footer{background:var(--navy);color:rgba(255,255,255,.7);padding:56px 0 24px;margin-top:60px}
  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
  @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
  @media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
  .footer-brand p{font-size:13px;line-height:1.7;margin:16px 0;color:rgba(255,255,255,.6)}
  .footer-brand .logo-text strong{color:#fff}
  .footer-col h4{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
  .footer-col ul{list-style:none} .footer-col li{margin-bottom:10px}
  .footer-col a{font-size:13px;color:rgba(255,255,255,.6);transition:color .15s;cursor:pointer}
  .footer-col a:hover{color:#fff}
  .footer-bottom{padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:12px}
  .footer-bottom a{color:rgba(255,255,255,.7);font-weight:600;}
  .footer-bottom a:hover{color:#fff}
  body[data-page="article"] .footer,body[data-page="about"] .footer{margin-top:0}