/* The motion review keeps the approved typography, content and brand palette. */
html { scroll-behavior:smooth; }
html.lenis,html.lenis body { height:auto; }
.lenis.lenis-smooth { scroll-behavior:auto!important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior:contain; }
.lenis.lenis-stopped { overflow:hidden; }
.reading-progress { position:fixed; inset:0 0 auto; height:3px; background:#0da57c; transform:scaleX(0); transform-origin:left; z-index:1000; pointer-events:none; }
[dir="rtl"] .reading-progress { transform-origin:right; }
.site-header { transition:transform .3s ease; }
.header-away .site-header { transform:translateY(-105%); }
.header-away .review-chapter-nav { top:0; }
.review-chapter-nav { transition:top .3s ease; }
.motion-ready [data-reveal] { transition:opacity .6s var(--review-delay,0ms) ease,transform .7s var(--review-delay,0ms) cubic-bezier(.16,1,.3,1); }
.photo-parallax-frame { overflow:hidden; }
.esg-next-steps p { color:#fff!important; }
#impact-heading,#impact-heading span { color:#fff!important; }
.single-diversion { margin:0; padding:32px; background:#fff; }
.single-diversion figcaption { color:#242c29; font-weight:700; margin-bottom:28px; }
.single-diversion-labels { display:flex; justify-content:space-between; gap:20px; margin-bottom:18px; }
.single-diversion-labels>div { display:flex; flex-direction:column; gap:8px; }
.single-diversion-labels>div:last-child { text-align:end; }
.single-diversion-labels>div>span { color:#535955; font-size:.9rem; }
.single-diversion-labels strong { color:#0b8463; font-family:Aeonik,sans-serif; font-size:2.3rem; line-height:1.1; }
.single-diversion-labels>div:first-child strong { color:#535955; font-size:1.6rem; }
.single-diversion-track { position:relative; height:26px; background:#edf2ef; }
.single-diversion-fill { position:absolute; inset-block:0; inset-inline-start:0; width:60%; background:#0b8463; transition:width 1.4s cubic-bezier(.2,.7,.2,1); }
.single-diversion-start { position:absolute; inset-block:-5px; inset-inline-start:14%; width:2px; background:#242c29; }
.single-diversion.chart-motion-ready:not(.chart-in-view) .single-diversion-fill { width:14%; }
.single-diversion-note { font-size:.83rem!important; line-height:1.55; color:#535955!important; margin-top:22px; }
.single-diversion>a { color:#0b8463; font-size:.85rem; }
@media(max-width:540px) { .single-diversion { padding:24px 18px; } .single-diversion-labels { gap:12px; } .single-diversion-labels>div>span { max-width:140px; font-size:.8rem; } }
.resource-cycle { position:relative; width:100%; max-width:740px; min-width:0; height:520px; margin:48px auto; scroll-margin-top:calc(var(--review-header-height) + var(--review-chapter-height) + 24px); }
.resource-cycle-ring { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.cycle-track,.cycle-fill { fill:none; stroke-width:2; }
.cycle-track { stroke:#d6e7df; }
.cycle-fill { stroke:#0b8463; stroke-linecap:round; }
.cycle-arrow { fill:#0b8463; }
.resource-cycle-steps { list-style:none; margin:0!important; padding:0!important; border:0!important; }
.resource-cycle-steps li { position:absolute; width:34%; padding:12px 10px!important; background:#fff; text-align:center; border:0!important; display:block!important; }
.resource-cycle-steps li:nth-child(1) { top:0; left:33%; }
.resource-cycle-steps li:nth-child(2) { bottom:0; right:0; }
.resource-cycle-steps li:nth-child(3) { bottom:0; left:0; }
.resource-cycle-steps .cycle-icon { width:78px; height:78px; border:1px solid #d6e7df; border-radius:50%; background:#fff; display:grid; place-items:center; margin:0 auto 12px; transition:box-shadow .4s,transform .4s; }
.resource-cycle-steps .cycle-icon img { width:76px; height:76px; object-fit:contain; }
.resource-cycle-steps .cycle-number { display:inline-block; color:#0b8463; font-size:.75rem; font-weight:700; margin-bottom:6px; }
.resource-cycle-steps h3 { margin:0 0 8px!important; font-size:1.4rem!important; color:#242c29!important; }
.resource-cycle-steps p { font-size:.95rem!important; line-height:1.5!important; color:#535955!important; margin:0!important; }
.resource-cycle-steps li:hover .cycle-icon { transform:translateY(-4px); box-shadow:0 0 0 7px #0b846312; }
.cycle-motion-ready:not(.cycle-in-view) .cycle-fill { stroke-dasharray:1; stroke-dashoffset:1; }
.cycle-motion-ready.cycle-in-view .cycle-fill { stroke-dasharray:1; animation:drawResourceCycle 2.2s ease both; }
.cycle-motion-ready.cycle-in-view .cycle-icon { animation:activateCycleStep .65s ease both; }
.cycle-in-view li:nth-child(2) .cycle-icon { animation-delay:.7s; }
.cycle-in-view li:nth-child(3) .cycle-icon { animation-delay:1.4s; }
@keyframes drawResourceCycle { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes activateCycleStep { from { border-color:#d6e7df; } to { border-color:#0b8463; box-shadow:0 0 0 5px #0b846310; } }
@media(max-width:540px) {
  .resource-cycle { height:440px; margin-block:28px; }
  .resource-cycle-steps li { width:45%; padding:6px!important; }
  .resource-cycle-steps li:nth-child(1) { left:27.5%; }
  .resource-cycle-steps li:nth-child(2),.resource-cycle-steps li:nth-child(3) { bottom:2%; }
  .resource-cycle-steps .cycle-icon { width:62px; height:62px; margin-bottom:8px; }
  .resource-cycle-steps .cycle-icon img { width:50px; height:50px; }
  .resource-cycle-steps h3 { font-size:1.15rem!important; }
  .resource-cycle-steps p { font-size:.85rem!important; }
}
[data-photo-parallax] { translate:0 var(--photo-shift,0px); scale:1.09; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  [data-photo-parallax] { translate:none; scale:none; }
  .site-header,.review-chapter-nav { transition:none; }
  .resource-cycle * { animation:none!important; }
  .resource-cycle .cycle-fill { stroke-dashoffset:0!important; }
  .single-diversion .single-diversion-fill { width:60%!important; transition:none; }
}
@media print {
  .reading-progress { display:none; }
  [data-photo-parallax] { translate:none; scale:none; }
}