/* Source-preserving footer rules from prototype/assets/css/styles.css. */
.site-footer {
  margin-top:20px;
  background:#161637;
  color:#e6e6f0;
}

.footer-main {
  display:grid;
  grid-template-columns:1.45fr 1fr 1fr 1.25fr;
  gap:54px;
  padding-block:50px;
}

.footer-brand .brand-tagline {
  color:#bdc0d1;
}

.footer-brand p {
  margin-top:20px;
  color:#a7acc0;
  font-size:11px;
  line-height:2.1;
  max-width:290px;
}

.footer-column h2 {
  font-size:13px;
  color:white;
  margin-bottom:18px;
}

.footer-column ul {
  padding:0;
  list-style:none;
}

.footer-column li+li {
  margin-top:8px;
}

.footer-column a {
  font-size:10px;
  color:#b9bdd0;
  transition:color var(--ease);
}

.footer-column a:hover {
  color:#47dfb5;
}

.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-block:20px;
  border-top:1px solid #ffffff12;
  color:#8d92ac;
  font-size:9px;
}

.footer-bottom-links {
  display:flex;
  gap:24px;
}

@media(max-width:900px) {
.footer-main {
  gap:30px;
  grid-template-columns:1.2fr 1fr 1fr;
}

.footer-brand {
  grid-column:1/-1;
}

.footer-brand p {
  max-width:400px;
}

.footer-bottom {
  flex-direction:column;
  gap:8px;
}

}

@media(max-width:640px) {
.footer-main {
  grid-template-columns:1fr 1fr;
  gap:30px 20px;
  padding-block:36px;
}

.footer-brand {
  grid-column:1/-1;
}

.footer-column h2 {
  font-size:12px;
  margin-bottom:13px;
}

.footer-column a {
  font-size:10px;
}

.footer-column:last-child {
  grid-column:1/-1;
}

.footer-bottom {
  font-size:8px;
}

.footer-bottom-links {
  flex-direction:column;
  gap:4px;
}

}


.brand-logo--custom-footer { background:white; border-radius:5px; padding:4px; }