/* Unique styles for industrial-decarbonisation. Shared rules live in qpa-inner-pages.css. */

body.qpa-page-industrial-decarbonisation .qpa-context-copy p:not(.qpa-kicker){max-width:620px;margin:0;color:var(--text);font-size:17.5px;line-height:1.7}
body.qpa-page-industrial-decarbonisation .qpa-context-copy p+p:not(.qpa-kicker){margin-top:18px}
body.qpa-page-industrial-decarbonisation .qpa-context-list li{position:relative;padding:11px 0 11px 24px;color:var(--text);font-size:16px;line-height:1.55}
body.qpa-page-industrial-decarbonisation .qpa-solution{position:relative;padding:26px 26px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,box-shadow .25s}
body.qpa-page-industrial-decarbonisation .qpa-solution p{margin:0;color:var(--head);font:500 clamp(16.5px,1.45vw,19.5px)/1.45 var(--display);letter-spacing:-.012em}
body.qpa-page-industrial-decarbonisation .qpa-client{min-height:150px;padding:24px 24px 22px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;display:flex;align-items:flex-end;color:var(--head);font:500 clamp(16.5px,1.45vw,20px)/1.4 var(--display);letter-spacing:-.012em;transition:border-color .25s,box-shadow .25s}
body.qpa-page-industrial-decarbonisation .qpa-themes{background:var(--neutral)}
body.qpa-page-industrial-decarbonisation .qpa-themes-head h2{max-width:19ch;margin-bottom:0;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-industrial-decarbonisation .qpa-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body.qpa-page-industrial-decarbonisation .qpa-theme{position:relative;min-height:250px;padding:26px 24px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,transform .25s,box-shadow .25s}
body.qpa-page-industrial-decarbonisation .qpa-theme-icon{display:block;width:36px;height:36px;color:var(--teal)}
body.qpa-page-industrial-decarbonisation .qpa-theme h3{margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.22;letter-spacing:-.018em}
body.qpa-page-industrial-decarbonisation .qpa-theme p{margin:0;color:var(--text);font-size:15px;line-height:1.55}
body.qpa-page-industrial-decarbonisation .qpa-role{position:relative;overflow:hidden;background:var(--ink-2);color:#dce5e6;padding:clamp(72px,7vw,110px) 0}
body.qpa-page-industrial-decarbonisation .qpa-role:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(820px 520px at 88% -6%,#17a39822,transparent 66%),radial-gradient(600px 460px at -4% 104%,#3ec9bb14,transparent 70%)}
body.qpa-page-industrial-decarbonisation .qpa-role>.qpa-wrap{position:relative;z-index:1}
body.qpa-page-industrial-decarbonisation .qpa-role h2{max-width:19ch;margin-bottom:24px;color:#fff;font-size:clamp(32px,3.3vw,50px);text-wrap:balance}
body.qpa-page-industrial-decarbonisation .qpa-role p:not(.qpa-kicker){max-width:900px;margin:0;padding-left:clamp(22px,2.4vw,36px);border-left:2px solid var(--teal);color:#e9f0f1;font:400 clamp(19px,1.75vw,26px)/1.5 var(--display);letter-spacing:-.012em}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,3.4vw,56px);align-items:center;padding:clamp(30px,3.4vw,46px);border:1px solid var(--line);border-radius:var(--r-card);background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card:hover{border-color:#17a39866;box-shadow:0 18px 40px #0f2e3812;transform:translateY(-3px)}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card h2{max-width:20ch;margin-bottom:14px;font-size:clamp(26px,2.3vw,36px);letter-spacing:-.022em;transition:color .3s}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card:hover h2{color:var(--teal-deep)}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card p{max-width:640px;margin:0;color:var(--text);font-size:16.5px;line-height:1.65}
body.qpa-page-industrial-decarbonisation .qpa-evidence-num{display:none}
body.qpa-page-industrial-decarbonisation .qpa-evidence-icon{display:block;width:40px;height:40px;flex:none;color:var(--teal)}
body.qpa-page-industrial-decarbonisation .qpa-evidence-icon svg{display:block;width:100%;height:100%}
body.qpa-page-industrial-decarbonisation .qpa-market-partner{background:var(--neutral)}
body.qpa-page-industrial-decarbonisation .qpa-partner-head{max-width:840px;margin-bottom:clamp(40px,4.4vw,60px)}
body.qpa-page-industrial-decarbonisation .qpa-partner-head h2{max-width:19ch;margin-bottom:0;font-size:clamp(36px,3.8vw,58px);text-wrap:balance}
body.qpa-page-industrial-decarbonisation .qpa-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}
body.qpa-page-industrial-decarbonisation .qpa-partner-card{padding:30px 30px 28px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;display:flex;flex-direction:column;gap:16px;transition:border-color .25s,box-shadow .25s}
body.qpa-page-industrial-decarbonisation .qpa-partner-card:hover{border-color:#17a39866;box-shadow:0 16px 36px #0f2e380f}
body.qpa-page-industrial-decarbonisation .qpa-partner-card h3{margin:0;font-size:clamp(21px,1.85vw,27px);letter-spacing:-.02em}
body.qpa-page-industrial-decarbonisation .qpa-partner-card p{margin:0;color:var(--text);font-size:16.5px;line-height:1.6}
body.qpa-page-industrial-decarbonisation .qpa-partner-card.qpa-feature{background:var(--ink-2);border-color:transparent}
body.qpa-page-industrial-decarbonisation .qpa-partner-card.qpa-feature h3{color:#fff}
body.qpa-page-industrial-decarbonisation .qpa-partner-card.qpa-feature p{color:#c3d0d3}

@media(max-width:1180px){
body.qpa-page-industrial-decarbonisation .qpa-client-grid,body.qpa-page-industrial-decarbonisation .qpa-theme-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
body.qpa-page-industrial-decarbonisation .qpa-context-grid,body.qpa-page-industrial-decarbonisation .qpa-solution-grid,body.qpa-page-industrial-decarbonisation .qpa-partner-grid,body.qpa-page-industrial-decarbonisation .qpa-evidence-card{grid-template-columns:1fr}
body.qpa-page-industrial-decarbonisation .qpa-context-copy h2,body.qpa-page-industrial-decarbonisation .qpa-solutions-head h2,body.qpa-page-industrial-decarbonisation .qpa-clients-head h2,body.qpa-page-industrial-decarbonisation .qpa-themes-head h2,body.qpa-page-industrial-decarbonisation .qpa-stats-head h2,body.qpa-page-industrial-decarbonisation .qpa-role h2,body.qpa-page-industrial-decarbonisation .qpa-partner-head h2{max-width:none}
}

@media(max-width:800px){
body.qpa-page-industrial-decarbonisation .qpa-client-grid,body.qpa-page-industrial-decarbonisation .qpa-theme-grid,body.qpa-page-industrial-decarbonisation .qpa-metrics{grid-template-columns:1fr}
body.qpa-page-industrial-decarbonisation .qpa-client,body.qpa-page-industrial-decarbonisation .qpa-theme{min-height:0}
}

/* ============================================================
   Design refinements — static typography polish.
   No hover added to non-clickable elements.
   ============================================================ */
body.qpa-page-industrial-decarbonisation .qpa-solution p,
body.qpa-page-industrial-decarbonisation .qpa-client,
body.qpa-page-industrial-decarbonisation .qpa-theme p,
body.qpa-page-industrial-decarbonisation .qpa-partner-card p,
body.qpa-page-industrial-decarbonisation .qpa-evidence-card p,
body.qpa-page-industrial-decarbonisation .qpa-role p:not(.qpa-kicker),
body.qpa-page-industrial-decarbonisation .qpa-context-copy p:not(.qpa-kicker),
body.qpa-page-industrial-decarbonisation .qpa-context-list li{text-wrap:pretty}
body.qpa-page-industrial-decarbonisation .qpa-theme h3,
body.qpa-page-industrial-decarbonisation .qpa-partner-card h3,
body.qpa-page-industrial-decarbonisation .qpa-evidence-card h2{text-wrap:balance}
body.qpa-page-industrial-decarbonisation .qpa-metric-value,
body.qpa-page-industrial-decarbonisation .qpa-evidence-num{font-variant-numeric:tabular-nums}
body.qpa-page-industrial-decarbonisation .qpa-evidence-card:focus-visible{outline:2px solid var(--teal-deep);outline-offset:4px}


/* Merged Market Context and Industrial Development Evidence. */
body.qpa-page-industrial-decarbonisation .qpa-context-aside {
  display: grid;
  align-content: start;
  gap: clamp(18px, 2vw, 28px);
  min-width: 0;
}

body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: clamp(22px, 2.2vw, 30px);
}

body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-icon {
  width: 32px;
  height: 32px;
  margin-top: 2px;
}

body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card h2 {
  max-width: none;
  margin: 0 0 10px;
  font-size: clamp(22px, 1.8vw, 27px);
  line-height: 1.12;
}

body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card > .qpa-link {
  grid-column: 1;
  justify-self: start;
  margin-top: 2px;
}

@media (max-width: 900px) {
  body.qpa-page-industrial-decarbonisation .qpa-context-aside {
    gap: 18px;
  }

  body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 22px 20px;
  }

  body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-icon {
    width: 28px;
    height: 28px;
  }

  body.qpa-page-industrial-decarbonisation .qpa-context-aside .qpa-evidence-card > .qpa-link {
    grid-column: 1 / -1;
    margin-top: 4px;
  }
}

/* Image-led treatment for Our Role in the Industrial Decarbonisation Transition. */
body.qpa-page-industrial-decarbonisation .qpa-transition-feature {
  margin-top: clamp(40px, 4vw, 64px);
  padding-top: clamp(40px, 4vw, 64px);
  border-top: 1px solid;
  border-image: linear-gradient(90deg, transparent 0%, var(--line-fade-dark) 10%, var(--line-fade-dark) 90%, transparent 100%) 1;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  aspect-ratio: 16 / 6.5;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(36px, 5vw, 76px);
  align-items: start;
  width: 100%;
  margin: clamp(40px, 4vw, 64px) 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-panel .qpa-kicker {
  margin-bottom: 20px;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-panel h2 {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: 1.06;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-copy {
  padding-left: clamp(24px, 3vw, 42px);
  border-left: 1px solid;
  border-image: linear-gradient(180deg, transparent 0%, var(--line-fade-dark) 18%, var(--line-fade-dark) 82%, transparent 100%) 1;
}

body.qpa-page-industrial-decarbonisation .qpa-transition-copy p:not(.qpa-kicker) {
  max-width: 760px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #dce5e6;
  font: 400 clamp(16.5px, 1.35vw, 19px) / 1.7 var(--body);
  letter-spacing: 0;
}

@media (max-width: 900px) {
  body.qpa-page-industrial-decarbonisation .qpa-transition-media {
    aspect-ratio: 16 / 8;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-panel {
    grid-template-columns: 1fr;
    gap: 26px;
    width: 100%;
    margin-top: 36px;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-panel h2 {
    max-width: 18ch;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-copy {
    padding: 24px 0 0;
    border-top: 1px solid;
    border-left: 0;
    border-image: linear-gradient(90deg, transparent 0%, var(--line-fade-dark) 10%, var(--line-fade-dark) 90%, transparent 100%) 1;
  }
}

@media (max-width: 520px) {
  body.qpa-page-industrial-decarbonisation .qpa-transition-feature {
    margin-top: 32px;
    padding-top: 32px;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-media {
    aspect-ratio: 4 / 3;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-panel {
    width: 100%;
    margin-top: 28px;
    padding: 0;
  }

  body.qpa-page-industrial-decarbonisation .qpa-transition-panel h2 {
    font-size: clamp(30px, 9vw, 38px);
  }
}

/* Solutions mid-heading (between two grids) - added 12 August 2026 */
body.qpa-page-industrial-decarbonisation .qpa-solutions-mid-heading{margin:clamp(40px,4vw,64px) 0 clamp(24px,2.5vw,36px);color:var(--head);font:500 clamp(22px,2vw,30px)/1.25 var(--display);letter-spacing:-.016em;text-wrap:balance}