/* sustainability.css — Sustainability section: IRC phases and the recycling-loop diagram. */

.impact{background:var(--paper-2)}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.impact-copy{display:grid;gap:24px;min-width:0}
.impact-copy h2 em{font-style:normal;color:var(--ok)}
.cell-visual{position:relative;background:var(--surface);border:1px solid var(--line);padding:32px;display:grid;gap:28px}
.cell-visual .loop{width:100%;max-width:360px;margin-inline:auto;display:block}
.loop text{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;fill:var(--ink-soft);text-transform:uppercase}
.loop .arc{fill:none;stroke:var(--ok);stroke-width:1.5}
.loop .trk{fill:none;stroke:var(--line);stroke-width:1}
.loop .st{fill:var(--surface);stroke:var(--ok);stroke-width:1.5}
.loop .ctr{font-family:var(--display);font-size:22px;fill:var(--ink);letter-spacing:0;text-transform:none}
.phases{display:grid;gap:0;border-top:1px solid var(--line)}
.phase{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.phase .when{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);padding-top:3px}
.phase b{display:block;font-weight:600;margin-bottom:2px}
.phase span{color:var(--ink-soft);font-size:15px}
@media (max-width:900px){.impact-grid{grid-template-columns:1fr}}