/* Home footer parity with a below-fold Upload separator. */
.upload-home-footer.page-shell{
  width:min(1240px,calc(100% - 56px));
  margin-inline:auto;
}
.upload-home-footer{
  position:relative;
  min-height:170px;
  margin-top:72px;
  padding:35px 0 calc(35px + env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"brand nav" "copy copy";
  gap:38px;
  border-top:1px solid var(--line);
}
.upload-home-footer .footer-brand{
  grid-area:brand;
  display:flex;
  align-items:center;
  gap:10px;
}
.upload-home-footer .brand-mark{
  position:relative;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:50%;
  background:radial-gradient(circle at 34% 27%,#fff 0 6%,transparent 7%),radial-gradient(circle at 38% 30%,#b8f1ff 0 16%,#19b9ff 36%,#0065ff 72%,#03235b 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.17),0 0 30px rgba(0,153,255,.48);
}
.upload-home-footer .brand-mark::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(92,205,255,.16);
  border-radius:50%;
  animation:uploadFooterMarkOrbit 6s linear infinite;
}
@keyframes uploadFooterMarkOrbit{to{transform:rotate(360deg)}}
.upload-home-footer .footer-brand strong{
  font-size:18px;
  letter-spacing:-.05em;
}
.upload-home-footer .footer-brand>span:last-child{
  margin-left:8px;
  color:var(--faint);
  font-size:10px;
}
.upload-home-footer nav{
  grid-area:nav;
  display:flex;
  align-items:center;
  gap:24px;
  color:rgba(223,240,249,.56);
  font-size:10px;
  font-weight:700;
}
.upload-home-footer a{
  transition:color .22s ease,transform .22s ease;
}
.upload-home-footer a:hover{color:#fff}
.upload-home-footer>p{
  grid-area:copy;
  margin:0;
  color:rgba(210,234,246,.28);
  font:500 8px/1.4 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:860px) and (min-width:761px){
  .upload-home-footer{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "nav" "copy";
    gap:25px;
  }
  .upload-home-footer nav{flex-wrap:wrap}
}
@media(max-width:760px){
  .upload-home-footer{display:none}
}
@media(prefers-reduced-motion:reduce){
  .upload-home-footer .brand-mark::after{animation:none!important}
}