/* ===========================================================
   H Tools Wood — Styles page Matières & finitions
   =========================================================== */

.material-category{margin-bottom:56px;}
.material-category:last-child{margin-bottom:0;}
.material-category h3{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:18px;
}
.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:860px){.material-grid{grid-template-columns:repeat(2,1fr);}}

.material-card{
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);
  cursor:default;
}
.material-swatch{height:110px;position:relative;overflow:hidden;}
.material-body{padding:14px 16px;}
.material-name{font-size:13.5px;font-weight:600;margin-bottom:6px;}
.material-desc{
  font-size:12px;color:var(--ink-soft);line-height:1.5;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease, opacity .2s ease;
}
.material-card:hover .material-desc{max-height:60px;opacity:1;}
.material-card:hover .material-swatch{transform:scale(1.03);}
.material-swatch{transition:transform .25s ease;}