/* Our Process extends the approved technical/company page family. */
.op-hero-media>img{object-position:50% 0}
.op-page main h1{max-width:17ch}
.op-overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(48px,8vw,144px);align-items:start}
.op-overview-grid h2{max-width:16ch}
.op-overview-copy p{font-size:var(--pp-type-intro)}
.op-page .op-overview-copy .pp-text-link{margin-top:28px;font-size:var(--pp-type-ui);min-height:44px}
.op-overview-grid{row-gap:48px}
.op-erw-diagram{grid-column:1/-1;min-width:0;margin:0}
.op-erw-diagram img{display:block;width:100%;height:auto}
.op-erw-diagram figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:24px}
.op-erw-diagram figcaption p{max-width:65ch;font-size:var(--pp-type-ui)}
.op-page .op-erw-diagram .pp-text-link{flex-shrink:0;font-size:var(--pp-type-ui);min-height:44px}
.op-galvanizing{background:var(--pp-surface);border-block:1px solid var(--pp-line)}
.op-process-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.op-process-heading h2{max-width:16ch}
.op-process-heading p{padding-left:48px;border-left:1px solid var(--pp-line);font-size:var(--pp-type-intro)}
.op-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;list-style:none;padding:0;margin:48px 0 0}
.op-steps li{min-width:0;padding-block:24px 36px;border-bottom:1px solid var(--pp-line)}
.op-step-icon{height:clamp(160px,14vw,216px);margin-bottom:24px;color:var(--pp-red);display:flex;align-items:end;justify-content:center}
.op-step-icon svg{display:block;width:100%;height:100%;max-width:360px}
.op-step-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.op-step-number{font:800 var(--pp-type-section)/1 Manrope,sans-serif;letter-spacing:-.04em;color:var(--pp-red);font-variant-numeric:tabular-nums}
.op-steps h3{padding-top:4px}
.op-steps p{margin-top:12px}
.op-related h2{max-width:22ch}
.op-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,144px);margin-top:48px}
.op-related-grid article{padding-top:28px;border-top:1px solid var(--pp-line)}
.op-related-grid p{margin-block:20px 24px}
.op-page .op-related-grid .pp-text-link{font-size:var(--pp-type-ui);min-height:44px}
@media(max-width:900px){
  .op-overview-grid,.op-process-heading{grid-template-columns:1fr;gap:32px}
  .op-overview-grid h2,.op-process-heading h2{max-width:20ch}
  .op-process-heading p{max-width:58ch;padding-left:0;border-left:0}
  .op-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin-top:32px}
  .op-erw-diagram figcaption{flex-direction:column;gap:16px}
}
@media(max-width:600px){
  .op-hero-media>img{object-position:78% 0}
  .op-steps{grid-template-columns:1fr}
  .op-steps li{padding-block:24px 32px}
  .op-step-icon{height:176px;margin-bottom:24px}
  .op-step-copy{grid-template-columns:48px minmax(0,1fr);gap:20px}
  .op-step-number{font-size:var(--pp-type-row);line-height:1.2}
  .op-steps h3{padding-top:0}
  .op-related-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}
}