/* Scroll-driven bending principle, isolated to the Biegebetrieb page. */
.steel-process{--teal:#00a9a7;--teal-light:#58d4ce;--magenta:#ca2e93;background:#102434;color:white;padding:90px var(--gutter);margin-top:0;margin-bottom:90px}
.steel-process-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:24px 70px;align-items:end;margin-bottom:60px}
.steel-process-heading>.eyebrow{grid-column:1/-1;color:#b3c8d6}
.steel-process-heading h2{font-size:clamp(3.3rem,5.5vw,6rem);line-height:1.03}
.steel-process-heading h2 span{color:var(--teal-light)}
.steel-process-heading>p:last-child{color:#c2d1dc;max-width:400px}
.steel-process-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(35px,6vw,100px);align-items:start}
.steel-figure{position:sticky;top:28px;margin:0;background:#142c3e;border:1px solid #ffffff25;min-width:0;overflow:hidden}
.steel-figure-top{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20}
.steel-figure-top>span{font-size:.8125rem;letter-spacing:.06em;color:#bdceda}
.motion-toggle{background:transparent;color:#e0edf4;border:1px solid #8196a6;font-size:.8125rem;padding:8px 12px;cursor:pointer;min-height:44px;flex-shrink:0}
.motion-toggle:hover{background:#ffffff12}
.motion-toggle:disabled{cursor:default}
.steel-diagram{width:100%;height:auto;display:block}
.steel-figure figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;color:#b5c9d7;font-size:.75rem;line-height:1.6}
.steel-scroll-hint{color:#d2e4ee}
.steel-meter{height:3px;background:#ffffff12}
.steel-meter>span{display:block;height:100%;width:100%;transform-origin:left;background:var(--teal);transform:scaleX(1)}
.steel-readout{display:flex;align-items:center;gap:20px;padding:16px 24px 0}
.steel-readout>span{font-size:.75rem;letter-spacing:.06em;color:#b5c9d7}
.steel-readout strong{font:600 2rem/1 var(--heading);color:white}
.steel-readout strong b{font-weight:inherit}
.steel-readout>span:last-child{margin-left:auto;color:var(--teal-light)}
.steel-legend{display:none}
.steel-steps{list-style:none;padding:0;margin:0}
.steel-steps>li{min-height:56vh;padding:40px 0 65px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #ffffff40}
.steel-steps>li:first-child{padding-top:25px}
.steel-steps>li>span{font-size:.875rem;color:#b3c8d6;letter-spacing:.06em;margin-bottom:23px}
.steel-steps h3{font-family:var(--heading);font-size:clamp(2.5rem,3.5vw,4rem);font-weight:600;line-height:1.08;margin-bottom:24px}
.steel-steps p{font-size:1rem;line-height:1.8;color:#c2d1dc;max-width:440px}
.steel-steps .text-link{color:var(--teal-light);margin-top:25px}
.steel-steps .text-link:hover{color:white}
.steel-steps li.is-active>span{color:var(--teal-light)}
.steel-steps li.is-active{border-top-color:var(--teal)}
.steel-process.is-static .steel-steps>li{min-height:0;padding:32px 0}
.steel-process.is-static .steel-scroll-hint{visibility:hidden}
.steel-process.is-static .steel-figure{position:relative;top:0}
@media(max-width:1100px){
  .steel-process{padding-block:75px;margin-top:0;margin-bottom:75px}
  .steel-process-layout{grid-template-columns:1.2fr 1fr;gap:35px}
  .steel-figure-top,.steel-figure figcaption{padding:16px}
  .steel-figure-top{flex-wrap:wrap}
  .steel-figure figcaption{flex-wrap:wrap}
  .steel-steps h3{font-size:3rem}
  .steel-process-heading{gap:24px 40px}
}
@media(max-width:900px){
  .steel-process-layout{grid-template-columns:1fr;gap:20px}
  .steel-process-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}
  .steel-figure{top:12px;z-index:2;max-width:640px;width:100%;justify-self:center;box-shadow:0 12px 25px #06111a50}
  .steel-figure-top{padding:10px 16px;flex-wrap:nowrap}
  .steel-figure-top>span{font-size:.75rem;letter-spacing:0}
  .steel-diagram{height:clamp(135px,23vh,210px)}
  .steel-diagram .diagram-labels{display:none}
  .steel-legend{display:flex;gap:14px;justify-content:center;padding:0 10px 10px;flex-wrap:wrap}
  .steel-legend>span{font-size:.75rem;color:#c2d1dc;display:flex;align-items:center;gap:6px}
  .steel-legend i{display:block;width:9px;height:9px;border-radius:50%}
  .legend-bar{background:var(--teal-light)}
  .legend-roll{background:#bdcad5}
  .legend-pin{background:var(--magenta)}
  .steel-readout{padding:12px 16px 0;gap:12px}
  .steel-readout strong{font-size:1.75rem}
  .steel-readout>span{font-size:.75rem;letter-spacing:0}
  .steel-figure figcaption{padding:10px 16px}
  .steel-scroll-hint{display:none}
  .steel-steps{position:relative;z-index:1}
  .steel-steps>li{min-height:55vh;padding:45px 0}
  .steel-steps p{max-width:560px}
}
@media(max-width:760px){
  .steel-process{padding-block:57px;margin-top:0;margin-bottom:57px}
  .steel-process-heading h2{font-size:clamp(2.8rem,10vw,4.5rem)}
  .steel-steps h3{font-size:2.8rem}
}
@media(max-width:380px){
  .steel-figure-top{padding:8px 10px;gap:8px;flex-wrap:wrap}
  .steel-readout{padding-inline:10px;gap:8px;flex-wrap:wrap}
  .steel-legend{gap:10px}
}
@media(max-height:650px){
  .steel-figure{position:relative;top:0}
  .steel-steps>li{min-height:0;padding-block:35px}
}
@media(prefers-reduced-motion:reduce){
  .steel-process .steel-figure{position:relative;top:0}
  .steel-steps>li{min-height:0;padding-block:30px}
}
@media print{
  .steel-process .steel-figure{position:static}
  .motion-toggle,.steel-scroll-hint{display:none}
  .steel-steps>li{min-height:0}
}