/* Original SURE-GHANA photography — accessible, animated image story */
.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:44px}
.hero-showcase{position:relative;width:100%;min-width:0;filter:drop-shadow(0 33px 45px rgba(0,28,20,.24))}
.showcase-viewport{height:480px;position:relative;border-radius:19px 19px 0 0;overflow:hidden;isolation:isolate;background:#173a2b;outline-offset:5px}
.showcase-slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity 1.35s cubic-bezier(.2,.6,.3,1)}
.showcase-slide.is-active{opacity:1;z-index:2}
.showcase-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05);transform:scale(1.025);transition:transform 6.5s ease-out}
.showcase-slide.is-active img{transform:scale(1.10)}
.showcase-viewport:before{position:absolute;inset:0;border:1px solid rgba(255,255,255,.27);border-radius:19px 19px 0 0;z-index:5;content:'';pointer-events:none}
.showcase-shade{position:absolute;inset:15% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0) 2%,rgba(0,20,10,.07) 35%,rgba(0,24,17,.88) 100%);z-index:3;pointer-events:none}
.showcase-label{z-index:4;position:absolute;left:25px;top:25px;display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid rgba(255,255,255,.42);background:rgba(5,33,21,.38);backdrop-filter:blur(9px);font-weight:800;font-size:10px;letter-spacing:.16em;border-radius:30px}
.live-light{height:7px;width:7px;background:#bfea94;border-radius:50%;box-shadow:0 0 0 4px rgba(191,234,148,.18)}
.showcase-caption{position:absolute;z-index:4;left:32px;right:26px;bottom:28px;color:#fff}
.showcase-caption>span{color:#cfe8b1;font-weight:800;letter-spacing:.15em;font-size:11px}
.showcase-caption h2{margin:10px 0 3px;color:#fff;line-height:1.1;font-size:clamp(25px,2.8vw,39px);letter-spacing:-1.3px;max-width:460px}
.showcase-caption p{font-size:13px;color:#deeee1;margin:9px 0 0}
.showcase-panel{border-radius:0 0 19px 19px;background:#ebf3df;color:#163d2d;padding:0 23px 11px}
.showcase-progress{height:3px;background:#cddfc6;position:relative;top:0;overflow:hidden}
.showcase-progress span{display:block;height:100%;width:0%;background:#178e5b;transition:width .14s linear}
.showcase-foot{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.14em;font-weight:800}
.foot-slash{padding:0 5px;color:#8b9e8b}
.showcase-controls{display:flex;align-items:center;gap:6px}
.showcase-controls button{border:1px solid #bcd3ba;width:39px;height:34px;display:inline-grid;place-items:center;color:#084531;background:#fff;border-radius:8px;font-size:16px;font-weight:700;transition:background .2s,transform .2s}
.showcase-controls button:hover,.showcase-controls button:focus-visible{background:#bde5b4;transform:translateY(-1px)}
.showcase-controls button:focus-visible{outline:3px solid #2a954e;outline-offset:2px}
.showcase-stamp{position:absolute;top:-18px;right:-10px;z-index:10;background:#def0ad;color:#0e4c36;padding:10px 14px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 25px #052c1c30;transform:rotate(3deg)}
.showcase-stamp span{font-size:15px;margin-left:7px}
.photo-journal{background:#fff}
.journal-heading-right{max-width:405px}.journal-heading-right p{color:var(--muted);font-size:14px;line-height:1.8}.journal-heading-right .textlink{display:inline-block;margin-top:7px;color:#06643f;font-size:12px;font-weight:800}
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:230px 230px;gap:14px}
.journal-tile{border-radius:14px;overflow:hidden;position:relative;background:#102b20;display:block;isolation:isolate}
.journal-large{grid-column:span 2;grid-row:span 2}
.journal-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.15,.8,.2,1),filter .4s;filter:saturate(.91)}
.journal-tile:hover img,.journal-tile:focus-visible img{transform:scale(1.08);filter:saturate(1.06)}
.journal-tile:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,rgba(0,27,17,.92) 0%,rgba(0,26,17,.24) 48%,transparent 75%);pointer-events:none}
.journal-tile-overlay{position:absolute;bottom:18px;left:19px;right:16px;color:white;z-index:2;display:grid;gap:4px}
.journal-tile-overlay small{color:#d1ecb8;font-size:10px;letter-spacing:.13em;font-weight:800}
.journal-tile-overlay strong{font-size:17px;line-height:1.2;letter-spacing:-.5px}
.journal-large .journal-tile-overlay{left:29px;bottom:27px;gap:8px}
.journal-large .journal-tile-overlay strong{font-size:clamp(24px,2.4vw,34px);max-width:310px}
.journal-tile-overlay>span{font-size:12px;font-weight:700;color:#c6e2c9}
.journal-note{font-size:12px;color:#7c8c7f;margin:15px 0 0}
.social-action-pair{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.newsroom-social .social-action-pair .btn-outline{border-color:#bbd5c7;color:#f8fff5}
@media(max-width:1150px){.hero-grid{gap:24px}.showcase-viewport{height:440px}}
@media(max-width:950px){.hero-grid{gap:14px}.showcase-viewport{height:390px}.journal-grid{grid-template-rows:200px 200px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:28px;padding-bottom:34px}.hero-showcase{max-width:600px;margin:0 auto}.showcase-viewport{height:420px}.hero-foot{margin-top:24px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 180px 180px}.journal-large{grid-column:span 2;grid-row:span 1}.journal-heading{display:block}.journal-heading-right{margin-top:16px}.social-action-pair{width:100%}}
@media(max-width:490px){.showcase-viewport{height:360px}.showcase-caption{left:19px;bottom:22px;right:18px}.showcase-caption h2{font-size:29px}.showcase-label{left:14px;top:16px;font-size:9px}.showcase-panel{padding:0 12px 8px}.showcase-foot{font-size:8px;letter-spacing:.1em}.showcase-controls button{width:32px;height:31px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:230px 175px 175px;gap:9px}.journal-tile-overlay{left:10px;bottom:12px;right:8px}.journal-tile-overlay strong{font-size:14px}.journal-large .journal-tile-overlay strong{font-size:24px}.journal-tile-overlay small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-slide img,.journal-tile img{transition:none!important;transform:none!important}}