.strength-materials { padding: 64px 0; background: #f0f5f8; }
.materials-gallery { display: grid; grid-template-columns: 1.25fr 1fr .85fr; gap: 20px; }
.materials-gallery figure { min-width: 0; margin: 0; background: #fff; border: 1px solid #d5e0e6; }
.materials-gallery a { display: block; height: 330px; background: #e6edef; }
.materials-gallery a:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.materials-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.materials-gallery .material-detail img, .materials-gallery .slitting-machine img { object-fit: contain; }
.materials-gallery figcaption { padding: 22px; }
.materials-gallery h3 { margin: 0 0 8px; font-size: 22px; }
.materials-gallery p { margin: 0; color: #697983; font-size: 14px; line-height: 1.7; }
@media (max-width: 900px) {
  .materials-gallery { grid-template-columns: 1fr 1fr; }
  .materials-gallery figure:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .strength-materials { padding: 40px 0; }
  .materials-gallery { grid-template-columns: 1fr; gap: 16px; }
  .materials-gallery a { height: auto; }
  .materials-gallery img { height: auto; }
  .materials-gallery .slitting-machine img { max-height: 480px; }
  .materials-gallery figcaption { padding: 18px; }
}