/* Site-wide page scrollbar. On mouse devices the system bar is hidden and scrollbar.js draws a slim pill that floats
   over the page, so the hero shows through behind it. Scrolling itself stays native. Touch devices keep their own bar. */
@media (pointer: fine) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { display: none; }
}
.sb { position: fixed; top: 0; right: 0; bottom: 0; width: 14px; z-index: 2147483000; opacity: 0; transition: opacity .25s; }
.sb.on { opacity: 1; }
.sb-thumb { position: absolute; top: 0; right: 3px; width: 6px; border-radius: 6px; cursor: default;
  background: rgba(35,34,33,.38); box-shadow: 0 0 0 1px rgba(255,255,255,.35); transition: width .15s, background .15s; }
.sb:hover .sb-thumb, .sb.drag .sb-thumb { width: 9px; background: rgba(35,34,33,.6); }
.sb.drag { opacity: 1; } html.sb-dragging { user-select: none; }