.site-footer .footer-credit{
  grid-column:1/-1;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:10px;
  padding-top:22px;
  border-top:1px solid rgba(220,230,226,.16);
}
.site-footer .footer-credit .footer-copy{
  color:rgba(220,230,226,.62);
  font-size:12px;
  line-height:1.4;
}
.site-footer .footer-developer{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:rgba(220,230,226,.76);
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  transition:color .2s ease;
}
.site-footer .footer-developer::before{
  content:"";
  width:28px;
  height:1px;
  flex:0 0 28px;
  background:var(--accent);
  opacity:.9;
}
.site-footer .footer-developer strong{
  color:var(--accent);
  font-size:15px;
  font-weight:750;
  letter-spacing:.01em;
}
.site-footer .footer-dev-dot{
  color:var(--accent);
  display:inline-block;
  margin:0 .03em;
}
.site-footer .footer-dev-arrow{
  color:var(--accent);
  font-size:20px;
  line-height:1;
  margin-left:2px;
  transition:transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .site-footer .footer-developer:hover{color:#fff}
  .site-footer .footer-developer:hover .footer-dev-arrow{transform:translate(2px,-2px)}
}
@media (max-width:640px){
  .site-footer .footer-credit{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    margin-top:4px;
    padding-top:20px;
  }
  .site-footer .footer-developer{
    white-space:normal;
    flex-wrap:wrap;
    gap:7px;
  }
  .site-footer .footer-developer::before{
    width:20px;
    flex-basis:20px;
  }
}