.steel-gallery-section{ padding: clamp(14px, 3vw, 28px) 0; }
.steel-gallery-inner{ max-width:1200px; margin:0 auto; padding-inline:clamp(12px,3vw,26px); }
.steel-gallery-header{ margin-bottom:16px; }
.steel-gallery-title{ margin:0; font-size:clamp(20px,2.2vw,28px); font-weight:800; line-height:1.25; }
.steel-gallery-sub{ margin-top:6px; opacity:.75; font-size:14px; }

.steel-grid{ display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1024px){ .steel-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px){ .steel-grid{ grid-template-columns:1fr; } }

.steel-item{ display:block; text-decoration:none; color:inherit; }
.steel-card{
  border-radius:18px; overflow:hidden;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}
.steel-item:hover .steel-card{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(0,0,0,.14); }
.steel-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }

.steel-video-poster{ position:relative; }
.steel-play{
  position:absolute; inset:auto 14px 14px auto; width:48px; height:48px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.58); color:#fff; font-size:18px; line-height:1;
}
.steel-video-fallback{
  width:100%; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.12)); position:relative;
}
.steel-video-label{
  position:absolute; inset:auto auto 14px 14px; background:rgba(0,0,0,.55); color:#fff;
  font-size:12px; padding:6px 10px; border-radius:999px;
}
.steel-more{ margin-top:20px; display:flex; justify-content:center; }
.steel-more-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 20px; border-radius:999px; text-decoration:none;
  border:1px solid rgba(0,0,0,.18); box-shadow:0 8px 18px rgba(0,0,0,.10); background:rgba(255,255,255,.9);
}
.steel-empty{ padding:18px 16px; border-radius:14px; background:rgba(0,0,0,.04); border:1px dashed rgba(0,0,0,.18); }