/* Project B Metals catalogue: scoped styling */
.metals-hero{background:#f8f9fa;padding:70px 0 80px}.metals-back{display:inline-block;margin:20px 0;color:#0077b6;font-size:12px;font-weight:700;text-decoration:none}.metals-hero h1{font-size:clamp(48px,7vw,94px);line-height:1.02;letter-spacing:-.07em;margin:20px 0 26px}.metals-hero>div>p:not(.products-overline){font-size:19px;line-height:1.7;max-width:770px;color:#526273}.metals-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px}.metals-jump a{padding:15px 19px;border:1px solid #b9cddf;color:#0b2240;text-decoration:none;font-size:12px;font-weight:700}.metals-jump a:hover{background:#0b2240;color:#fff}
.metals-section{padding:85px 0}.metals-section:nth-of-type(odd){background:#f8f9fa}.metals-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:40px}.metals-section-head h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.06em;margin:15px 0}.metals-section-head p{color:#526273;font-size:17px}.metals-count{font-size:12px;font-weight:700;color:#0077b6;white-space:nowrap}.metals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.metals-card{background:#fff;border:1px solid #d4e1ec;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.metals-card:hover{transform:translateY(-3px);border-color:#0077b6}.metals-image-placeholder{aspect-ratio:5/3;display:grid;place-items:center;background:linear-gradient(135deg,#edf2f6,#dbe5ed);color:#8a9aa9;text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.8}.metals-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.metals-card h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.metals-card p{color:#526273;font-size:14px;line-height:1.6;margin:0 0 18px}.metals-card dl{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d4e1ec;padding-top:15px;margin:auto 0 20px;font-size:12px}.metals-card dt{color:#6c757d}.metals-card dd{margin:0;text-align:right;font-weight:700}.metals-card a{display:block;background:#0b2240;color:#fff;text-align:center;padding:14px;text-decoration:none;font-size:12px;font-weight:700}.metals-card a:hover{background:#0077b6}.metals-closing{background:#0b2240;color:#fff;padding:80px 0}.metals-closing h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.06em;margin:15px 0}.metals-closing p:not(.products-overline){color:#d5e3f1;font-size:17px;max-width:720px;line-height:1.7}.metals-closing a{display:inline-block;background:#fff;color:#0b2240;padding:15px 23px;margin-top:15px;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:900px){.metals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.metals-hero{padding:45px 0 55px}.metals-section{padding:55px 0}.metals-grid{grid-template-columns:1fr}.metals-section-head{align-items:start;flex-direction:column}.metals-jump a{width:100%}}@media(prefers-reduced-motion:reduce){.metals-card{transition:none}}

/* v5: Metals-specific quality and sourcing origin */
.metals-quality{padding:76px 0 80px;background:linear-gradient(135deg,#edf4fa 0%,#f8fbfe 58%,#edf1f6 100%);border-top:1px solid #d9e5ef}
.metals-quality-heading{max-width:780px;margin-bottom:30px}
.metals-quality-heading h2{font-size:clamp(29px,4vw,48px);line-height:1.12;color:#0b2240;margin:12px 0 18px}
.metals-quality-heading p{line-height:1.7;color:#526273}
.metals-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.metals-quality-grid article{padding:26px;border:1px solid #d6e3ee;border-radius:14px;background:rgba(255,255,255,.85)}
.metals-quality-grid h3{color:#0b2240;font-size:22px;margin:12px 0}
.metals-quality-grid p,.metals-quality-note{color:#526273;line-height:1.65}
.metals-quality-note{font-size:13px;margin-top:20px}
@media(max-width:760px){.metals-quality{padding:50px 0}.metals-quality-grid{grid-template-columns:1fr}}

/* Project B: consistent edge-to-edge catalogue photography. */
.metals-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 5 / 3;
  overflow: hidden;
  background: #e9eff4;
}
.metals-image-frame img {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  transition: transform .25s ease;
}
.metals-card:hover .metals-image-frame img {transform: scale(1.025)}
@media (prefers-reduced-motion: reduce) {
  .metals-image-frame img {transition: none}
  .metals-card:hover .metals-image-frame img {transform: none}
}