.hub-hero{padding: 88px 0 32px; text-align: center;}
  .hub-hero h1{margin: 18px auto 24px; max-width: 920px;}
  .hub-hero p.lede{max-width: 660px; margin: 0 auto;}

  .filter-pills{display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 32px;}
  .filter-pill{padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line); font-size: 12px; color: var(--ink-2); font-family:'JetBrains Mono', monospace; letter-spacing: 0.06em; text-transform: uppercase; background: transparent; cursor: pointer;}
  .filter-pill.on{background: var(--ink); color: var(--bg); border-color: var(--ink);}

  .hub-section{padding: 56px 0;}
  .hub-section h2{font-family:'Instrument Serif', serif; font-weight: 400; font-size: clamp(30px, 4vw, 44px); margin: 0 0 14px; letter-spacing: -0.02em; line-height: 1.05;}
  .hub-section h2 em{font-style: italic; color: var(--accent);}
  .hub-section .lede{font-size: 17px; color: var(--ink-2); max-width: 620px; margin-bottom: 32px;}

  .metier-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
  .metier{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 30px; text-decoration: none; color: inherit; display: flex; flex-direction: column; transition: transform .15s ease, border-color .15s ease;}
  html[data-theme="dark"] .metier{background: var(--bg-warm);}
  .metier:hover{transform: translateY(-2px); border-color: var(--accent);}
  .metier .ic{font-family:'Instrument Serif', serif; font-size: 36px; color: var(--accent); line-height: 1;}
  .metier h3{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 24px; margin: 14px 0 8px; letter-spacing: -0.01em;}
  .metier .lede-line{font-size: 13.5px; color: var(--ink-2); margin: 0 0 14px; flex: 1; line-height: 1.5;}
  .metier .stats{display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 14px;}
  .metier .stat{font-family:'JetBrains Mono', monospace; font-size: 10px; color: var(--ink-3); letter-spacing: 0.06em;}
  .metier .stat b{color: var(--accent); font-weight: 400;}
  .metier .more{font-size: 12px; color: var(--accent); font-family:'JetBrains Mono', monospace; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 400;}

  .bg-warm{background: var(--bg-warm); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}

  .other-block{padding: 36px; background: #fff; border: 1px solid var(--line); border-radius: 18px; text-align: center; margin-top: 24px;}
  html[data-theme="dark"] .other-block{background: var(--bg-warm);}
  .other-block h3{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 26px; margin: 0 0 12px;}
  .other-block p{font-size: 15px; color: var(--ink-2); margin: 0 auto 18px; max-width: 540px;}
  .other-pills{display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-bottom: 24px;}
  .other-pills span{padding: 6px 14px; border-radius: 999px; background: var(--bg-warm); font-size: 12px; color: var(--ink-2); font-family:'JetBrains Mono', monospace; letter-spacing: 0.04em;}
  html[data-theme="dark"] .other-pills span{background: var(--bg-deep);}

  @media(max-width:960px){.metier-grid{grid-template-columns:1fr;}}
  @media(max-width:760px){.metier-grid{grid-template-columns:1fr;}}