.site-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  line-height:1.6;
  font-size:14px;
  font-weight:700;
}

.site-brand__line{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  justify-content:center;
}

.site-brand a{
  color:#4f46e5;
  text-decoration:none;
  transition:color .15s;
}

.site-brand a:hover{
  color:#4338ca;
  text-decoration:underline;
}

.site-brand--inline{
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 16px;
}

.site-brand--light a{
  color:rgba(255,255,255,.95);
}

.site-brand--light a:hover{
  color:#fff;
}

.footer .site-brand{
  margin-top:10px;
}

.info .site-brand,
.card .site-brand{
  margin-top:12px;
  font-size:13px;
}

@media (max-width: 768px){
  .site-brand{
    font-size:13px;
  }

  .site-brand--inline{
    flex-direction:column;
    gap:6px;
  }
}