:root{--ehs-ink:#0b1d24;--ehs-green:#365f56;--ehs-sage:#9fc8bb;--ehs-mist:#eef5f2;--ehs-gold:#d4a54b}
.oa-hero-clean .oa-hero-img-wrap{aspect-ratio:1.22/1;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.3)}
.oa-hero-clean .oa-hero-img-wrap img{width:100%;height:100%;object-fit:cover}
.csr-title{max-width:none;font-size:clamp(2.4rem,3vw,3.25rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;white-space:nowrap}
.sd-hero-title{max-width:none;font-size:clamp(2.4rem,3vw,3.25rem)!important;line-height:1.05!important;white-space:nowrap}
.csr-initiatives{background:#f4f8f6;padding:82px 32px 64px}
.initiative-heading{max-width:800px;margin:0 auto 72px;text-align:center}
.initiative-heading>span,.initiative-number,.csr-story-card div>span{color:#5d867b;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}
.initiative-heading h2{margin:12px 0;font-size:clamp(2.4rem,5vw,4.8rem);color:#16332d;letter-spacing:-.04em}
.initiative-heading p{color:#667a75;font-size:1.08rem;line-height:1.7}
.initiative-block{max-width:1380px;margin:0 auto 72px;padding:42px;border:1px solid rgba(54,95,86,.13);border-radius:32px;background:#fff;box-shadow:0 22px 60px rgba(22,51,45,.08)}
.health-block{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}
.initiative-copy h2{margin:12px 0 18px;color:#17362f;font-size:clamp(2rem,3vw,3.5rem);line-height:1.04;letter-spacing:-.035em}
.initiative-copy>p{color:#647873;font-size:1.04rem;line-height:1.75}
.initiative-points{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}
.initiative-points li{display:flex;gap:12px;align-items:center;color:#294c44;font-weight:700}.initiative-points i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8f2ee;color:#4d7a6f}
.health-gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:210px 210px;gap:12px}.health-photo{margin:0;overflow:hidden;border-radius:18px}.health-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.health-photo:hover img{transform:scale(1.04)}.health-photo-1{grid-column:span 3}.health-photo-2{grid-column:span 3}.health-photo-3,.health-photo-4,.health-photo-5{grid-column:span 2}
.rural-block{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;background:#10272a;color:#fff}.rural-block .initiative-copy h2{color:#fff}.rural-block .initiative-copy>p{color:#b7c9c5}.rural-visual{position:relative;min-height:620px;border-radius:24px;overflow:hidden}.rural-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.rural-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,17,20,.9))}.rural-visual span{position:absolute;z-index:2;left:26px;bottom:24px;font-size:1.1rem;font-weight:700}
.rural-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.rural-card-grid article{padding:20px;border:1px solid rgba(159,200,187,.2);border-radius:17px;background:rgba(255,255,255,.055)}.rural-card-grid i{color:#9fc8bb;font-size:1.3rem}.rural-card-grid h3{margin:12px 0 6px;font-size:1rem}.rural-card-grid p{margin:0;color:#abc0bb;font-size:.85rem;line-height:1.5}
.csr-story-grid{max-width:1380px;margin:0 auto;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.csr-story-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:260px;overflow:hidden;border:1px solid rgba(54,95,86,.12);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(22,51,45,.075)}.csr-story-card img{display:block;width:100%;height:100%;min-height:260px;max-height:300px;object-fit:cover}.csr-story-card div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px}.csr-story-card h2{margin:8px 0;color:#17362f;font-size:clamp(1.35rem,1.65vw,1.75rem);line-height:1.12}.csr-story-card p{margin:0 0 15px;color:#697c77;font-size:.92rem;line-height:1.55}.csr-story-card a{margin-top:auto;color:#416f64;font-weight:800;text-decoration:none}
.ehs-page{background:#f4f8f6}.ehs-tabs{position:sticky;top:80px;z-index:20;display:flex;justify-content:center;gap:10px;padding:14px;background:rgba(245,249,247,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(54,95,86,.12)}.ehs-tabs a{padding:12px 24px;border-radius:999px;color:#31584f;background:#fff;border:1px solid rgba(54,95,86,.16);font-weight:800;text-decoration:none}.ehs-tabs a:hover{color:#fff;background:#31584f}
.ehs-intro{max-width:1120px;margin:0 auto;padding:95px 30px 44px;text-align:center}.ehs-kicker{color:#648e83;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ehs-intro h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02;color:#17342d;margin:14px 0}.ehs-intro p{max-width:850px;margin:auto;color:#637771;line-height:1.75;font-size:1.08rem}
.ehs-section{max-width:1380px;margin:24px auto;padding:24px 30px}.ehs-panel{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(22,51,45,.085)}.ehs-panel.reverse .ehs-panel-media{order:2}.ehs-panel-media{position:relative;min-height:0;overflow:hidden}.ehs-panel-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.ehs-panel-copy{padding:48px}.ehs-panel-copy h2{font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.06;color:#17342d;margin:12px 0 18px}.ehs-panel-copy p{color:#657974;line-height:1.68}.ehs-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.ehs-highlight{padding:14px;border-radius:13px;background:#edf5f2;color:#31584f;font-weight:700;font-size:.86rem}.ehs-highlight i{margin-right:8px}.ehs-metrics{display:flex;gap:10px;margin:20px 0}.ehs-metric{flex:1;padding:14px;border-radius:13px;background:#16342e;color:#fff}.ehs-metric strong{display:block;font-size:1.45rem}.ehs-metric span{color:#a9c8bf;font-size:.76rem}
.ehs-commitment{max-width:1320px;margin:80px auto 110px;padding:60px;border-radius:32px;text-align:center;color:#fff;background:linear-gradient(135deg,#112d28,#234b42)}.ehs-commitment h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 14px}.ehs-commitment p{max-width:850px;margin:auto;color:#c4d9d3;line-height:1.8}
.governance-reports{padding:85px 30px;background:#f3f7f5}.governance-reports-inner{max-width:1240px;margin:auto}.governance-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.governance-report{display:flex;align-items:center;gap:16px;padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(54,95,86,.13);color:#23443c;text-decoration:none;box-shadow:0 10px 30px rgba(22,51,45,.05)}.governance-report i{font-size:1.8rem;color:#b1473d}.governance-report strong{display:block}.governance-report span{font-size:.78rem;color:#71847e}
@media(max-width:900px){.csr-title,.sd-hero-title{white-space:normal}.health-block,.rural-block,.ehs-panel{grid-template-columns:1fr}.ehs-panel.reverse .ehs-panel-media{order:0}.rural-visual,.ehs-panel-media{min-height:380px}.ehs-panel-media img{position:absolute}.csr-story-grid,.governance-report-grid{grid-template-columns:1fr}.health-gallery{grid-template-rows:180px 180px}.ehs-panel-copy{padding:36px}.ehs-tabs{top:64px;overflow:auto;justify-content:flex-start}}
@media(max-width:600px){html,body{overflow-x:hidden}.oa-hero-clean .oa-hero-inner{width:100%;max-width:100%;padding-right:20px;padding-left:20px}.oa-hero-clean .oa-hero-layout,.oa-hero-clean .oa-hero-content{width:100%;max-width:100%;min-width:0}.csr-title{font-size:2.05rem!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere}.oa-hero-clean .oa-hero-subtitle,.oa-hero-clean .oa-hero-desc{width:100%;max-width:100%;overflow-wrap:anywhere}.oa-hero-clean .oa-hero-cta{flex-direction:column;flex-wrap:wrap}.oa-hero-clean .oa-hero-cta a{width:100%;max-width:100%;justify-content:center}.csr-initiatives{padding:70px 16px}.initiative-block{padding:22px}.health-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,180px)}.health-photo-1,.health-photo-2,.health-photo-3,.health-photo-4{grid-column:span 1}.health-photo-5{grid-column:span 2}.rural-card-grid,.ehs-highlight-grid{grid-template-columns:1fr}.ehs-panel-copy{padding:28px}.ehs-metrics{flex-direction:column}.ehs-commitment{margin:50px 18px;padding:38px 24px}}
@media(max-width:600px){.oa-hero-clean .oa-hero-subtitle,.oa-hero-clean .oa-hero-desc{width:calc(100vw - 50px)!important;max-width:calc(100vw - 50px)!important;white-space:normal!important}.oa-hero-clean .oa-hero-cta{width:calc(100vw - 50px)!important}}
@media(max-width:700px){.csr-story-card{grid-template-columns:1fr;min-height:0}.csr-story-card img{height:220px;min-height:220px;max-height:220px}.csr-story-card div{padding:22px}.csr-story-card a{margin-top:0}}

/* CSR headings align with the homepage section-heading typography. */
.initiative-heading h2,
.initiative-copy h2{
    font-family:var(--font-display);
    font-size:clamp(2.25rem,4.5vw,3.75rem);
    font-weight:300;
    line-height:1.15;
    letter-spacing:.02em;
}
.initiative-heading h2{margin:14px 0 18px}
.initiative-copy h2{margin:12px 0 20px}

/* Governance infographic: preserve the full diagram rather than cropping it. */
.governance-infographic-frame{
    background:linear-gradient(145deg,#fff 0%,#f2f7f5 100%);
}
.governance-page .governance-infographic-frame img.governance-infographic{
    width:100%;
    height:100%;
    padding:clamp(12px,2vw,24px);
    object-fit:contain;
    object-position:center;
    background:#fff;
    transform:none;
}
.governance-page .governance-infographic-frame:hover img.governance-infographic{transform:none}
.governance-page .oa-hero-img-wrap.governance-infographic-frame{height:420px}
.governance-page .oa-hero-img-wrap.governance-infographic-frame .oa-img-overlay{display:none}
.governance-page .oa-content-img-frame.governance-infographic-frame img{height:460px}

/* Corporate governance report library */
.governance-reports{
    position:relative;
    overflow:hidden;
    padding:clamp(72px,8vw,112px) 30px;
    background:
        radial-gradient(circle at 90% 4%,rgba(127,166,155,.17),transparent 28%),
        linear-gradient(180deg,#f7faf9 0%,#edf4f1 100%);
}
.governance-reports::before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.45;
    background-image:linear-gradient(rgba(45,86,76,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,86,76,.045) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(to bottom,black,transparent 72%);
}
.governance-reports-inner{position:relative;z-index:1;max-width:1280px;margin:auto}
.governance-reports-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:36px;
    margin-bottom:44px;
    padding-bottom:32px;
    border-bottom:1px solid rgba(43,82,73,.14);
}
.governance-reports-heading>div:first-child{max-width:760px}
.governance-reports-heading .oa-section-eyebrow{margin-bottom:12px;color:#5d867b}
.governance-reports-heading h2{
    margin:0;
    color:#16372f;
    font-family:var(--font-display);
    font-size:clamp(2.25rem,4.5vw,3.75rem);
    font-weight:300;
    line-height:1.08;
    letter-spacing:.01em;
}
.governance-reports-heading p{max-width:650px;margin:18px 0 0;color:#647873;font-size:1.02rem;line-height:1.7}
.governance-report-total{
    display:flex;
    min-width:190px;
    padding:18px 20px;
    align-items:center;
    gap:15px;
    border:1px solid rgba(127,166,155,.3);
    border-radius:18px;
    background:rgba(255,255,255,.72);
    box-shadow:0 16px 36px rgba(22,55,47,.07);
    backdrop-filter:blur(12px);
}
.governance-report-total strong{color:#214c42;font-family:var(--font-display);font-size:2.25rem;font-weight:600;line-height:1}
.governance-report-total span{padding-left:15px;border-left:1px solid rgba(59,98,89,.18);color:#71837e;font-size:.72rem;font-weight:800;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.governance-report-library{display:grid;gap:24px}
.governance-report-group{
    padding:28px;
    border:1px solid rgba(49,89,80,.13);
    border-radius:26px;
    background:rgba(255,255,255,.82);
    box-shadow:0 20px 55px rgba(24,57,50,.065);
    backdrop-filter:blur(10px);
}
.governance-report-year{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.governance-year-mark{width:9px;height:9px;border-radius:50%;background:#6f9d91;box-shadow:0 0 0 6px rgba(111,157,145,.12)}
.governance-report-year h3{margin:0;color:#1b4138;font-size:1rem;font-weight:800;letter-spacing:.06em}
.governance-report-year>span:last-child{margin-left:auto;color:#81918d;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.governance-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.governance-report{
    position:relative;
    display:flex;
    min-height:154px;
    align-items:flex-start;
    gap:17px;
    padding:20px;
    overflow:hidden;
    border:1px solid rgba(49,89,80,.12);
    border-radius:18px;
    background:linear-gradient(145deg,#fff 0%,#f7faf9 100%);
    color:#23443c;
    text-decoration:none;
    box-shadow:none;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.governance-report::after{
    content:'';
    position:absolute;
    right:-35px;
    bottom:-45px;
    width:100px;
    height:100px;
    border-radius:50%;
    background:rgba(127,166,155,.08);
    transition:transform .35s ease;
}
.governance-report:hover{transform:translateY(-4px);border-color:rgba(72,119,108,.35);box-shadow:0 18px 36px rgba(26,64,55,.11)}
.governance-report:hover::after{transform:scale(1.35)}
.governance-report .governance-report-icon{
    display:grid;
    width:46px;
    height:46px;
    flex:0 0 46px;
    place-items:center;
    border-radius:14px;
    background:#f8ebe9;
    color:#a43f36;
}
.governance-report .governance-report-icon i{font-size:1.2rem;color:inherit}
.governance-report-copy{display:flex;min-width:0;flex:1;align-self:stretch;flex-direction:column}
.governance-report .governance-report-type{margin-bottom:8px;color:#749087;font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.governance-report strong{display:-webkit-box;overflow:hidden;color:#1c3d36;font-size:.94rem;font-weight:700;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.governance-report .governance-report-action{display:flex;margin-top:auto;padding-top:16px;align-items:center;gap:7px;color:#47766b;font-size:.74rem;font-weight:800}
.governance-report .governance-report-action i{font-size:.68rem;color:inherit;transition:transform .25s ease}
.governance-report:hover .governance-report-action i{transform:translate(2px,-2px)}
.governance-report-empty{padding:35px;border:1px dashed rgba(49,89,80,.25);border-radius:20px;color:#647873;text-align:center;background:#fff}

@media(max-width:1000px){
    .governance-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .initiative-heading h2,.initiative-copy h2{font-size:clamp(2rem,10vw,2.75rem);line-height:1.12}
    .governance-page .oa-hero-img-wrap.governance-infographic-frame{height:auto;aspect-ratio:4/3}
    .governance-page .oa-content-img-frame.governance-infographic-frame img{height:auto;aspect-ratio:4/3}
    .governance-reports{padding:64px 16px}
    .governance-reports-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}
    .governance-report-total{min-width:0;width:100%}
    .governance-report-group{padding:20px 14px;border-radius:21px}
    .governance-report-grid{grid-template-columns:1fr}
    .governance-report{min-height:140px}
}