/* Preserved original styles: metaller */
.metals-section {
  background:#07151f;
  color:#fff
}

.metal-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}

.metal-card {
  padding:30px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));
  min-height:235px
}

.metal-card h3 {
  font-size:22px
}

.metal-card p {
  color:#93a8b2;
  font-size:14px;
  margin-top:9px
}

@media(max-width:980px) {
.metal-grid {
  grid-template-columns:repeat(2,1fr)
}
}

@media(max-width:640px) {
.metal-grid {
  grid-template-columns:1fr
}
}

.metal-more {
  display:inline-block;
  margin-top:22px;
  font-size:13px;
  font-weight:800;
  color:var(--green)
}

a.metal-card {
  display:block;
  color:inherit
}

.inner-metals {
  padding-top:80px
}

.metal-card {
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}

.metal-card:hover {
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(5,23,35,.1);
  border-color:#c9dce5
}

@media(prefers-reduced-motion:reduce) {
.metal-card {
  transition:none
}
}