:root{--gold:#D4AF37;--black:#000;--orange:#F45D01;--gray:#EAEAEA;--txt:#111;--muted:#6b7280;--max:1200px}
*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--txt);background:#fff}
a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin-inline:auto;padding:0 20px}
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.9rem 1.25rem;border-radius:999px;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--gold);color:#000}.btn-outline{border-color:#111;color:#111}.btn-outline:hover{background:#111;color:#fff}.btn-primary:hover{filter:brightness(.95)}
.btn-light{background:#fff;color:#000;border:1px solid #e5e7eb}
header.site-header{position:sticky;top:0;z-index:30;background:rgba(0,0,0,.92);border-bottom:1px solid #1e1e1e;backdrop-filter:saturate(120%) blur(6px)}
header .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800}.brand .dot{color:var(--gold)}
nav.primary a{color:#d4d4d4;margin-left:1.25rem;font-size:.95rem}nav.primary a:hover{color:#fff}#menuToggle{display:none}#mobileNav{display:none}
.hero{position:relative;background:#000;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;opacity:.25}
.hero .inner{position:relative;padding:84px 0}.eyebrow{display:inline-flex;gap:.4rem;align-items:center;border:1px solid #3f3f46;border-radius:999px;padding:.25rem .55rem;color:#d4d4d8;font-size:.78rem;margin-bottom:12px}
h1{font-size:clamp(28px,5vw,48px);line-height:1.1;margin:0}.lead{color:#e5e7eb;max-width:720px;margin-top:10px}.lead.tagline{font-size:1.08em;opacity:.95}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
section{padding:72px 0}h2{font-size:clamp(22px,3.5vw,34px);margin:.2rem 0 .6rem}.muted{color:var(--muted)}
.grid{display:grid;gap:18px}@media (min-width:640px){.grid.sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.grid.lg-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #e5e7eb;border-radius:16px;padding:18px}.icon{width:44px;height:44px;border-radius:999px;background:#000;color:var(--gold);display:grid;place-items:center;margin-bottom:10px}
.why{background:rgba(212,175,55,.10)}.why-list{list-style:none;padding:0;margin:16px 0 0}.why-list li{display:flex;gap:.6rem;margin:.55rem 0}.check{color:var(--gold);font-weight:700}
.frame{border:1px solid #e5e7eb;border-radius:22px;overflow:hidden}.project{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}.project img{width:100%;height:220px;object-fit:cover;display:block}
.project figcaption{padding:14px;display:flex;align-items:center;justify-content:space-between}.quote{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
.band{background:var(--orange);color:#fff}.form{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff}.field{display:flex;flex-direction:column;gap:6px}
.input,textarea,select{border:1px solid #d1d5db;border-radius:12px;padding:.7rem .8rem;font:inherit}.input:focus,textarea:focus,select:focus{outline:2px solid var(--gold)}
footer.site-footer{background:#000;color:#c4c4c4}.footgrid{display:grid;gap:24px}@media (min-width:640px){.footgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footgrid{grid-template-columns:repeat(4,1fr)}}
.ft-title{color:#fff;font-weight:700;margin-bottom:10px}.copyright{border-top:1px solid #1f2937;text-align:center;color:#8c8c8c;padding:18px 0;font-size:.8rem}
.logo{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid #D4AF37;border-radius:50%}.africa{width:0;height:0;border-left:10px solid transparent;border-right:6px solid transparent;border-bottom:20px solid #D4AF37;transform:translateY(-2px) rotate(18deg)}
.cols{display:grid;gap:24px}@media (min-width:980px){.cols.two{grid-template-columns:1.1fr 1fr}}.pill{display:inline-block;border:1px solid #e5e7eb;border-radius:999px;padding:.3rem .6rem;font-size:.85rem;margin:.2rem}
@media (max-width:760px){nav.primary{display:none}#menuToggle{display:inline-flex}}