/* Beyond the Sky — shared Back to Top control v87 */
.back-to-top {
  position:fixed;
  z-index:108;
  right:clamp(1.15rem,2.2vw,2rem);
  bottom:1.35rem;
  display:grid;
  place-items:center;
  width:2.72rem;
  height:2.72rem;
  padding:0;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  background:rgba(8,10,11,.58);
  color:#dce0de;
  box-shadow:0 .45rem 1.8rem rgba(0,0,0,.10);
  backdrop-filter:blur(15px) saturate(.9);
  -webkit-backdrop-filter:blur(15px) saturate(.9);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(.55rem) scale(.94);
  transition:opacity .24s ease,visibility .24s,transform .32s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,color .25s;
}
.back-to-top.is-visible {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.back-to-top:hover,
.back-to-top:focus-visible {
  border-color:rgba(255,255,255,.38);
  background:rgba(8,10,11,.78);
  color:#fff;
  outline:none;
  transform:translateY(-2px);
}
.back-to-top-arrow {
  position:relative;
  display:block;
  width:.82rem;
  height:.92rem;
}
.back-to-top-arrow::before {
  content:"";
  position:absolute;
  top:.08rem;
  left:50%;
  width:.46rem;
  height:.46rem;
  border-top:1px solid currentColor;
  border-left:1px solid currentColor;
  transform:translateX(-50%) rotate(45deg);
}
.back-to-top-arrow::after {
  content:"";
  position:absolute;
  top:.12rem;
  bottom:.02rem;
  left:50%;
  width:1px;
  background:currentColor;
  transform:translateX(-50%);
}
body.is-daylight .back-to-top,
body.series-light .back-to-top {
  border-color:rgba(31,40,39,.18);
  background:rgba(245,243,237,.82);
  color:#39413d;
  box-shadow:0 .45rem 1.8rem rgba(20,28,28,.09);
}
body.is-daylight .back-to-top:hover,
body.is-daylight .back-to-top:focus-visible,
body.series-light .back-to-top:hover,
body.series-light .back-to-top:focus-visible {
  border-color:rgba(31,40,39,.34);
  background:rgba(249,247,242,.96);
  color:#171c19;
}
body.collection-page .back-to-top {
  border-color:color-mix(in srgb,var(--collection-fg) 20%,transparent);
  background:color-mix(in srgb,var(--collection-bg) 78%,transparent);
  color:var(--collection-fg);
}
body.collection-page .back-to-top:hover,
body.collection-page .back-to-top:focus-visible {
  border-color:color-mix(in srgb,var(--collection-fg) 38%,transparent);
  background:color-mix(in srgb,var(--collection-bg) 92%,transparent);
  color:var(--collection-fg);
}
body.is-flipping .back-to-top,
body.lightbox-open .back-to-top {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@media (max-width:760px) {
  .back-to-top {
    right:1.15rem;
    bottom:1.2rem;
    width:2.48rem;
    height:2.48rem;
  }
  .back-to-top.is-main-page {
    bottom:8.15rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .back-to-top { transition:none!important; }
}
