/* Restrained motion; all content remains in its original layout. */
.scroll-reveal-pending{opacity:0;transform:translateY(12px)}
.back-to-top{position:fixed;right:28px;bottom:28px;z-index:5;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #111;background:#fff;color:#111;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease,visibility 200ms ease;font-family:Arial,sans-serif!important}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.back-to-top svg{display:block}
.back-to-top:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(max-width:767px){.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.scroll-reveal-pending{opacity:1;transform:none}.back-to-top{transition:none}}
/* The complete archive retains its original natural document flow. */
#works .pillar{scroll-margin-top:var(--category-scroll-offset,30px)}
.category-nav a{transition:color 200ms ease,border-bottom-color 200ms ease}
@media(max-width:767px){
  #category-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;overscroll-behavior-x:contain}
  #category-nav a{flex:0 0 auto;white-space:nowrap}
  #category-nav::-webkit-scrollbar{display:none}
}

/* Contents navigation labels only. */
#category-nav{font-size:18px;line-height:1.3;column-gap:30px;letter-spacing:normal}
#category-nav a{font-weight:500;letter-spacing:normal}
@media(max-width:767px){#category-nav{font-size:16px}}