/* Win Africa - calm editorial system */
:root{
  --paper:#F7F5F2; --white:#FFFFFF; --ink:#111111; --ink2:#2A2A2A; --muted:#6B6B6B; --rule:#DAD6CF; --surface:#EFECE7; --accent:#1F3A5F;
  --radius:14px; --radius-sm:10px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:72px;
  --container:1200px;
  --font-serif:"IBM Plex Serif","Source Serif 4",Georgia,serif;
  --font-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --font-body:var(--font-sans);
  --lh-body:1.65;
  --shadow:0 1px 0 rgba(17,17,17,0.06);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-body);line-height:var(--lh-body);color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
p{margin:0 0 var(--space-4) 0;}
h1,h2,h3{margin:0 0 var(--space-3) 0;letter-spacing:-0.01em;}
h1{font-family:var(--font-serif);font-size:clamp(2rem,3vw,3rem);line-height:1.12;}
h2{font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;}
h3{font-family:var(--font-sans);font-weight:600;font-size:1.05rem;line-height:1.25;}
small,.muted{color:var(--muted);}
hr{border:0;border-top:1px solid var(--rule);margin:var(--space-6) 0;}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:var(--space-4);top:var(--space-4);width:auto;height:auto;background:var(--white);padding:var(--space-3) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-sm);z-index:9999;}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5);}
.section{padding:var(--space-8) 0;}
.section.surface{background:var(--surface);}
.stack>*+*{margin-top:var(--space-4);}
.stack-lg>*+*{margin-top:var(--space-6);}
.header{position:sticky;top:0;background:rgba(247,245,242,0.92);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--rule);z-index:1000;}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:var(--space-5);}
.brand{font-family:var(--font-sans);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:0.85rem;text-decoration:none;}
.nav{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;}
.nav a{text-decoration:none;font-size:0.95rem;color:var(--ink2);}
.nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;}
.nav a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid var(--rule);background:transparent;text-decoration:none;font-weight:600;font-size:0.95rem;}
.btn.primary{background:var(--accent);color:var(--white);border-color:var(--accent);}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.kicker{font-weight:600;letter-spacing:0.08em;text-transform:uppercase;font-size:0.8rem;color:var(--muted);}
.hero{padding:var(--space-8) 0;}
.hero-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-7);align-items:end;}
.hero-art{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.hero-art .caption{padding:var(--space-4);border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:var(--space-4);font-size:0.95rem;}
.hero-copy p{color:var(--ink2);font-size:1.05rem;}
.grid{display:grid;gap:var(--space-5);}
.grid.cards-3{grid-template-columns:repeat(3,1fr);}
.grid.cards-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:var(--space-5);}.grid.cards-4{grid-template-columns:repeat(2,1fr);}.grid.cards-3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.container{padding:0 var(--space-4);}.grid.cards-4,.grid.cards-3{grid-template-columns:1fr;}.nav{display:none;}}
.card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;}
.card-media{aspect-ratio:4/3;background:var(--surface);}
.card-media img{width:100%;height:100%;object-fit:cover;}
.card-body{padding:var(--space-4);}
.card-title{font-family:var(--font-serif);font-size:1.15rem;line-height:1.2;margin-bottom:6px;}
.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:0.9rem;}
.card:hover{border-color:#c8c3bb;}
.card:hover .card-title{text-decoration:underline;text-underline-offset:6px;}
.two-col{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--space-7);}
@media (max-width:980px){.two-col{grid-template-columns:1fr;gap:var(--space-5);}}
.reader{max-width:75ch;}
.reader .lede{font-size:1.15rem;color:var(--ink2);}
.reader h2{margin-top:var(--space-6);}
.reader blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:3px solid var(--rule);color:var(--ink2);font-family:var(--font-serif);font-size:1.2rem;}
.filters{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;}
.filter{display:flex;flex-direction:column;gap:6px;}
select,input,textarea{padding:12px 12px;border-radius:12px;border:1px solid var(--rule);background:var(--white);font:inherit;}
label{font-weight:600;font-size:0.9rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);}
@media (max-width:700px){.form-row{grid-template-columns:1fr;}}
.drawer-btn{display:none;}
@media (max-width:640px){.drawer-btn{display:inline-flex;}}
.drawer{position:fixed;inset:0;background:rgba(17,17,17,0.35);display:none;}
.drawer[aria-hidden="false"]{display:block;}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(420px,92vw);background:var(--paper);border-left:1px solid var(--rule);padding:var(--space-6) var(--space-5);}
.drawer-panel header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);}
.footer{border-top:1px solid var(--rule);padding:var(--space-7) 0;}
.footer-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-7);}
.footer a{text-decoration:none;color:var(--ink2);}
.footer a:hover{text-decoration:underline;text-underline-offset:6px;}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);}
@media (max-width:980px){.footer-grid{grid-template-columns:1fr;}}
.fade{opacity:0;transform:translateY(8px);transition:opacity 220ms ease-out,transform 220ms ease-out;}
.fade.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.btn:hover{transform:none;}.fade{opacity:1;transform:none;transition:none;}}