@media (max-width: 1180px){
  .jasper-materials-hub .hero-inner{ grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr); gap: 34px; }
  .jasper-materials-hub .hero h1{ font-size: 50px; }
}

@media (max-width: 999px){
  .jasper-materials-hub .desktop-label{ display: none; }

  .jasper-materials-hub .hero{ background: #fff; }
  .jasper-materials-hub .hero-inner{ min-height: 0; padding: 34px 0 40px; grid-template-columns: 1fr; gap: 20px; }
  .jasper-materials-hub .breadcrumb{ margin-bottom: 18px; }
  .jasper-materials-hub .hero h1{ font-size: 42px; }
  .jasper-materials-hub .hero-lead{ margin-top: 18px; font-size: 16px; }
  .jasper-materials-hub .hero-actions{ margin-top: 24px; }
  .jasper-materials-hub .hero-visual{ min-height: 330px; }
  .jasper-materials-hub .hero-visual::before{ inset: 20px 0 12px; }
  .jasper-materials-hub .hero-visual img{ width: min(90%, 500px); max-height: 300px; }
  .jasper-materials-hub .hero-axis{ top: 34px; bottom: 30px; }
  .jasper-materials-hub .visual-note{ right: 2px; font-size: 10px; }
  .jasper-materials-hub .note-film{ top: 48px; }
  .jasper-materials-hub .note-circuit{ top: 142px; }
  .jasper-materials-hub .note-support{ bottom: 34px; }

  .jasper-materials-hub .section-heading{ grid-template-columns: 42px minmax(0, 1fr); gap: 18px; }
  .jasper-materials-hub .section-heading h2{ font-size: 32px; }
  .jasper-materials-hub .family-row, .jasper-materials-hub .family-row:nth-child(even){ grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr); gap: 38px; }
  .jasper-materials-hub .family-row:nth-child(even) .family-media{ order: initial; }
  .jasper-materials-hub .family-media, .jasper-materials-hub .family-media img{ min-height: 260px; height: 260px; }
  .jasper-materials-hub .review-steps{ grid-template-columns: 1fr 1fr; }
  .jasper-materials-hub .documentation-layout{ grid-template-columns: 1fr; gap: 44px; }
  .jasper-materials-hub .final-cta-inner{ grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 700px){
  .jasper-materials-hub .section-inner, .jasper-materials-hub .hero-inner{ width: min(100% - 32px, var(--page-width)); }
  .jasper-materials-hub .hero-inner{ padding: 22px 0 18px; gap: 6px; }
  .jasper-materials-hub .breadcrumb{ margin-bottom: 12px; }
  .jasper-materials-hub .hero h1{ font-size: 34px; line-height: 1.1; }
  .jasper-materials-hub .hero-lead{ margin-top: 14px; font-size: 14px; line-height: 1.55; }
  .jasper-materials-hub .hero-actions{ margin-top: 18px; display: grid; gap: 9px; }
  .jasper-materials-hub .hero-actions .button{ min-height: 44px; }
  .jasper-materials-hub .hero-inputs{ display: none; }
  .jasper-materials-hub .hero-visual{ min-height: 170px; }
  .jasper-materials-hub .hero-visual::before{ inset: 4px 0; }
  .jasper-materials-hub .hero-visual img{ width: min(82%, 320px); max-height: 158px; }
  .jasper-materials-hub .hero-axis, .jasper-materials-hub .visual-note{ display: none; }

  .jasper-materials-hub .stack-section, .jasper-materials-hub .families-section, .jasper-materials-hub .matrix-section, .jasper-materials-hub .product-materials-section, .jasper-materials-hub .review-section, .jasper-materials-hub .documentation-section, .jasper-materials-hub .guides-section{ padding: 58px 0 64px; }
  .jasper-materials-hub .section-heading{ margin-bottom: 32px; grid-template-columns: 1fr; gap: 8px; }
  .jasper-materials-hub .section-number{ width: 34px; margin-top: 0; }
  .jasper-materials-hub .section-heading h2{ font-size: 28px; }
  .jasper-materials-hub .family-row, .jasper-materials-hub .family-row:nth-child(even){ min-height: 0; padding: 38px 0; grid-template-columns: 1fr; gap: 28px; }
  .jasper-materials-hub .family-row:nth-child(even) .family-media{ order: 0; }
  .jasper-materials-hub .family-media, .jasper-materials-hub .family-media img{ min-height: 230px; height: 230px; }
  .jasper-materials-hub .family-copy h3{ font-size: 25px; }
  .jasper-materials-hub .family-facts{ grid-template-columns: 1fr; }
  .jasper-materials-hub .table-scroll{ margin-right: -16px; width: calc(100% + 16px); }
  .jasper-materials-hub th, .jasper-materials-hub td{ padding: 14px; }
  .jasper-materials-hub .review-steps{ grid-template-columns: 1fr; }
  .jasper-materials-hub .review-steps li{ min-height: 0; padding: 22px 0 28px; }
  .jasper-materials-hub .review-steps li::before{ margin-bottom: 16px; }
  .jasper-materials-hub .review-steps li:not(:last-child)::after{ display: none; }
  .jasper-materials-hub .document-list li{ grid-template-columns: 28px minmax(0, 1fr); }
  .jasper-materials-hub .document-list span:last-child{ grid-column: 2; }
  .jasper-materials-hub .guide-list{ grid-template-columns: 1fr; }
  .jasper-materials-hub .final-cta{ padding: 52px 0; }
  .jasper-materials-hub .final-cta h2{ font-size: 30px; }
}

@media (max-width: 390px){
  .jasper-materials-hub .hero h1{ font-size: 33px; }
}