/*
Theme Name: JOPARE Media
Version: 1.0.0
Text Domain: jopare-media
*/

:root{--red:#df292e;--paper:#ffffff;--ink:#141719}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.notice{background:#272b2d;color:#ddd;text-align:center;padding:6px;font-size:11px;letter-spacing:1px}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9c6bd}.brand{display:flex;align-items:center;gap:18px;font-weight:900;font-size:28px;letter-spacing:-1px;flex-shrink:0}.brand img{width:82px;height:50px;object-fit:contain}nav{display:flex;gap:27px;font-size:12px;font-weight:bold}.button{display:inline-block;padding:13px 21px;background:var(--red);color:white;font-size:12px;font-weight:bold;letter-spacing:.6px}.wrap{max-width:1440px;margin:auto}.intro{padding:52px 5% 32px;display:flex;align-items:end;justify-content:space-between;gap:30px}.kicker{text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--red)}h1{font:clamp(45px,6vw,88px)/.98 Georgia,serif;letter-spacing:-3px;margin:15px 0 0}h2{font:42px/1.08 Georgia,serif;margin:10px 0 20px}h3{font:28px/1.15 Georgia,serif;margin:10px 0 18px}.intro p{max-width:330px;color:#626260}.lead{margin:0 5% 55px;display:grid;grid-template-columns:1.65fr 1fr;background:#111d24;color:white}.feature{min-height:410px;padding:45px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(ellipse at 85% 20%,#496273 0,transparent 55%),linear-gradient(140deg,#111a22,#233b46)}.feature:before{content:'';position:absolute;inset:12px 0 12px 22%;background:url('assets/africa-silhouette.svg') center/contain no-repeat;opacity:.3;mix-blend-mode:screen;pointer-events:none}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,28,36,.9),rgba(10,28,36,.15) 85%);pointer-events:none}.feature>*{position:relative;z-index:1}.feature h2{font-size:clamp(35px,4vw,57px);max-width:560px}.feature p{max-width:460px;color:#cbd0d1}.feature a{margin-top:15px;font-size:12px;font-weight:bold}.lead-side{border-left:1px solid #ffffff25;padding:33px}.lead-side article{padding:18px 0;border-bottom:1px solid #ffffff25}.lead-side p{color:#b8c0c4;font-size:14px}.number{font-size:11px;letter-spacing:2px;color:#a0abb0}.section{padding:55px 5%;border-top:1px solid #c9c6bd}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-heading p{max-width:370px;color:#656765}.channels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel{padding:34px;background:#16232d;color:white;min-height:300px;display:flex;flex-direction:column;align-items:start}.channel.warrior{background:#31291f}.channel img{height:95px;width:240px;object-fit:contain;object-position:left center;margin-bottom:20px}.channel p{max-width:450px;color:#d2d0cd}.channel a{border-bottom:1px solid #bfb5a3;padding-bottom:7px;font-size:12px;letter-spacing:1px;margin-top:auto}.production{background:#17191b;color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:65px 5%}.production h2{font-size:54px}.production p{color:#b7b9b9;max-width:410px}.services{display:grid;grid-template-columns:1fr 1fr;gap:25px}.services article{border-top:1px solid #5c5e60;padding-top:18px}.services h3{font-size:25px}.services p{font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about img{width:100%;display:block}.about p{max-width:510px;color:#626260}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#ffffff}.contact h2{margin-bottom:0}footer{background:#111719;color:#bec2c3;padding:30px 5%;display:flex;justify-content:space-between;font-size:12px}.note{font-size:11px;color:#777;margin-top:20px}@media(max-width:760px){header{align-items:start;gap:25px;flex-direction:column}nav{flex-wrap:wrap;gap:18px}.intro,.section-heading,.contact{display:block}.lead,.channels,.production,.about{grid-template-columns:1fr}.lead-side{border-left:0}.feature{padding:28px;min-height:380px}.production{gap:25px}.production h2{font-size:42px}h1{letter-spacing:-2px}.section{padding:35px 5%}.contact .button{margin-top:25px}footer{gap:20px;flex-wrap:wrap}}


.section-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.section-brand img{width:52px;height:30px;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:12px;color:white;font-weight:700;letter-spacing:1px}.footer-brand img{width:54px;height:32px;object-fit:contain}.article-channel-brand{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ddd;padding:20px 24px;margin-bottom:25px;background:#16232d;color:#fff}.article-channel-brand img{width:180px;height:78px;object-fit:contain;object-position:left}.article-channel-brand span{font:11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}@media(max-width:600px){.article-channel-brand{flex-wrap:wrap;gap:12px}}

.production>.section-brand,.about>.section-brand{grid-column:1/-1;margin-bottom:0}.production,.about{row-gap:28px}

#production{background-color:#080c10;background-image:linear-gradient(90deg,rgba(5,9,13,.76),rgba(5,9,13,.46)),url('assets/production-sony-fx3.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
#production h2,#production h3{color:#fff;text-shadow:0 2px 16px #0008}
#production p{color:#e0e3e5}
#production .number{color:#c4cbd0}
#production .services article{border-color:#ffffff45}
@media(max-width:760px){#production{background-image:linear-gradient(rgba(5,9,13,.62),rgba(5,9,13,.85)),url('assets/production-sony-fx3.jpg');background-position:65% top}}


:root{--red:#df292e;--paper:#ffffff;--ink:#141719}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.notice{background:#272b2d;color:#ddd;text-align:center;padding:6px;font-size:11px;letter-spacing:1px}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9c6bd}.brand{display:flex;align-items:center;gap:18px;font-weight:900;font-size:28px;letter-spacing:-1px;flex-shrink:0}.brand img{width:82px;height:50px;object-fit:contain}nav{display:flex;gap:27px;font-size:12px;font-weight:bold}.button{display:inline-block;padding:13px 21px;background:var(--red);color:white;font-size:12px;font-weight:bold;letter-spacing:.6px}.wrap{max-width:1440px;margin:auto}.intro{padding:52px 5% 32px;display:flex;align-items:end;justify-content:space-between;gap:30px}.kicker{text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--red)}h1{font:clamp(45px,6vw,88px)/.98 Georgia,serif;letter-spacing:-3px;margin:15px 0 0}h2{font:42px/1.08 Georgia,serif;margin:10px 0 20px}h3{font:28px/1.15 Georgia,serif;margin:10px 0 18px}.intro p{max-width:330px;color:#626260}.lead{margin:0 5% 55px;display:grid;grid-template-columns:1.65fr 1fr;background:#111d24;color:white}.feature{min-height:410px;padding:45px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(ellipse at 85% 20%,#496273 0,transparent 55%),linear-gradient(140deg,#111a22,#233b46)}.feature:before{content:'AFRICA';position:absolute;top:45px;right:-10px;font:bold clamp(65px,10vw,155px) Arial;letter-spacing:-8px;color:#ffffff09}.feature h2{font-size:clamp(35px,4vw,57px);max-width:560px}.feature p{max-width:460px;color:#cbd0d1}.feature a{margin-top:15px;font-size:12px;font-weight:bold}.lead-side{border-left:1px solid #ffffff25;padding:33px}.lead-side article{padding:18px 0;border-bottom:1px solid #ffffff25}.lead-side p{color:#b8c0c4;font-size:14px}.number{font-size:11px;letter-spacing:2px;color:#a0abb0}.section{padding:55px 5%;border-top:1px solid #c9c6bd}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-heading p{max-width:370px;color:#656765}.channels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel{padding:34px;background:#16232d;color:white;min-height:300px;display:flex;flex-direction:column;align-items:start}.channel.warrior{background:#31291f}.channel img{height:95px;width:240px;object-fit:contain;object-position:left center;margin-bottom:20px}.channel p{max-width:450px;color:#d2d0cd}.channel a{border-bottom:1px solid #bfb5a3;padding-bottom:7px;font-size:12px;letter-spacing:1px;margin-top:auto}.production{background:#17191b;color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:65px 5%}.production h2{font-size:54px}.production p{color:#b7b9b9;max-width:410px}.services{display:grid;grid-template-columns:1fr 1fr;gap:25px}.services article{border-top:1px solid #5c5e60;padding-top:18px}.services h3{font-size:25px}.services p{font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about img{width:100%;display:block}.about p{max-width:510px;color:#626260}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#ffffff}.contact h2{margin-bottom:0}footer{background:#111719;color:#bec2c3;padding:30px 5%;display:flex;justify-content:space-between;font-size:12px}.note{font-size:11px;color:#777;margin-top:20px}@media(max-width:760px){header{align-items:start;gap:25px;flex-direction:column}nav{flex-wrap:wrap;gap:18px}.intro,.section-heading,.contact{display:block}.lead,.channels,.production,.about{grid-template-columns:1fr}.lead-side{border-left:0}.feature{padding:28px;min-height:380px}.production{gap:25px}.production h2{font-size:42px}h1{letter-spacing:-2px}.section{padding:35px 5%}.contact .button{margin-top:25px}footer{gap:20px;flex-wrap:wrap}}


.section-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.section-brand img{width:52px;height:30px;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:12px;color:white;font-weight:700;letter-spacing:1px}.footer-brand img{width:54px;height:32px;object-fit:contain}.article-channel-brand{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ddd;padding:20px 24px;margin-bottom:25px;background:#16232d;color:#fff}.article-channel-brand img{width:180px;height:78px;object-fit:contain;object-position:left}.article-channel-brand span{font:11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}@media(max-width:600px){.article-channel-brand{flex-wrap:wrap;gap:12px}}

.channel-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:40px}.channel-introduction h2{font-size:clamp(30px,3.5vw,48px)}.channel-introduction p{color:#626260;max-width:390px}.channel-introduction a{border-bottom:1px solid #df292e;padding-bottom:4px}@media(max-width:760px){.channel-introduction{grid-template-columns:1fr;gap:24px}}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.video-card{border-bottom:1px solid #ddd;padding-bottom:25px}.video-card[hidden]{display:none}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.video-grid{grid-template-columns:1fr}}
/* Shared editorial reading layout */
.article-copy{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8;column-count:2;column-gap:3rem;column-rule:1px solid #e5e5e5}
.article-copy p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;orphans:3;widows:3;margin:0 0 1.2em}
.article-copy h2,.article-copy h3{font-family:Arial,Helvetica,sans-serif;text-align:left;break-after:avoid;line-height:1.3;letter-spacing:normal}
.article-copy figure{column-span:none;width:100%;max-width:none;margin:0 0 1.25rem;break-inside:avoid;background:transparent;border:0;padding:0;box-shadow:none}
.article-copy figure img{display:block;width:100%;height:auto;object-fit:contain;background:transparent;border:0;box-shadow:none}
.article-copy figcaption{font:13px/1.5 Arial,Helvetica,sans-serif;color:#626260;margin-top:10px;text-align:left}
@media(max-width:760px){.article-copy{column-count:1;font-size:17px}.article-copy p{text-align:left}.article-copy figure{margin:0 0 1.25rem}}

/* Shared site typography: softer body copy and compact subtitles. */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
p, main li, .article-copy { color: #595959; font-weight: 300; }
.article-copy { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2 { font-size: 32px !important; line-height: 1.25; }
h3, .services h3 { font-size: 22px !important; line-height: 1.3; }
.article-copy h2, .article-watch-intro h2, .article-watch-end h2 { font-size: 24px !important; color: #292d30; }
.article-copy h3 { font-size: 20px !important; color: #292d30; }
/* Light grey copy keeps contrast on the site's dark panels. */
.feature p, .lead-side p, .channel p, .production p, footer p { color: #c5c9cc; }
.notice { color: #ddd; }
@media (max-width: 760px) {
 h2 { font-size: 27px !important; }
 h3, .services h3 { font-size: 20px !important; }
 .article-copy h2, .article-watch-intro h2, .article-watch-end h2 { font-size: 22px !important; }
 .article-copy h3 { font-size: 19px !important; }
}

.documentary-episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}
@media(max-width:760px){.documentary-episodes{grid-template-columns:1fr}}

.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.video-card{min-width:0}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card h3{font-size:23px}.channel-introduction{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center}.article-page{max-width:1000px;margin:auto}.article-page h1{font-size:clamp(32px,4vw,58px);letter-spacing:-1px}.episode{display:block;width:100%;aspect-ratio:16/9;border:0;margin:32px 0}.pagination{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:760px){.video-grid{grid-template-columns:1fr}.channel-introduction{grid-template-columns:1fr}header .brand{font-size:24px}.article-page{padding:30px 5%}}