/* Match the original site's rounded charcoal CTA and arrow artwork. */
#back-to-top { display: none !important; }
.portfolio-back-to-top {
  position: fixed;
  z-index: 1000;
  right: 16px;
  bottom: 16px;
  display: block;
  box-sizing: border-box;
  width: 45px;
  height: 55px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 100px;
  background: #282828 url('../images/back-to-top-arrow.svg') center / 25px 25px no-repeat;
  cursor: pointer;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(110px);
  transition: transform 220ms cubic-bezier(.2, .7, .2, 1), visibility 0s 220ms;
}
.portfolio-back-to-top.is-visible {
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}
.portfolio-back-to-top.is-visible:hover { transform: translateY(-3px); }
.portfolio-back-to-top:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  .portfolio-back-to-top { transition: none; }
  .portfolio-back-to-top.is-visible:hover { transform: translateY(0); }
}