/* A visible, complete NDT offering alongside the full materials catalogue. */
.metal-control{background:#1b1d1c;color:#f3f3ed;padding:55px 0 40px}
.metal-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}
.metal-heading h2{font-size:clamp(30px,3.1vw,43px);line-height:1.18;letter-spacing:-1.2px;margin-top:17px}
.metal-heading-note{display:flex;align-items:center;gap:28px;max-width:550px}
.metal-count{display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--yellow)}
.metal-count strong{font-size:70px;line-height:1;font-weight:500;letter-spacing:-3px}
.metal-count>span{font-size:16px;line-height:1.4}
.metal-heading-note>p{font-size:16px;line-height:1.7;color:#ced0c9;border-left:1px solid #525650;padding-left:26px}
.metal-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.metal-feature{display:grid;grid-template-columns:.95fr 1.05fr;min-width:0;background:#2b2e2b;border:1px solid #454a42;border-radius:15px;overflow:hidden;transition:border-color .2s,background .2s}
.metal-photo{position:relative;min-height:264px;overflow:hidden}
.metal-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s}
.metal-tag{position:absolute;top:16px;left:16px;background:var(--yellow);color:#161813;border-radius:6px;padding:5px 12px;font-size:14px;font-weight:700;letter-spacing:.4px}
.metal-feature-copy{padding:28px 23px 23px;display:flex;flex-direction:column;align-items:start;gap:16px}
.metal-feature h3{font-size:clamp(21px,1.7vw,25px);line-height:1.3;letter-spacing:-.55px;overflow-wrap:anywhere}
.metal-feature-copy>p{font-size:16px;line-height:1.65;color:#d1d4cb}
.metal-more{margin-top:auto;padding-top:12px;font-size:14px;line-height:1.6;display:flex;align-items:center;gap:13px;color:var(--yellow)}
.metal-more>span{font-size:23px}
.metal-methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}
.metal-method{border:1px solid #454a42;border-radius:11px;padding:19px 17px 22px;transition:background .2s,border-color .2s;min-width:0}
.metal-method-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--yellow);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:18px}
.metal-method-top>span:last-child{font-size:22px;font-weight:400}
.metal-method h3{font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.metal-all{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;line-height:1.5;margin-top:27px;color:#e1e4da;width:fit-content}
.metal-all>span{font-size:24px;color:var(--yellow)}
.metal-all:hover{text-decoration:underline;text-underline-offset:5px}
.metal-feature:hover,.metal-method:hover{border-color:var(--yellow);background:#343830}
.metal-feature:hover img{transform:scale(1.025)}
.metal-control a:focus-visible{outline-color:var(--yellow)}
/* One compact next step, with contact details retained in the actual footer. */
.contact.contact-compact .contact-compact-inner{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:32px;padding-block:31px}
.contact.contact-compact h2{font-size:30px;line-height:1.22;letter-spacing:-.9px;margin:10px 0 0;max-width:330px}
main .contact.contact-compact .contact-brief>p{font-size:16px;line-height:1.55;margin:0 0 12px;max-width:none}
.contact-inputs{display:grid;grid-template-columns:1fr 1.15fr;gap:7px 22px;margin:0;padding:0;list-style:none}
.contact-inputs li{font-size:15px;line-height:1.5;display:flex;align-items:baseline;gap:8px}
.contact-inputs li:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex:0 0 4px;align-self:center}
.contact-send{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#1b1d1c;color:#fff;border:1px solid #1b1d1c;padding:17px 23px;border-radius:9px;font-size:16px;font-weight:600;white-space:nowrap;transition:background .2s}
.contact-send>span{color:var(--yellow);font-size:23px;font-weight:400;line-height:1}
.contact-send:hover{background:#353b2b}
.contact-send:focus-visible{outline-color:#141714}
@media(max-width:1100px){
 .metal-heading-note{gap:20px}.metal-heading-note>p{display:none}
 .metal-feature{grid-template-columns:1fr}.metal-photo{aspect-ratio:1.65;min-height:0}.metal-feature-copy{padding:22px;gap:11px}.metal-feature h3{font-size:24px}.metal-more{padding-top:5px}
 .metal-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.metal-method:nth-last-child(-n+2){grid-column:auto}
 .contact.contact-compact .contact-compact-inner{grid-template-columns:1fr auto;gap:20px 28px;padding-block:27px}
 .contact-compact-title{grid-column:1/-1;display:flex;align-items:center;gap:25px}
 .contact.contact-compact h2{margin:0;max-width:none;font-size:28px}
}
@media(max-width:600px){
 .metal-control{padding:38px 0 30px}.metal-heading{gap:18px;align-items:start;margin-bottom:24px}.metal-heading h2{font-size:29px;letter-spacing:-.8px}.metal-heading .eyebrow{font-size:12px}.metal-count{flex-direction:column;align-items:start;gap:5px;padding-top:5px}.metal-count strong{font-size:50px}.metal-count>span{font-size:13px}.metal-heading-note{flex-shrink:0}
 .metal-features{grid-template-columns:1fr;gap:16px}.metal-photo{aspect-ratio:1.6}.metal-feature h3{font-size:25px}.metal-feature-copy{padding:22px}.metal-feature-copy>p{font-size:16px}
 .metal-methods{grid-template-columns:1fr;gap:0;margin-top:25px;border-top:1px solid #454a42}.metal-method{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border:0;border-bottom:1px solid #454a42;border-radius:0;padding:17px 28px 17px 0;position:relative;min-height:72px}.metal-method-top{margin:0}.metal-method-top>span:last-child{position:absolute;right:0;top:calc(50% - 15px)}.metal-method h3{font-size:17px}.metal-all{font-size:15px;margin-top:22px}
 .contact.contact-compact .contact-compact-inner{grid-template-columns:1fr;gap:20px;padding-block:26px}
 .contact-compact-title{display:block}.contact.contact-compact h2{font-size:28px;margin-top:8px;max-width:330px}
 .contact-inputs{gap:7px 16px}.contact-inputs li{font-size:15px}.contact-send{width:100%;padding:14px 20px}
}
@media(prefers-reduced-motion:reduce){.metal-photo img{transition:none}.metal-feature:hover img{transform:none}}
