.metal-fabrication {
  margin: 52px 0;
  padding: clamp(28px, 4vw, 48px);
  overflow: hidden;
  border-radius: 22px;
  color: #dce8f4;
  background:
    radial-gradient(circle at 90% 8%, rgba(0, 166, 145, .2), transparent 30%),
    linear-gradient(135deg, #071a36, #063d73);
  box-shadow: 0 24px 60px rgba(7, 26, 54, .14);
}
.metal-fabrication__heading { max-width: 780px; }
.metal-fabrication__heading > span,
.metal-fabrication__partner-copy > span {
  color: #54d8c3;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.metal-fabrication__heading h2 {
  margin: 8px 0 18px;
  color: #fff;
  font-size: clamp(2rem, 3.8vw, 3.25rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.metal-fabrication__heading p { margin: 0; color: #bed0e1; font-size: 1rem; line-height: 1.75; }

.metal-fabrication__flow {
  display: grid;
  gap: 0;
  margin: 34px 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
  list-style: none;
}
.metal-fabrication__flow li {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.metal-fabrication__flow li > span { color: #54d8c3; font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.metal-fabrication__flow h3 { margin: 0 0 6px; color: #fff; font-size: .96rem; line-height: 1.3; }
.metal-fabrication__flow p { margin: 0; color: #9fb5ca; font-size: .77rem; line-height: 1.6; }

.metal-fabrication__partner {
  display: grid;
  grid-template-columns: minmax(120px, 170px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 28px;
  border: 1px solid rgba(84, 216, 195, .24);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(0, 166, 145, .18), transparent 42%),
    rgba(255, 255, 255, .065);
}
.metal-fabrication__partner-brand {
  display: grid;
  min-height: 104px;
  place-items: center;
  padding-right: 25px;
  border-right: 1px solid rgba(255, 255, 255, .14);
}
.metal-fabrication__partner-brand img { display: block; width: 100%; max-width: 165px; height: auto; }
.metal-fabrication__partner-copy h3 { margin: 6px 0 8px; color: #fff; font-size: 1.42rem; line-height: 1.25; }
.metal-fabrication__partner-copy p { margin: 0 0 9px; color: #c3d3e2; font-size: .8rem; line-height: 1.6; }
.metal-fabrication__partner-copy small { display: block; color: #8faac0; font-size: .72rem; line-height: 1.55; }
.metal-fabrication__partner-actions { display: grid; justify-items: start; gap: 13px; }
.metal-fabrication__partner-actions > a:last-child { color: #68e2cf; font-size: .76rem; font-weight: 750; text-underline-offset: 4px; }
.metal-fabrication__partner-actions .btn { white-space: nowrap; }

.page-layout:not(.page-layout--single) .metal-fabrication__partner { grid-template-columns: 135px minmax(0, 1fr); }
.page-layout:not(.page-layout--single) .metal-fabrication__partner-actions { grid-column: 2; }

@media (max-width: 720px) {
  .metal-fabrication { margin: 36px 0; border-radius: 16px; }
  .metal-fabrication__partner { grid-template-columns: 1fr; padding: 22px; }
  .metal-fabrication__partner-brand { min-height: 0; place-items: start; padding: 0 0 20px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
  .metal-fabrication__partner-brand img { width: 150px; }
  .page-layout:not(.page-layout--single) .metal-fabrication__partner { grid-template-columns: 1fr; }
  .page-layout:not(.page-layout--single) .metal-fabrication__partner-actions { grid-column: auto; }
  .metal-fabrication__partner-actions .btn { white-space: normal; }
}