.article-category-nav{
  border-top:1px solid rgba(12,12,12,.22);
  padding:clamp(44px,5vw,76px) 5vw clamp(70px,8vw,120px);
}
.article-category-nav a{
  display:inline-block;
  font:500 11px/1.3 'DM Sans',sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding-bottom:5px;
  border-bottom:1px solid currentColor;
}
.article-back-to-top{
  position:fixed;
  right:32px;
  bottom:32px;
  z-index:25;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(12,12,12,.68);
  font:300 27px/44px 'DM Sans',sans-serif;
  text-align:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;
}
.article-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}
.article-back-to-top:hover{color:#0c0c0c}
.article-back-to-top:focus-visible{outline:1px solid currentColor;outline-offset:2px}

@media(max-width:700px){
  .article-category-nav{padding:40px 20px 88px}
  .article-back-to-top{right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

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