@font-face { font-family:'IBM Plex Sans'; src:url('/fonts/ibm-plex-sans-latin.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:'Silkscreen'; src:url('/fonts/silkscreen-latin.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'JetBrains Mono'; src:url('/fonts/jetbrains-mono.woff2') format('woff2'); font-style:normal; font-weight:100 800; font-display:swap; }
:root { color-scheme:dark; background:#131310; color:#eeeade; font-family:'IBM Plex Sans',Arial,sans-serif; }
html { scroll-padding-top:24px; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; }
[hidden] { display:none !important; }
button, a, select { -webkit-tap-highlight-color:transparent; }
button, select { cursor:pointer; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline:2px solid #e9b76e; outline-offset:5px; }
.skip-link { position:absolute; z-index:10; left:16px; top:0; transform:translateY(-120%); background:#e9b76e; color:#131310; padding:12px 18px; }
.skip-link:focus { transform:translateY(0); }
.gear-page { box-sizing:border-box; max-width:1200px; margin:0 auto; }
.gear-category[aria-current] { background:var(--gear-soft); color:var(--gear-accent); box-shadow:inset 2px 0 var(--gear-accent); }
.gear-page a.gear-category { font:400 14px/1.5 'IBM Plex Sans',Arial,sans-serif; min-height:44px; }
.gear-page .gear-category-panel { margin-bottom:40px; }
.gear-page .gear-search-heading { margin:0 0 26px; font-size:27px; font-weight:500; }
.gear-page .gear-search-clear { padding:0; min-width:32px; min-height:40px; display:flex; align-items:center; justify-content:center; }
.gear-search > svg { width:16px; height:16px; flex:none; color:var(--gear-accent); }
.gear-search-clear svg { width:16px; height:16px; }
.gear-icon svg { width:21px; height:21px; }
.gear-updated svg { width:14px; height:14px; flex:none; }
.gear-page .gear-item a { min-height:44px; display:inline-flex; align-items:center; overflow-wrap:anywhere; }
.gear-page .gear-item { padding:14px 0; }
.gear-page .gear-footer a { min-height:44px; }
.gear-page .gear-empty h2 { font-size:25px; font-weight:500; margin-bottom:8px; }
.gear-page .gear-search input { appearance:none; border-radius:0; }
.gear-page .gear-search input::-webkit-search-cancel-button { display:none; }
.gear-page {
  --gear-bg:#131310; --gear-surface:#1b1b16; --gear-ink:#eeeade;
  --gear-muted:#aaa99b; --gear-line:#38392f; --gear-accent:#e9b76e;
  --gear-soft:#29251b; --gear-row-space:19px;
  background:var(--gear-bg); color:var(--gear-ink); color-scheme:dark;
  padding:26px 32px 24px; font:400 16px/1.55 'IBM Plex Sans',Arial,sans-serif;
  min-height:1080px; display:flex; flex-direction:column;
}
.gear-page * { box-sizing:border-box; }
.gear-page [hidden] { display:none !important; }
.gear-page :where(h1,h2,h3,p,ul,figure) { margin:0; padding:0; }
.gear-page a { color:inherit; text-decoration:none; }
.gear-page a:hover { color:var(--gear-accent); }
.gear-page button { font:inherit; color:inherit; background:none; border:0; text-align:left; }
.gear-mono { font:400 12px/1.6 'JetBrains Mono',monospace; }
.gear-small { color:var(--gear-muted); font:400 11px/1.6 'JetBrains Mono',monospace; }
.gear-header { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; justify-content:space-between; padding:0 0 20px; border-bottom:1px solid var(--gear-line); }
.gear-wordmark { display:inline-flex; font:400 23px/1.4 'Silkscreen',monospace; letter-spacing:-1.1px; white-space:nowrap; }
.gear-wordmark a { display:inline-flex; min-height:44px; align-items:center; }
.gear-wordmark a:first-child { color:var(--gear-accent); }
.gear-external { display:flex; gap:22px; color:var(--gear-muted); }
.gear-external a { min-height:44px; display:inline-flex; align-items:center; gap:4px; }
.gear-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:440px; margin:0 -32px; padding:58px 42px 48px; background:var(--gear-bg); }
.gear-hero::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgb(13 14 11 / .94) 0%,rgb(13 14 11 / .78) 31%,rgb(13 14 11 / .15) 66%,rgb(13 14 11 / .04) 100%),linear-gradient(0deg,rgb(13 14 11 / .68),transparent 48%); }
.gear-hero-copy { max-width:460px; }
.gear-eyebrow { color:var(--gear-accent); text-transform:uppercase; letter-spacing:.07em; font:400 11px/1.6 'JetBrains Mono',monospace; }
.gear-hero h1 { font:500 64px/1.03 'IBM Plex Sans',Arial,sans-serif; letter-spacing:-2px; margin:17px 0 19px; }
.gear-intro { color:#e5e2d8; max-width:34ch; font-size:18px; line-height:1.5; }
.gear-updated { color:#cfcec1; margin-top:24px; display:flex; align-items:center; gap:8px; }
.gear-updated i { width:13px; height:13px; }
.gear-photo { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.gear-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 58%; }
.gear-toolbar { display:flex; align-items:center; gap:20px; padding:19px 0; border-block:1px solid var(--gear-line); }
.gear-search { display:flex; gap:10px; align-items:center; background:var(--gear-surface); border:1px solid var(--gear-line); padding:0 13px; width:min(400px,100%); }
.gear-search:focus-within { border-color:var(--gear-accent); }
.gear-search i { width:16px; height:16px; color:var(--gear-accent); flex:none; }
.gear-search input { background:transparent; color:var(--gear-ink); border:0; min-width:0; width:100%; padding:12px 0; font:400 13px/1.5 'JetBrains Mono',monospace; }
.gear-search input::placeholder { opacity:1; color:var(--gear-muted); }
.gear-search kbd { font:400 11px/1.5 'JetBrains Mono',monospace; color:var(--gear-muted); border:1px solid var(--gear-line); min-width:21px; padding:1px 5px; }
.gear-count { margin-left:auto; white-space:nowrap; }
.gear-main { display:grid; grid-template-columns:175px minmax(0,1fr); gap:28px; padding-top:26px; flex:1; align-items:start; }
.gear-sidebar { padding-right:20px; border-right:1px solid var(--gear-line); }
.gear-nav-label { margin-bottom:12px; color:var(--gear-muted); text-transform:uppercase; letter-spacing:.07em; }
.gear-categories { display:grid; gap:3px; }
.gear-category { width:100%; display:flex; align-items:center; gap:10px; justify-content:space-between; min-height:43px; padding:10px 9px; font:400 12px/1.5 'JetBrains Mono',monospace; }
.gear-category .gear-number { color:var(--gear-muted); font-size:11px; }
.gear-category[aria-pressed="true"] { background:var(--gear-soft); color:var(--gear-accent); box-shadow:inset 2px 0 var(--gear-accent); }
.gear-category:hover { background:var(--gear-surface); }
.gear-result-header { display:flex; align-items:baseline; justify-content:space-between; gap:15px; margin-bottom:22px; }
.gear-result-header h2 { font:500 27px/1.2 'IBM Plex Sans',Arial,sans-serif; letter-spacing:-.6px; }
.gear-result-count { color:var(--gear-muted); text-align:right; }
.gear-section-intro { max-width:65ch; color:#c5c4b8; font:400 16px/1.65 'IBM Plex Sans',Arial,sans-serif; margin:-8px 0 28px; }
.gear-section { margin-bottom:30px; }
.gear-section-title { display:flex; align-items:center; gap:10px; padding-bottom:10px; border-bottom:1px solid var(--gear-line); color:var(--gear-accent); }
.gear-section-title span { opacity:.75; }
.gear-section-title h3 { font:400 13px/1.5 'Silkscreen',monospace; }
.gear-items { list-style:none; }
.gear-item { display:grid; grid-template-columns:42px minmax(0,1fr) 20px; gap:14px; align-items:center; padding:var(--gear-row-space) 0; border-bottom:1px solid var(--gear-line); }
.gear-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; color:var(--gear-muted); background:var(--gear-surface); }
.gear-icon i { width:21px; height:21px; }
.gear-item a { display:inline-block; font-size:17px; line-height:1.35; }
.gear-role { margin-top:4px; color:var(--gear-muted); font-size:13px; line-height:1.5; }
.gear-arrow { color:var(--gear-muted); font:400 18px/1.5 'JetBrains Mono',monospace; }
.gear-item:has(a:hover) .gear-arrow { color:var(--gear-accent); }
.gear-photo-link { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; color:var(--gear-accent); border-bottom:1px solid var(--gear-line); }
.gear-empty { padding:45px 0; }
.gear-empty p { margin-bottom:16px; color:var(--gear-muted); }
.gear-clear { min-height:44px; text-decoration:underline; color:var(--gear-accent) !important; padding:0; }
.gear-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 25px; color:var(--gear-muted); border-top:1px solid var(--gear-line); padding-top:20px; margin-top:30px; }
.gear-footer nav { display:flex; gap:20px; }
.gear-footer a { display:inline-flex; align-items:center; min-height:32px; }
.gear-footer p { align-self:center; }
.gear-mobile-category { display:none; }
.gear-mobile-category select { width:100%; background:var(--gear-surface); color:var(--gear-ink); border:1px solid var(--gear-line); padding:11px 12px; border-radius:0; font:400 16px/1.5 'IBM Plex Sans',Arial,sans-serif; }
.gear-mobile-category label { display:block; margin-bottom:6px; color:var(--gear-muted); }
.gear-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:720px) {
  .gear-page { padding:22px 20px; min-height:1300px; }
  .gear-header { padding-right:0; }
  .gear-wordmark { font-size:18px; letter-spacing:-.8px; }
  .gear-hero { min-height:460px; margin:0 -20px; padding:205px 24px 32px; }
  .gear-hero::after { background:linear-gradient(0deg,rgb(13 14 11 / .97) 0%,rgb(13 14 11 / .88) 32%,rgb(13 14 11 / .30) 70%,rgb(13 14 11 / .06) 100%); }
  .gear-hero h1 { font-size:46px; }
  .gear-intro { font-size:16px; max-width:42ch; }
  .gear-updated { margin-top:16px; }
  .gear-photo img { position:absolute; bottom:0; height:135%; object-position:58% 50%; }
  .gear-toolbar { flex-wrap:wrap; gap:12px; }
  .gear-search { width:100%; }
  .gear-search input { font-size:16px; }
  .gear-search kbd { display:none; }
  .gear-count { margin:0; }
  .gear-main { display:block; padding-top:22px; }
  .gear-sidebar { display:none; }
  .gear-mobile-category { display:block; margin-bottom:24px; }
  .gear-result-header { gap:12px; align-items:center; margin-bottom:20px; }
  .gear-result-header h2 { font-size:25px; }
  .gear-item { grid-template-columns:32px minmax(0,1fr) 14px; gap:11px; }
  .gear-icon { width:32px; height:40px; background:none; }
  .gear-icon i { width:20px; height:20px; }
  .gear-item a { font-size:16px; min-height:24px; }
  .gear-role { font-size:12px; }
  .gear-footer { gap:7px; }
}
@media(pointer:coarse) {
  .gear-category,.gear-footer a,.gear-item a { min-height:44px; display:inline-flex; align-items:center; }
}