/* ============ BLUE SECTION THEME ============ */
.section.blue{background:var(--dark)}
.section.blue .eyebrow{color:var(--amber)}
.section.blue .eyebrow::before{background:var(--amber)}
.section.blue .sec-title{color:#fff}
.section.blue .sec-head p{color:#c9d9ec}
.section.blue > .wrap > p,
.section.blue .g-body p,
.section.blue .c-body p{color:#c9d9ec}
.section.blue .gcard-h{background:rgba(255,255,255,.07);box-shadow:none;border:1px solid rgba(255,255,255,.12)}
.section.blue .gcard-h .gi{background:rgba(255,255,255,.14)}
.section.blue .gcard-h .gt h4{color:#fff}
.section.blue .gcard-h .gt p{color:#c9d9ec}
.section.blue .stake-row{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.section.blue .stake-row.blue{background:rgba(255,255,255,.14)}
.section.blue .stake-row .sr-body h4{color:#fff}
.section.blue .stake-row .sr-body p{color:#c9d9ec}
.section.blue .stake-row .sr-body .gn{color:var(--amber)}
.section.blue .comp-wrap ul li{color:#c9d9ec}
.section.blue .comp-wrap ul li strong{color:#fff}
.section.blue .prose p{color:#c9d9ec}
.section.blue .prose h2{color:#fff}
.section.blue .gstruct-photo-side,.section.blue .g-photo,.section.blue .c-photo{border:1px solid rgba(255,255,255,.15)}
.section.blue .cband{border-top-color:rgba(255,255,255,.15)}
.section.blue .cband .ctxt{color:#fff}

/* ============ CORPORATE GOVERNANCE PAGE ============ */
.gov-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.gov-intro .g-photo{border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,20,16,.06)}
.gov-intro .g-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.gov-intro{grid-template-columns:1fr;gap:28px}}

/* ESG overlay graphic on intro photo */
.esg-photo{position:relative}
.esg-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.esg-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.esg-node .badge{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.esg-node .b-lg{width:76px;height:76px;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.6)}
.esg-node .b-sm{width:32px;height:32px;top:6px;right:-8px;font-family:"Archivo";font-weight:800;font-size:14px;color:#fff}
.esg-node .node-label{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-family:"Archivo";font-weight:800;font-size:13px;letter-spacing:.03em;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.esg-node.env .b-lg{background:#5cb85c}
.esg-node.env .b-sm{background:#8fd18f}
.esg-node.env .node-label{color:#8fe38f}
.esg-node.soc .b-lg{background:#2fa8d5;width:92px;height:92px}
.esg-node.soc .b-sm{background:#7fd0ee}
.esg-node.soc .node-label{color:#8fdcf5;top:-52px}
.esg-node.gov .b-lg{background:#1a5f8f}
.esg-node.gov .b-sm{background:#5da4cc}
.esg-node.gov .node-label{color:#a9d6ee}
@media(max-width:640px){.esg-node .b-lg{width:56px;height:56px}.esg-node.soc .b-lg{width:68px;height:68px}.esg-node .b-sm{width:24px;height:24px;font-size:11px}.esg-node .node-label{font-size:11px}}

.gcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 26px;transition:.2s;box-shadow:0 8px 24px rgba(20,20,16,.04)}
.gcard:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(20,20,16,.1)}
.gcard .gi{width:56px;height:56px;border-radius:12px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;margin-bottom:18px;padding:12px}
.gcard .gi img{width:100%;height:100%;object-fit:contain}
.gcard h4{font-family:"Archivo";text-transform:uppercase;font-size:16px;margin-bottom:8px}
.gcard p{font-size:14px}
@media(max-width:980px){.gcard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gcard-grid{grid-template-columns:1fr}}

.gstruct-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-top:clamp(30px,4vw,46px);align-items:stretch}
.gstruct-list{display:flex;flex-direction:column;gap:20px}
.gcard-h{background:#fff;border-radius:16px;padding:26px 30px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 8px 24px rgba(20,20,16,.05);transition:.2s}
.gcard-h:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,20,16,.09)}
.gcard-h .gi{width:56px;height:56px;border-radius:10px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;flex:none;padding:11px}
.gcard-h .gi img{width:100%;height:100%;object-fit:contain}
.gcard-h .gt h4{font-family:"Archivo";text-transform:none;font-size:18.5px;color:var(--dark);margin-bottom:8px}
.gcard-h .gt p{font-size:14.5px;color:var(--body)}
.gstruct-photo-side{border-radius:16px;overflow:hidden;min-height:100%}
.gstruct-photo-side img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:980px){.gstruct-wrap{grid-template-columns:1fr}.gstruct-photo-side{aspect-ratio:16/10}}

.gstruct-photo{margin-top:46px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,20,16,.06)}
.gstruct-photo img{width:100%;display:block}

.stake-list{display:flex;flex-direction:column;gap:24px;margin-top:44px}
.stake-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;align-items:center;gap:40px;box-shadow:0 8px 24px rgba(20,20,16,.04);transition:.2s}
.stake-row:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,20,16,.09)}
.stake-row .sr-photo{flex:none;width:320px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--bg-2)}
.stake-row .sr-photo img{width:100%;height:100%;object-fit:cover;display:block}
.stake-row .sr-body{flex:1}
.stake-row .sr-body .gn{font-family:"Archivo";font-size:11.5px;letter-spacing:.1em;color:var(--amber-d);text-transform:uppercase;font-weight:700}
.stake-row .sr-body h4{font-family:"Archivo";text-transform:none;font-size:24px;color:var(--dark);margin-top:6px}
.stake-row .sr-body p{font-size:15px;margin-top:12px;max-width:820px}
.stake-row.rev{flex-direction:row-reverse}
.stake-row.blue{background:var(--dark);border-color:var(--dark)}
.stake-row.blue .sr-body .gn{color:#a9c7ea}
.stake-row.blue .sr-body h4{color:#fff}
.stake-row.blue .sr-body p{color:#dbe6f2}
@media(max-width:760px){.stake-row{flex-direction:column;align-items:stretch;gap:20px}.stake-row.rev{flex-direction:column}.stake-row .sr-photo{width:100%}}

.comp-wrap{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
.comp-wrap .c-photo{border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,20,16,.06)}
.comp-wrap .c-photo img{width:100%;display:block}
@media(max-width:860px){.comp-wrap{grid-template-columns:1fr;gap:28px}.comp-wrap .c-photo{order:-1}}
/* keep dark-blue sections clear of the light page background */
.section.blue .sec-head.c p{color:#c9d9ec}
.section.blue .eyebrow.c{color:var(--amber)}