/* ============================================================
   FOOTER COMPONENT — footer.css
   Depends on the shared CSS variables below. If this page
   already defines its own :root palette, just delete this
   block and keep the palette that's already on the page.
   ============================================================ */

:root{
  --white:#FFFFFF;
  --ink:#121212;
  --citrine:#FFCC00;
}

footer{
  background:var(--ink);
  color:#B8B6AE;
  padding:64px 0 32px;
  font-family:'Inter',sans-serif;
}
footer .wrap{max-width:1240px;margin:0 auto;padding:0 32px;}

.footer-grid{
  display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px;
  margin-bottom:56px;
}
.footer-brand .logo{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  margin-bottom:14px;
  line-height:1;
}

.footer-brand .logo-img{
  height:42px;
  width:auto;
  display:block;
  object-fit:contain;
}

.footer-brand .logo-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}

.footer-brand .logo-main{
  font-family:'Space Grotesk',sans-serif;
  text-transform:uppercase;
  font-size:19px;
  font-weight:700;
  letter-spacing:1.5px;
  color:var(--white);
  line-height:1;
}

.footer-brand .logo-sub{
  font-family:'Space Grotesk',sans-serif;
  font-size:19px;
  font-weight:700;
  letter-spacing:4.8px;
  text-transform:uppercase;
  color:var(--citrine);
  line-height:1;
}

.footer-brand p{font-size:13.5px;line-height:1.7;max-width:260px;color:#8C8A82;}

footer h5{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--citrine);margin-bottom:18px;font-weight:600;
}
footer h5.footer-col-spacer{visibility:hidden;}
footer ul{list-style:none;display:flex;flex-direction:column;gap:11px;padding:0;margin:0;}
footer ul a{font-size:14px;color:#B8B6AE;text-decoration:none;transition:color .15s;}
footer ul a:hover{color:var(--citrine);}

.footer-bottom{
  border-top:1px solid #2b2b2b;
  padding-top:24px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  font-size:13px;color:#6E6C66;
}

@media (max-width:960px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .footer-grid{grid-template-columns:1fr;}
}