:root{
--container-pad: clamp(16px, 4vw, 45px);
--card-gap-y: clamp(24px, 4vw, 40px);
--card-margin-y: clamp(48px, 7vw, 90px);
--stack-offset-step: 20px; /* JS will tweak this per breakpoint */
--inner-gap: clamp(16px, 3vw, 45px);
--h3-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
--h4-size: clamp(1.05rem, 0.95rem + 0.9vw, 1.35rem);
}

*::-moz-selection {
background: #CCD9E4;
color: #000;
}
*::-webkit-selection {
background: #CCD9E4;
color: #000;
}
*::-ms-selection {
background: #CCD9E4;
color: #000;
}
*::selection {
background: #CCD9E4;
color: #000;
}
html {
position: absolute;
height: 100%;
width: 100%;
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
overflow: auto;
line-height: 1.6;
height: 100%;
scroll-behavior: smooth;
margin: 0;
}
body, input, select, textarea, button, tspan {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}
hr {
width: 100%
}
input, input:focus, select, select:focus {
outline: none;
border: 0;
}
/*--------------3* LINKS------------*/
a, a:focus {
color: #004181;
text-decoration: none;
outline: 0;
/* font-size: 16px; */
/* font-weight: 300; */
}
a:hover {
text-decoration: none;
color: #333;
}  

/* ===== Base ===== */
*{box-sizing:border-box}
b, strong {
font-weight: 600;
line-height: 1;
}
sup, sub {
vertical-align: super;
position: relative;
top: -3px;
font-size: 10px;
}
sub {
top: 12px;
}

p {
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.6rem);
margin-bottom: 15px;
line-height: 1.7;
font-weight: 300;
font-style: normal;
color: #000;
margin-top: 0px;
}





.footer-logo {
margin-right: 30px;
}

header {
padding: 20px 45px;
}

header article {
border-bottom: 1px solid #000;
display: flex;
}

header article .header-logo {
margin-right: 30px;
}

header article .header-heading {
font-size: clamp(1.4rem, 1.6rem + 1vw, 3.8rem);
align-content: center;
display: flex;
align-items: anchor-center;
}

header article .header-nav {
margin-left: auto;
}

header article .header-nav ul {
list-style: none;
display: flex;
}

header article .header-nav ul li {
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.8rem);
padding: 10px;
}

header article .header-nav ul li a {
color: #000;
}

header article .header-heading big {
font-size: clamp(3.4rem, 4.6rem + 1vw, 7.8rem);
font-weight: 600;
line-height: 1;
margin-right: 18px;
}

header article .header-heading span {
line-height: 1;
font-weight: 400;
font-size: clamp(1.4rem, 1.6rem + 1vw, 2.4rem);
}










/* ===== Cascade wrapper (reusable) ===== */
.cascade{
width:100%;
margin:0 auto;
display:grid;
grid-template-rows:repeat(var(--cards-count), var(--card-height)); /* set via JS */
gap: var(--card-gap-y) 0;
padding: 0 var(--container-pad);
margin-bottom: clamp(120px, 20vh, 250px);
box-sizing: border-box;
}


.cascade-card{position:sticky; top:0; margin: var(--card-margin-y) 0;}
.cascade-card__inner{
will-change:transform;
background:#fff;
display:flex;
overflow:hidden;
box-shadow:0 25px 50px -12px rgba(27,27,45,.35);
transform-origin:center top;
min-height:auto;
gap: var(--inner-gap);
}

/* ===== Left media ===== */
.cascade-card__media{
display:flex;
width: 50%;
flex-shrink:0;
background:#dfe6ee;
margin: 0;
}
.cascade-card__img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:1/1;
}

/* ===== Right panel ===== */
.cascade-card__panel{
width: 50%;
padding: 20px 15px 15px 15px;
display:flex;
flex-direction:column;
border-top: 1px solid #ccc;
position: relative;
}

/* Section label (matches screenshot: square icon + pill) */
.section-label{
display:inline-flex;
align-items:center;
gap:10px;
padding:8px 12px;
font-size: 40px;
font-weight: 600;
color: #367E7F;
width:fit-content;
border: 1px solid #16263a;
}
.label-icon{
}

/* Thin rule between KPI rows as in screenshot */
.rule{
border:0;
height:1px;
background: #ccc;
margin:12px 0;
}

/* KPI blocks */
.kpis{display:grid;gap:12px;margin: auto;text-align: center;position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
.kpi{display:grid; gap:6px}
.kpi b{
font-size:13px;
color:#6c7a8a;
font-weight:700;
letter-spacing:.15em;
}
.kpi .big{
font-size:32px;
font-weight:800;
line-height:1.15;
}
.kpi small{
color:#6c7a8a;
font-size:13px;
}


/* Small title (lines like in screenshot) */
.panel-title{
margin:10px 0 6px;
font-size:18px;
font-weight:700;
}


















.breadcrumb {
margin-bottom: 180px;
}

.breadcrumb a {
background: #fff;
border: 1px solid #000;
padding: 5px 10px;
margin-right: -5px;
color: #000;
text-decoration: none;
cursor: text;
}


.box-heading{
background: #fff;
border: 1px solid #000;
padding: 5px 10px;
color: #000;
width: fit-content;
font-size: clamp(1.4rem, 1.6rem + 1vw, 3.6rem);
margin-top: 0;
margin-bottom: 46px;
}


section.investment-case {
background: #CAD5DA;
padding: 90px 45px;
}

p.border-bot {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #898989;
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.8rem);
}







section.headwinds-tailwinds {
padding: 45px 45px;
}

section.headwinds-tailwinds article > .row > .col-50:first-of-type {
border-right: 1px solid #000;
}

ul.list {
margin: 0;
padding: 0;
list-style: none;
}

ul.list li {
position: relative;
padding-left: 15px;
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.6rem);
}

ul.list li:after {
position: absolute;
content: '';
left: 0;
top: 10px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
}

section.headwinds-tailwinds article > .row > .col-50 .row .col-50:last-of-type {
padding: 30px;
}





.section-gov,
.section-ops{
will-change: transform;
background: #fff;
transform-origin: center top;
min-height: auto;
/* avoid always-on scrollbars; allow when needed */
overflow: auto;
}

.section-gov h3 {
font-size: clamp(5.4rem, 6.6rem + 1vw, 11.6rem);
line-height: 1;
color: #F2F3F2;
font-weight: 600;
margin: 15px 0;
padding-left: 20px;
}


.section-downloads {
background: #2B2E34;
min-height: 80vh;
}

.section-gov .row {
gap: 20px;
}



/* Layout rows/cols */
.section-gov .row{
display:flex;
flex-wrap: wrap;
gap: clamp(16px, 2.5vw, 28px);
box-sizing: border-box;
}

.section-gov .row .col-33,  .section-ops .row .col-33{
flex: 1 1 calc(33.333% - clamp(12px, 2vw, 20px));
max-width: calc(33.333% - clamp(12px, 2vw, 20px));
box-sizing: border-box;
}






.section-ops h3 {
font-size: clamp(5.4rem, 6.6rem + 1vw, 11.6rem);
line-height: 1;
color: #F2F3F2;
font-weight: 600;
margin: 15px 0;
padding-left: 20px;
}

.section-ops .row {
gap: 20px;
}

















.overview-row {
padding: 45px 45px;
}

.overview-row .col-left {
flex-basis: 33%;
padding: 0 40px 0  10px;
position: relative;
}

.scroll-col {position: relative;display: block;top: 30px;}
section.overview {
background: #CAD5DA;
}

.overview-row .col-right {
flex-basis: 69%;
border-left: 1px solid #707070;
padding: 0 0 0 20px;
}

.overview-row .col-left h3 {
font-size: clamp(5.4rem, 6.6rem + 1vw, 11.6rem);
line-height: 1;
color: #F2F3F2;
font-weight: 600;
margin: 15px 0;
}

.overview-row .col-left h5 {
padding: 2px 10px;
background: #fff;
color: #000;
width: fit-content;
border: 1px solid #000;
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.4rem);
}

.overview-row .col-left p {}

.overview-row .col-right p.footnote {
font-size: 12px;
margin-bottom: 0;
position: relative;
padding-left: 10px;
}

.overview-row .col-right p.footnote sup {
margin-left: -10px;
}

.overview-row .col-right > img {
margin-bottom: 30px;
}

.overview-row .col-right .row {
margin-top: 30px;
}

.overview-row .col-right .row .col-50 {
background: #fff;
}

.overview-row .col-right .row .col-50 .cont-row {
padding: 25px;
}

.overview-row .col-right .row .col-50 .cont-row h4 {
font-size: clamp(1.4rem, 1.6rem + 1vw, 2.2rem);
margin-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.overview-row .col-right .row .col-50 .cont-row p {
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.4rem);
}

.section-gov .cont-row {
padding: 20px;
}

.section-gov .cont-row h4 {
font-size: clamp(1.4rem, 1.6rem + 1vw, 2.2rem);
margin-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;

}

.section-ops .cont-row {
padding: 20px;
}

.section-ops .cont-row h4 {
font-size: clamp(1.4rem, 1.6rem + 1vw, 2.2rem);
margin-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.section-ops .cont-row p {
font-size: clamp(1.2rem, 1.2rem + 1vw, 1.2rem);
margin-bottom: 3px;
}

a.btn {
padding: 10px;
border: 1px solid #000;
position: relative;
color: #000;
margin-top: 30px;
display: inline-block;
}

a.btn:after {
content: '>';
position: absolute;
border-radius: 50%;
border: 1px solid #000;
width: 36px;
height: 36px;
top: 0;
right: -38px;
text-align: center;
line-height: 36px;
font-size: 20px;
transition: .45s linear all;
}
a.btn:hover:after {
right: -100px;
content: '<';
transition: .45s linear all;
background: #000;
}
a.btn:hover {
background: #000;
color: #fff;
}

.section-gov .cont-row p {
font-size: clamp(1.2rem, 1.2rem + 1vw, 1.2rem);
}




section.downloads {
padding: 45px;
background: #2B2E34;
}

section.downloads .col {
flex-basis: 50%;
}

section.downloads .row {
gap: 90px;
}

section.downloads .col .download-block {
padding: 0px 0px;
position: relative;
padding-left: 0px;
margin-bottom: 30px;
}

section.downloads .col .download-block:after{content:'';position:absolute;left: 0px;top: 0px;width: 50px;color: #000;height: 50px;font-size: clamp(0.6rem, 2vw + 1rem, 1.4rem);font-weight:800;text-align:center;line-height:50px;}


section.downloads .col:first-of-type .download-block:nth-of-type(1):after{background:#C5B4A1; content:'IAR'; }
section.downloads .col:first-of-type .download-block:nth-of-type(2):after{background:#89ABAD; content:'AFS'; }
section.downloads .col:first-of-type .download-block:nth-of-type(3):after{background:#93C272; content:'ESG';}
section.downloads .col:first-of-type .download-block:nth-of-type(4):after{background:#647CA8; content:'CCW'; }
section.downloads .col:first-of-type .download-block:nth-of-type(5):after {background: #D88B4E;content: 'KING';}
section.downloads .col:last-of-type .download-block:nth-of-type(1):after{background:#9BAAB2; content:'MRMR'; }
section.downloads .col:last-of-type .download-block:nth-of-type(2):after{background:#A87E6A; content:'AGM'; }
section.downloads .col:last-of-type .download-block:nth-of-type(3):after{background:#B1C2C2; content:'SR'; }



section.downloads .col .download-block ul {
padding-left: 18px;
color: #fff;
}

section.downloads .col .download-block ul li {
font-size: clamp(0.6rem, 2vw + 1rem, 1.2rem);
margin-bottom: 6px;
}

section.downloads .col .download-block h4 {
margin-top: 0;
margin-bottom: 30px;
display: block;
border: 1px solid #fff;
color: #fff;
font-size: clamp(1.2rem, 1.4rem + 1vw, 1.8rem);
margin-left: 50px;
padding-left: 20px;
font-weight: 300;
border-left: 0;
}

section.downloads h3 {
font-size: clamp(5.4rem, 6.6rem + 1vw, 11.6rem);
line-height: 1;
color: #F2F3F2;
font-weight: 600;
margin: 15px 0;
}

section.downloads h3 + div h4 {
margin-bottom: 0px;
}

section.downloads h3 + div {
padding: 2px 10px;
background: #fff;
color: #000;
width: fit-content;
border: 1px solid #000;
margin-bottom: 30px;
}

section.downloads .col .download-block h4 a {
color: #fff;
text-decoration: none;
}

section.downloads .col .download-block p {
font-size: clamp(1.2rem, 1.2rem + 1vw, 1.3rem);
color: #fff;
}

section.downloads .col .download-block ul li a {
color: #fff;
}

.section-ops .row .col-70 {
padding-left: 30px;
border-left: 1px solid #ccc;
}

section.overview .row .col-70 {
padding-left: 30px;
border-left: 1px solid #ccc;
}

.img-row img {
width: 100%;
}


section.top-banner{
min-height:100vh;
background:url(../img/top-banner.jpg);
position:relative;
background-repeat: no-repeat;
background-size: 54%;
}

section.top-banner .intro-block{background: #231E20;padding: 60px;width: 55%;position: absolute;top: 33%;right: 0;transform: translateY(-50%);padding-right: 80px;}

section.top-banner .intro-block h3{
color: #fff;
font-size: clamp(2.4rem, 2.6rem + 1vw, 3.5rem);
margin: 0;
margin-bottom: 30px;
}

section.top-banner .intro-block a.btn{padding: 10px;
border: 1px solid #fff;
position: relative;
color: #fff;
font-size:14px;                                  
margin-top: 30px;
display: inline-block;}

section.top-banner .intro-block a.btn:hover{background:#fff; color:#000;transition: .45s linear all;}
section.top-banner .intro-block a.btn:after {
content: '>';
position: absolute;
border-radius: 50%;
border: 1px solid #fff;
width: 36px;
height: 36px;
top: 0;
right: -38px;
text-align: center;
line-height: 36px;
font-size: 20px;
transition: .45s linear all;
}
section.top-banner .intro-block a.btn:hover:after {
background: #fff;
right: -100px;
transition: .45s 
linear all;
}
section.top-banner .row-nav {position: absolute;bottom: 0;left: 0;width: 100%;display: flex;background: #B9A392;padding: 40px;}

section.top-banner .row-nav .nav-col {
/* flex-basis: 65%; */
display: flex;
gap: 60px;
}

section.top-banner .row-nav .tagline-2 {flex-basis: 35%;color: #000;font-size: clamp(3.4rem, 3.6rem + 1vw, 5.0rem);font-weight: 400;align-content: end;text-align: right;padding: 20px;}


section.top-banner .row-nav .nav-col h5 {
color: #000;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px solid #000;
display: inline-block;
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.5rem);
}















section.bekoni {
padding: 45px;
}
section.bekoni .row .col-left {
flex-basis: 50%;
}

section.bekoni .row .col-right {
flex-basis: 50%;
border-top: 1px solid #707070;
}

h4.border-head {padding: 2px 10px;background: #fff;color: #000;width: fit-content;border: 1px solid #000;font-size: clamp(1.8rem, 1.8rem + 1vw, 2.8rem);}




.strat-row{ max-width: 80%; margin: 0 auto 60px auto;}
.strat-row .col-33{}
.strat-row .col-33.resp .top-block{ background: #5E7C86;}
.strat-row .col-33.resi .top-block{ background: #B9A392;}
.strat-row .col-33.read .top-block{ background: #367E7F;}

.strat-row .col-33.resp .how-block{background: #D6DDE0;border: 1px solid #5E7C86;}
.strat-row .col-33.resi .how-block{background: #EEE9E3;border: 1px solid #B9A392;}
.strat-row .col-33.read .how-block{background: #CADCE0;border: 1px solid #367E7F;}

.strat-row .col-33.resp .measure-block{background: #E3E3E5;border: 1px solid #5E7C86;}
.strat-row .col-33.resi .measure-block{background: #E3E3E5;border: 1px solid #B9A392;}
.strat-row .col-33.read .measure-block{background: #E3E3E5;border: 1px solid #367E7F;}

.strat-row .col-33 .top-block{padding: 20px;margin-bottom: 30px;}
.strat-row .col-33 .top-block h4{padding: 2px 10px; background: #fff; color: #000; width: fit-content;border: 1px solid #000; font-size: clamp(1.4rem, 1.6rem + 1vw, 2.4rem);}
.strat-row .col-33 .top-block h5{padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #FFFFFF;color: #fff;font-size: clamp(1.2rem, 1.4rem + 1vw, 1.6rem);font-weight: 400;}
.strat-row .col-33 .top-block .values{ background: #2B2E34; padding: 20px;}
.strat-row .col-33 .top-block .values *{ color: #fff;}
.strat-row .col-33 .how-block{padding: 20px;margin-bottom: 30px;}
.strat-row .col-33 .measure-block{ padding: 20px;}
.strat-row .col-33 .border-head{padding: 2px 10px!important;background: #fff;color: #000!important;width: fit-content;border: 1px solid #000!important;font-size: clamp(1.4rem, 1.6rem + 1vw, 1.8rem)!important;margin-top: 0;}		
.strat-row .col-33 .top-block h5.border-head { margin-top: 30px;}
.strat-row .col-33 .top-block p {color: #fff;}




section.investing {
padding: 0 45px;
}

section.investing .growth { margin-bottom:30px}

section.investing .growth .col-50 {
padding: 30px 30px 30px 0px;
}
section.investing .growth .col-50:first-of-type {border-right: 1px solid #707070;padding-left: 30px;padding-top: 0;}
section.investing .growth .col-50 h3 {
padding: 2px 10px;
background: #fff;
color: #000;
width: fit-content;
border: 1px solid #000;
font-size: clamp(1.8rem, 1.8rem + 1vw, 2.8rem);
margin-bottom: 0;
margin-top: 0;
}

section.investing .growth .col-50 h4 {
color: #367E7F;
font-size: clamp(1.8rem, 1.8rem + 1vw, 2.5rem);
max-width: 550px;
}

.case-studies {}

.case-studies .col-33 {}

.case-studies .col-33 .cont-row {
padding: 20px;
}

.case-studies .col-33 .cont-row h4 {
color: #367E7F;
font-size: clamp(1.8rem, 1.8rem + 1vw, 2.5rem);
border-bottom: 1px solid #000000;
padding-bottom: 15px;
}

section.investing article {
border-top: 1px solid #707070;
padding-top: 30px;
}






.chair-section{padding: 0 45px;}
.chair-section .row{}
.chair-section .row .col-50.border-right{ padding-left: 0}
.chair-section .row .col-50{padding: 20px 20px 60px 20px;border-bottom: 1px solid #707070;}


h5.turqious{font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem); color: #367E7F;}

h4.turqious{font-size: clamp(1.9rem, 1.9rem + 1vw, 2.5rem); color: #367E7F; margin-top: 0}

h3.intro{font-size: clamp(2.3rem, 2.3rem + 1vw, 3.5rem); color: #000; font-weight: 400;}

.border-right{/* border-right: 1px solid #ccc8c8; */}







section.banner.f2025 {background:url(../img/f2025-banner.jpg);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.f2025 .row .col-50 {
padding: 50px;
position: relative;
}

section.banner.f2025 .row * {
color: #fff;
}

section.banner.f2025 article {
padding: 15px;
}

section.banner.f2025 .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
}

section.banner.f2025 .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
}

section.banner.f2025 .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.f2025 .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
position: absolute;
bottom: 0;
max-width: 60%;
}


section.banner.chair {background:url(../img/chair-banner.png);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.chair .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.chair .row * {
color: #fff;
}

section.banner.chair article {
padding: 15px;
}

section.banner.chair .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.chair .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.chair .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.chair .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.chair .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}


section.banner.strategy {background:url(../img/strategy-banner.jpg);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.strategy .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.strategy .row * {
color: #fff;
}

section.banner.strategy article {
padding: 15px;
}

section.banner.strategy .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.strategy .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.strategy .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.strategy .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.strategy .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}


section.banner.gov {background:url("../img/gov-banner.jpg");background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.gov .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.gov .row * {
color: #fff;
}

section.banner.gov article {
padding: 15px;
}

section.banner.gov .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.gov .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.gov .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.gov .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.gov .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.rem {background:url(../img/rem-banner.jpg);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.strategy .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.rem .row * {
color: #fff;
}

section.banner.rem article {
padding: 15px;
}

section.banner.rem .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.rem .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.rem .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.rem .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.rem .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.ceo {background:url("../img/ceo-banner.png");background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.ceo .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.ceo .row * {
color: #fff;
}

section.banner.ceo article {
padding: 15px;
}

section.banner.ceo .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.ceo .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.ceo .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.ceo .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.ceo .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.key-trends {background:url("../img/key-trends-banner.jpg");background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.key-trends .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.key-trends .row * {
color: #fff;
}

section.banner.key-trends article {
padding: 15px;
}

section.banner.key-trends .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.key-trends .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.key-trends .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.key-trends .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.key-trends .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.cfo {background:url("../img/cfo-banner.png");background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.cfo .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.cfo .row * {
color: #fff;
}

section.banner.cfo article {
padding: 15px;
}

section.banner.cfo .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.cfo .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.cfo .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.cfo .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.cfo .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.ferrous {background:url("../img/ferrous-banner.png");background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.ferrous .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.ferrous .row * {
color: #fff;
}

section.banner.ferrous article {
padding: 15px;
}

section.banner.ferrous .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.ferrous .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.ferrous .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.ferrous .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.ferrous .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.plat {background:url(../img/plat-banner.png);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.plat .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.plat .row * {
color: #fff;
}

section.banner.plat article {
padding: 15px;
}

section.banner.plat .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.plat .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.plat .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.plat .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.plat .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}

section.banner.coal {background:url(../img/coal-banner.png);background-repeat:no-repeat;margin: 0 45px;background-size: cover;background-attachment: fixed;}

section.banner.coal .row .col-50 {
padding: 0 50px;
position: relative;
align-content: center;
}

section.banner.coal .row * {
color: #fff;
}

section.banner.coal article {
padding: 15px;
}

section.banner.coal .row .col-50 p {
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.2rem);
max-width: 80%;
margin: 0;
font-weight:500;
}
section.banner.coal .row .col-50:first-of-type p{
font-size: clamp(2.6rem, 2.6rem + 1vw, 4.2rem);
line-height: 1.2;
}
section.banner.coal .row .col-50:first-of-type {
border-right: 1px solid #fff;
padding-left: 0;
padding-right: 100px;
padding-bottom: 0;
}

section.banner.coal .row .col-50 h5 {
color: #FFF;
font-size: clamp(1.6rem, 1.6rem + 1vw, 2.0rem);
margin-bottom: 0px;
}

section.banner.coal .row .col-50 h3 {
font-size: clamp(2.4rem, 3.2rem + 1vw, 5.7rem);
line-height: 1.2;
margin: 0;
max-width: 60%;
}


.nav-toggle {
display: none;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
}







/*--------------6* MISC RESETS------------*/
.center-block, .obj-c {
display: block;
margin: 0 auto;
text-align: center;
/* max-width: 100%; */
}
.img-responsive {
max-width: 100%;
}
.clearfix:after, .clearfix:before {
display: table;
content: " ";
}
.clearfix:after {
clear: both
}
.scrollable {
overflow-x: auto;
}


footer {
padding: 45px;
}

footer article {
border-top: 1px solid #000;
display: flex;
justify-content: start;
padding-top: 30px;
}

footer .tagline {
font-size: clamp(2.4rem, 2.6rem + 1vw, 3.8rem);
margin-left: auto;
align-content: center;
font-weight: 500;
}

footer .footer-heading {
font-size: clamp(1.4rem, 1.6rem + 1vw, 3.8rem);
align-content: center;
display: flex;
align-items: anchor-center;
}

footer .footer-heading big {
font-size: clamp(3.4rem, 4.6rem + 1vw, 7.8rem);
font-weight: 600;
line-height: 1;
margin-right: 18px;
}

footer .footer-heading span {
line-height: 1;
font-weight: 400;
font-size: clamp(1.4rem, 1.6rem + 1vw, 2.4rem);	
}




.back-to-top{
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: #231E20;
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  font-size: 20px;
  z-index: 9999;
  cursor: pointer;
  transform: translateY(8px) scale(.95);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s cubic-bezier(.2,.9,.2,1), opacity .22s ease;
}

.back-to-top.visible{
  transform: translateY(0) scale(1);
  opacity: 0.95;
  pointer-events: auto;
}

.back-to-top:hover,
.back-to-top:focus{
  transform: translateY(-3px) scale(1.02);
  outline: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}







/*--------------8* COLS------------*/
.row{display:flex;gap: clamp(16px, 2.5vw, 28px);box-sizing: border-box;}
.col-10 {  flex-basis: 10%;}
.col-20 {  flex-basis: 20%;}
.col-25 {  flex-basis: 25%;}
.col-30{ flex:  30%; max-width: 30%; }
.col-33{
flex: 1 1 calc(33.333% - clamp(12px, 2vw, 20px));
max-width: calc(33.333% - clamp(12px, 2vw, 20px));
box-sizing: border-box;
}
.col-40 {  flex-basis: 40%;}
.col-50 {  flex-basis: 50%;}
.col-60 {  flex-basis: 60%;}
.col-66 {  flex-basis: 66.66%;}
.col-70{ flex: 0 0 70%; max-width: 70%; }
.col-75 {  flex-basis: 75%;}
.col-80 {  flex-basis: 80%;}
.col-90 {  flex-basis: 90%;}
.col-full {  flex-basis: 100%;}
.gap-10 {  gap: 10px;}
.gap-15 {  gap: 20px;}
.gap-20 {  gap: 20px;}
.gap-25 {  gap: 20px;}
.gap-30 {  gap: 30px;}
.gap-40 {  gap: 40px;}
.gap-45 {  gap: 45px;}
.gap-50 {  gap: 50px;}
.gap-60 {  gap: 60px;}
.gap-70 {  gap: 70px;}
.gap-80 {  gap: 80px;}
.gap-90 {  gap: 90px;}
.gap-100 {  gap: 100px;}








/*--------10* FONT-WEIGHT RESETS----------*/
.B100 {  font-weight: 100 !important;}
.B200 {  font-weight: 200 !important;}
.B300 {  font-weight: 300 !important;}
.B400 {  font-weight: 400 !important;}
.B500 {  font-weight: 500 !important;}
.B600 {  font-weight: 600 !important;}
/*-----------11* PADDING RESETS------------*/
.padding-90 {  padding: 90px !important;}
.padding-60 {  padding: 60px !important;}
.padding-60L {  padding-left: 60px !important;}
.padding-60R {  padding-right: 60px !important;}
.padding-60T {  padding-top: 60px !important;}
.padding-60B {  padding-bottom: 60px !important;}
.padding-50 {  padding: 50px !important;}
.padding-50L {  padding-left: 50px !important;}
.padding-50R {  padding-right: 50px !important;}
.padding-50T {  padding-top: 50px !important;}
.padding-50B {  padding-bottom: 50px !important;}
.padding-40 {  padding: 40px !important;}
.padding-40L {  padding-left: 40px !important;}
.padding-40R {  padding-right: 40px !important;}
.padding-40T {  padding-top: 40px !important;}
.padding-40B {  padding-bottom: 40px !important;}
.padding-30 {  padding: 30px !important;}
.padding-30L {  padding-left: 30px !important;}
.padding-30R {  padding-right: 30px !important;}
.padding-30T {  padding-top: 30px !important;}
.padding-30B {  padding-bottom: 30px !important;}
.padding-25 {  padding: 25px !important;}
.padding-25L {  padding-left: 25px !important;}
.padding-25R {  padding-right: 25px !important;}
.padding-25T {  padding-top: 25px !important;}
.padding-25B {  padding-bottom: 25px !important;}
.padding-20 {  padding: 20px !important;}
.padding-20L {  padding-left: 20px !important;}
.padding-20R {  padding-right: 20px !important;}
.padding-20T {  padding-top: 20px !important;}
.padding-20B {  padding-bottom: 20px !important;}
.padding-15 {  padding: 15px !important;}
.padding-15L {  padding-left: 15px !important;}
.padding-15R {  padding-right: 15px !important;}
.padding-15T {  padding-top: 15px !important;}
.padding-15B {  padding-bottom: 15px !important;}
.padding-10 {  padding: 10px !important;}
.padding-10L {  padding-left: 10px !important;}
.padding-10R {  padding-right: 10px !important;}
.padding-10T {  padding-top: 10px !important;}
.padding-10B {  padding-bottom: 10px !important;}
.padding-5 {  padding: 5px !important;}
.padding-5L {  padding-left: 5px !important;}
.padding-5R {  padding-right: 5px !important;}
.padding-5T {  padding-top: 5px !important;}
.padding-5B {  padding-bottom: 5px !important;}
.no-padding {  padding: 0 !important;}
.no-paddingT {  padding-top: 0 !important;}
.no-paddingB {  padding-bottom: 0 !important;}
.no-paddingL {  padding-left: 0 !important;}
.no-paddingR {  padding-right: 0 !important;}
/*------------12* MARGIN RESETS-------------*/
.margin-60 {  margin: 60px !important;}
.margin-60L {  margin-left: 60px !important;}
.margin-60R {  margin-right: 60px !important;}
.margin-60T {  margin-top: 60px !important;}
.margin-60B {  margin-bottom: 60px !important;}
.margin-150B {  margin-bottom: 150px !important;}
.margin-50 {  margin: 50px !important;}
.margin-50L {  margin-left: 50px !important;}
.margin-50R {  margin-right: 50px !important;}
.margin-50T {  margin-top: 50px !important;}
.margin-50B {  margin-bottom: 50px !important;}
.margin-40 {  margin: 40px !important;}
.margin-40L {  margin-left: 40px !important;}
.margin-40R {  margin-right: 40px !important;}
.margin-40T {  margin-top: 40px !important;}
.margin-40B {  margin-bottom: 40px !important;}
.margin-30 {  margin: 30px !important;}
.margin-30L {  margin-left: 30px !important;}
.margin-30R {  margin-right: 30px !important;}
.margin-30T {  margin-top: 30px !important;}
.margin-30B {  margin-bottom: 30px !important;}
.margin-25 {  margin: 25px !important;}
.margin-25L {  margin-left: 25px !important;}
.margin-25R {  margin-right: 25px !important;}
.margin-25T {  margin-top: 25px !important;}
.margin-25B {  margin-bottom: 25px !important;}
.margin-20 {  margin: 20px !important;}
.margin-20L {  margin-left: 20px !important;}
.margin-20R {  margin-right: 20px !important;}
.margin-20T {  margin-top: 20px !important;}
.margin-20B {  margin-bottom: 20px !important;}
.margin-15 {  margin: 15px !important;}
.margin-15L {  margin-left: 15px !important;}
.margin-15R {  margin-right: 15px !important;}
.margin-15T {  margin-top: 15px !important;}
.margin-15B {  margin-bottom: 15px !important;}
.margin-10 {  margin: 10px !important;}
.margin-10L {  margin-left: 10px !important;}
.margin-10R {  margin-right: 10px !important;}
.margin-10T {  margin-top: 10px !important;}
.margin-10B {  margin-bottom: 10px !important;}
.margin-5 {  margin: 5px !important;}
.margin-5L {  margin-left: 5px !important;}
.margin-5R {  margin-right: 5px !important;}
.margin-5T {  margin-top: 5px !important;}
.margin-5B {  margin-bottom: 5px !important;}
.no-margin {  margin: 0 !important;}
.no-marginT {  margin-top: 0 !important;}
.no-marginB {  margin-bottom: 0 !important;}
.no-marginL {  margin-left: 0 !important;}
.no-marginR {  margin-right: 0 !important;}

/* Responsive */


@media (max-width: 1600px){













}

@media (max-width: 1440px){

	.scrollable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* border-radius: 6px; */
}
.kpi .big {
font-size: 31px;
}	

section.top-banner {
min-height: 93vh;
background-size: 57%;
}	




}

@media (max-width: 1370px){

.kpi .big {
font-size: 29px;
}	

.overview-row .col-right .row .row {
flex-wrap: wrap;
}

.overview-row .col-right .row .row .col-30, .overview-row .col-right .row .row .col-70{
flex: 1 1 100% !important;
max-width: 100% !important;
}	

.overview-row .col-right .row .row .col-70{
flex: 1 1 100% !important;
max-width: 100% !important;
border-left: none;
padding-left: 0px;
}		

section.top-banner {
min-height: 93vh;
background-size: 60%;
}	



}

@media (max-width: 1280px){

.kpi .big {
font-size: 27px;
}	

section.top-banner {
min-height: 92vh;
background-size: 65%;
}	

header article .header-nav ul li {
    font-size: clamp(1.2rem, 1.4rem + 1vw, 1.6rem);
    padding: 20px 10px 10px 10px;
}



}

@media (max-width: 1200px){
.col-33{
flex-basis: calc(50% - clamp(12px, 2vw, 20px))!important;
max-width: calc(50% - clamp(12px, 2vw, 20px))!important;
}

section.top-banner .intro-block {padding: 45px;}	  

section.top-banner .intro-block h3 {font-size: clamp(2.2rem, 2.2rem + 1vw, 2.5rem);}	  

section.top-banner {
min-height: 86vh;
}	  

header article .header-nav ul {
    padding-left: 0px;
}
	
header article .header-nav ul li {
    font-size: clamp(1.2rem, 1.4rem + 1vw, 1.4rem);
}	
	
	
	
	
	
	
	
	
	
	


}

@media (max-width: 1080px){

section.top-banner {
min-height: 89vh;
}	

section.top-banner {
background-size: 75%;
}	

section.top-banner .intro-block {
padding: 45.5px;
top: 35%;
}	
	
header article .header-heading span {
    font-size: clamp(1.4rem, 1.6rem + 1vw, 1.4rem);
}	
	
header article .header-heading big {
    font-size: clamp(2.8rem, 3.4rem + 1vw, 6.8rem);
}	
	
	
	
	
	

}

@media (max-width: 980px){


section.banner.f2025 {
background-position: center;
}	

section.banner.chair {
background-position: left;
}	




.cascade-card__inner {
min-height: 515px;
}	

.kpis {
top: 60%;
left: 47%;
}	

section.investment-case .row .col-50:nth-of-type(2) {
display: none;
} 	

section.investment-case .row .col-50 {
flex-basis: 100%;
}	

section.headwinds-tailwinds .row {
flex-wrap: wrap;
}

section.headwinds-tailwinds .row .col-50 {
flex-basis: 100%;
}	

section.headwinds-tailwinds article > .row > .col-50:first-of-type {
border-right: none;
}	

section.top-banner .intro-block {
top: 33%;
padding: 67px;
}

section.top-banner .intro-block h3 {font-size: clamp(1.4rem, 2.6rem + 1vw, 2.0rem);}	

section.top-banner {
min-height: 81vh;
}	


header article .header-heading {
margin: auto;
}	

header article .header-logo {
margin: auto;
}	

header article .header-nav {
    margin: auto;
}
	
header article {
flex-wrap: wrap;
}	

footer article {
flex-wrap: wrap;
}	

footer .tagline {
margin: auto;
}	




}

@media (max-width: 900px){

.cascade-card__inner{
flex-direction:column;
min-height:0;
flex-wrap: wrap;
}

.cascade-card__media, .cascade-card__panel{
width:100%
}

.cascade-card__img{
aspect-ratio:16/9
}

.cascade-card__panel{
padding:26px 22px 22px
}

.cascade {
gap: 0px;
}	  

.cascade-card {
margin: 0px;
}	  



.kpi .big{
font-size:28px
}

.row{
flex-wrap: wrap;
}

.col-33{
flex-basis: 100%!important;
max-width: 100%!important;
}

.cascade {
grid-template-rows: none;
}

.cascade-card {
position: relative;
}  

section.downloads .col {
flex-basis: 100%;
}  

/* Inner two-column collapses to stacked */
.col-30, .col-70, .col-50, .overview-row .col-left, .overview-row .col-right{
flex: 1 1 100%!important;
max-width: 100%!important;
}

/* Prevent double scrolling: let page scroll more, section scroll less */
.section-gov, .section-ops{
overflow: visible;
}

.section-ops .cont-row h4, .section-gov .cont-row h4 {
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.6rem);
} 

.section-gov h3, .section-ops h3 { 
font-size: clamp(4.4rem, 4.6rem + 1vw, 8.6rem);
margin: 10px 0 30px 0;
} 

section.top-banner {min-height: 81vh;background: none;}  

section.top-banner .intro-block {top: 0%;transform: translateY(0%);padding: 51px;position: relative;width: 100%;}  

section.top-banner .row-nav {flex-wrap: wrap;position: relative;}

section.top-banner .row-nav .tagline-2 {
flex-basis: 100%;
align-content: center;
text-align: center;
padding: 20px;
}

section.top-banner .intro-block h3 {
font-size: clamp(1.4rem, 1.6rem + 1vw, 1.5rem)!important;
}	  

.kpis {
position: relative;
top:auto;
left:auto;
width: 100%;
transform: translate(0%, 0%);
margin: 60px 0;
} 

section.banner.f2025 .row .col-50 {

padding-left: 0;
padding-top: 0;
}  
section.banner.f2025 .row .col-50:first-of-type {
border-right: 0px solid #fff;
padding-left: 0;
padding-right: 40px;
padding-bottom: 0;
}	  
section.banner.f2025 .row .col-50 h3 {
margin: 0;
position: relative;
bottom: 0;
max-width: 60%;
}	 

section.bekoni .row .col-left {
flex-basis: 100%;
}

section.bekoni .row .col-right {
flex-basis: 100%;
border-top: none;
}	  

section.investing .growth .col-50:first-of-type {
border-right: none;
}	  

section.investing .row.gap-30.growth {
gap: 0px!important;
}  

section.banner.chair .row .col-50:first-of-type {
border-right: none!important;
}

section.banner.chair .row .col-50 {
padding: 0px;
}	  

section.banner.strategy .row .col-50:first-of-type {
border-right: none!important;
}	  

section.banner.strategy .row .col-50 {
padding: 0px;
}	  

section.banner.gov .row .col-50:first-of-type {
border-right: none!important;
}	  

section.banner.rem .row .col-50:first-of-type {
border-right: none!important;
}	  

section.banner.ceo .row .col-50:first-of-type {
border-right: none!important;
}

section.banner.key-trends .row .col-50:first-of-type {
border-right: none!important;
}	  

section.banner.cfo .row .col-50:first-of-type {
border-right: none!important;
}		  

section.banner.cfo .row .col-50 {
padding: 0px;
}		

section.banner.ferrous .row .col-50:first-of-type {
border-right: none!important;
}		  

section.banner.ferrous .row .col-50 {
padding: 0px;
}		

section.banner.plat .row .col-50:first-of-type {
border-right: none!important;
} 

section.banner.plat .row .col-50{
padding: 0px;
}	  

section.banner.coal .row .col-50:first-of-type{
border-right: none!important;
}  

section.banner.coal .row .col-50{
padding: 0px;
}  

.section-ops .row .col-70 {
padding-left: 0px;
border-left: none;
}	  


.kf-tbl {
width: 100% !important;
}

.overview-row .col-left h3 {
font-size: clamp(4.4rem, 4.6rem + 1vw, 8.6rem);
margin: 10px 0 30px 0;
}	  

section.downloads h3 {
font-size: clamp(4.4rem, 4.6rem + 1vw, 8.6rem);
margin: 10px 0 30px 0;
}	  









}

@media (max-width: 768px){


section.top-banner {
background-size: 66%;
}	

section.top-banner .intro-block {
padding: 52px;
}	




}

@media (max-width: 720px){ 

.footer-logo {
margin: auto;
}	

section.top-banner .row-nav .nav-col {
flex-wrap: wrap;
}	

.col-25 {
flex-basis: 100%;
}	

section.top-banner {
min-height: 197vh;
}	

section.top-banner .row-nav .nav-col h5 {
display: block;
text-align: center;
}	

    header {
        margin-bottom: 10px;
    }	

section.top-banner {background-size: 100%;top: 0;}

section.top-banner .intro-block {
    top: 0;
    width: 100%;
}

.overview-row .col-right {
border-left: none;
padding: 0px;
}

.section-label {
   
    font-size: 19px;

}





}

@media (max-width: 600px){
.kpi .big{font-size:24px}

.action-row {
flex-wrap: wrap;
gap: 15px;
}	  

.action-row .col-two {
flex-basis: 100%;
}	  

.action-row>.col-two:first-child {
border-right: none!important;
}	

footer .footer-heading {
margin: auto;
}	




header article {
flex-wrap: wrap;
}

.header-nav {
width: 100%;
text-align: right;
position: relative;
}

.nav-toggle {
display: block;
margin: auto;
}

.header-nav ul {
display: none !important;
flex-direction: column;
width: 100%;
margin-top: 10px;
gap: 0;
border-top: 1px solid #000;
padding: 10px;
}

.header-nav ul.show {
display: flex!important;
}

.header-nav ul li {
padding: 10px 0;
text-align: center;
border-bottom: 1px solid #eee;
}

.header-nav ul li:last-child {
border-bottom: none;
}	  

footer .footer-heading big {
font-size: clamp(2.4rem, 3.6rem + 1vw, 6.8rem);
}

header article .header-heading big {
font-size: clamp(2.4rem, 3.6rem + 1vw, 6.8rem);
}	  

	
section.headwinds-tailwinds {
    padding: 45px 10px;
}	
section.investment-case {
    background: #CAD5DA;
    padding: 60px 10px;
}	
	.strat-row {
    max-width: 100%;
    margin: 0 auto 60px auto;
}
	
	section.bekoni {
    padding: 45px 10px;
}
	
	section.investing {
    padding: 0 10px;
}
	
	
	section.investing .growth .col-50:first-of-type {

    padding: 0;
}
	

section.banner.coal .row .col-50:first-of-type, section.banner.plat .row .col-50:first-of-type, section.banner.ferrous .row .col-50:first-of-type, section.banner.f2025 .row .col-50:first-of-type, section.banner.strategy .row .col-50:first-of-type, section.banner.rem .row .col-50:first-of-type, section.banner.rem .key-trends .col-50:first-of-type  {

    padding-right: 0;
  
}	
	
section.banner.coal .row .col-50 h3, section.banner.plat .row .col-50 h3, section.banner.ferrous .row .col-50 h3, section.banner.f2025 .row .col-50 h3, section.banner.strategy .row .col-50 h3, section.banner.rem .row .col-50 h3, section.banner.key-trends .row .col-50 h3 {
    font-size: clamp(1.4rem, 2.2rem + 1vw, 4.7rem);
    max-width: 100%;
}	
	
section.banner.coal .row .col-50 p, section.banner.plat .row .col-50 p, section.banner.ferrous .row .col-50 p, section.banner.f2025 .row .col-50 p, section.banner.strategy .row .col-50 p, section.banner.rem .row .col-50 p, section.banner.key-trends .row .col-50 p {
    font-size: clamp(1.0rem, 1.0rem + 1vw, 1.4rem);
    max-width: 100%;

}	
	
section.banner.coal, section.banner.plat, section.banner.ferrous, section.banner.f2025, section.banner.strategy, section.banner.rem, section.banner.key-trends  {
    background-size: cover;
    background-attachment: initial;
}	
    div.breadcrumb {
        margin-bottom: 0 !important;
        display: none;
    }	
	
	
	
section.banner.ceo .row .col-50 h3, section.banner.chair .row .col-50 h3, section.banner.cfo .row .col-50 h3, section.banner.f2025 .row .col-50 h3, section.banner.strategy .row .col-50 h3, section.banner.rem .row .col-50 h3, section.banner.key-trends .row .col-50 h3 {
    font-size: clamp(1.4rem, 1.2rem + 1vw, 2.7rem);
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
}	
	
section.banner.ceo .row .col-50:first-of-type, section.banner.chair .row .col-50:first-of-type, section.banner.cfo .row .col-50:first-of-type, section.banner.f2025 .row .col-50:first-of-type, section.banner.strategy .row .col-50:first-of-type, section.banner.rem .row .col-50:first-of-type, section.banner.key-trends .row .col-50:first-of-type {

    padding-right: 0;
}	
	
section.banner.ceo .row .col-50, section.banner.chair .row .col-50, section.banner.cfo .row .col-50, section.banner.f2025 .row .col-50, section.banner.strategy .row .col-50, section.banner.rem .row .col-50, section.banner.key-trends .row .col-50 {
    padding: 0 0px;
    position: relative;
    align-content: center;
}	
	
	
section.banner.ceo .row .col-50 p, section.banner.cfo .row .col-50 p, section.banner.chair .row .col-50 p, section.banner.f2025 .row .col-50 p, section.banner.strategy .row .col-50 p, section.banner.rem .row .col-50 p, section.banner.key-trends .row .col-50 p {
        font-size: clamp(1.1rem, 1.1rem + 1vw, 1.2rem);
        max-width: 80%;
        margin: 0;
        font-weight: 500;
      
    }	
	
	
	
	section.banner.ceo, section.banner.cfo, section.banner.chair, section.banner.f2025, section.banner.strategy, section.banner.rem, section.banner.key-trends {
    background-size: cover;
    background-attachment: inherit;
}
	
	
	section.banner {
    margin: 0 0px!important;

}
	
.chair-section {
    padding: 0 10px;
}
	
	.chair-section .row .col-50 {
    padding: 0;
    border-bottom: 1px solid #707070;
}	
.overview-row {
    padding: 45px 0px;
}
	
section.top-banner .row-nav {

    padding: 40px 0;
}	
	
	
    section.top-banner .intro-block {
        padding: 20px;
	}
	
    .overview-row .col-right {
        padding: 10px;
    }	
	

	
	
	
	
	
	
	
	
	
	
	

}




@media (max-width: 480px){

:root{
--card-margin-y: 56px;
}

section.top-banner {min-height: auto;background: none;}	  

footer .footer-heading big {
font-size: clamp(2.4rem, 0.6rem + 1vw, 6.8rem);
}	  

header article .header-heading big {
font-size: clamp(2.4rem, 0.6rem + 1vw, 6.8rem);
}	  



}


@media (max-width: 375px){

section.downloads .col .download-block h4 {
border: none;
}	

.breadcrumb a {
    font-size: 8px;
}





}