/* ---------------------------------------------------------
   Shared site footer — StageNexa-Tohidul (TI)
   One file styles the footer on EVERY page. Loaded after the
   page stylesheet so it always wins. Markup lives in
   /partials/footer.html
   --------------------------------------------------------- */

footer.ti-footer{
  background:#08170F;color:#B7CCBF;padding:64px 0 28px;
  font-family:"Source Serif 4",Georgia,serif;font-size:15.5px;line-height:1.65;
}
footer.ti-footer .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
footer.ti-footer .fgrid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;align-items:start;
}
footer.ti-footer h4{
  font-family:"Archivo",system-ui,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:#8FEFC0;margin:0 0 14px;
}
footer.ti-footer p{margin:0 0 12px}
footer.ti-footer a{color:#B7CCBF;text-decoration:none;transition:color .2s ease}
footer.ti-footer a:hover{color:#8FEFC0}
footer.ti-footer ul{list-style:none;padding:0;margin:0}
footer.ti-footer li{padding:5px 0}
footer.ti-footer strong{color:#8FEFC0}

footer.ti-footer .footbar{
  border-top:1px solid rgba(255,255,255,.13);margin-top:40px;padding-top:20px;
  font-family:"Archivo",system-ui,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#7C9C89;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
}

@media (max-width:900px){
  footer.ti-footer .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  footer.ti-footer .fgrid{grid-template-columns:1fr;gap:28px}
  footer.ti-footer{padding:48px 0 24px}
}