:root{--ink:#080806;--paper:#d5d6d3;--gold:#b51522;--muted:#aaa596;--line:rgba(242,238,228,.2);--pad:clamp(22px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.ok-home{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.ok-home.admin-bar .nav{top:32px}.ok-home a{color:inherit;text-decoration:none}.ok-home img{display:block;max-width:100%}.skip{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--paper);color:var(--ink)!important;padding:12px 18px}.skip:focus{top:16px}.nav{position:fixed;z-index:100;inset:0 0 auto;height:94px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:.35s}.nav.scrolled{height:70px;background:rgba(8,8,6,.92);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff1f}.mark{font:22px Georgia,serif;border:1px solid #ffffff8c;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.nav nav{display:flex;gap:clamp(18px,2.4vw,42px);align-items:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.pill{border:1px solid #ffffff73;border-radius:99px;padding:12px 18px}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.hero-img,.shade{position:absolute;inset:0;width:100%;height:100%}.hero-img{object-fit:cover;object-position:center 26%;z-index:-2;animation:hero 14s ease-out both}.shade{z-index:-1;background:linear-gradient(90deg,#000c 0%,#0005 52%,#0001 80%),linear-gradient(0deg,#000c,transparent 58%)}.hero-copy{padding:150px var(--pad) clamp(94px,12vh,140px);max-width:1120px}.eyebrow,.kicker{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero h1{margin:18px 0 22px;font:400 clamp(64px,10.6vw,172px)/.82 Georgia,serif;letter-spacing:-.055em}.hero h1 i,.hero h1 span{display:block}.hero h1 i{font-size:.43em;letter-spacing:-.02em;margin-bottom:.22em}.lede{max-width:650px;font:clamp(20px,2.2vw,34px)/1.25 Georgia,serif}.actions{display:flex;gap:26px;margin-top:36px}.actions a{border-bottom:1px solid #ffffffa6;padding:10px 0;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.scroll{position:absolute;right:var(--pad);bottom:40px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.section{padding:clamp(90px,13vw,190px) var(--pad)}.mission,.publications,.watch{background:var(--paper);color:var(--ink)}.mission-grid{display:grid;grid-template-columns:1.6fr .65fr;gap:clamp(40px,8vw,140px);align-items:end;margin:44px 0 85px}.mission h2,.section-head h2,.impact-title h2{font:400 clamp(44px,6.7vw,104px)/.98 Georgia,serif;letter-spacing:-.05em;margin:0}.mission-copy p{font:clamp(18px,1.65vw,25px)/1.5 Georgia,serif;margin:0 0 32px}.text-link{display:inline-block;padding-bottom:7px;border-bottom:1px solid;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.wide{margin:0;height:min(68vw,780px);overflow:hidden}.wide img{width:100%;height:118%;object-fit:cover;object-position:center 30%}.fields{height:600vh;background:#11110e}.fields-sticky{position:sticky;top:0;height:100vh;overflow:hidden;padding-top:100px}.fields-head{display:flex;justify-content:space-between;padding:0 var(--pad) 28px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.track{height:calc(100vh - 140px);display:flex;gap:4vw;padding:9vh var(--pad);width:max-content;will-change:transform}.field{width:min(70vw,740px);display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto 1fr auto;border-left:1px solid var(--line);padding:0 4vw 24px}.field>b{color:var(--gold);font-size:11px}.field h2{grid-column:1/3;align-self:center;font:400 clamp(58px,8vw,128px)/.92 Georgia,serif;letter-spacing:-.05em;margin:0}.field p{grid-column:2;max-width:480px;color:#cbc7bb;font:clamp(17px,1.5vw,23px)/1.5 Georgia,serif}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:clamp(54px,8vw,100px)}.section-head .kicker,.impact-title .kicker{margin:0 0 16px}.pub{display:grid;grid-template-columns:100px 1fr 44px;gap:24px;align-items:center;border-top:1px solid #08080640;padding:30px 0;transition:.25s}.pub:last-child{border-bottom:1px solid #08080640}.pub:hover{padding-inline:20px;background:#b515221f}.pub span{font-size:12px;letter-spacing:.15em}.pub h3{font:400 clamp(24px,3vw,45px)/1.12 Georgia,serif;margin:0}.quote{position:relative;min-height:92vh;display:grid;place-items:center;isolation:isolate;overflow:hidden}.quote:after{content:'';position:absolute;inset:0;background:#0008;z-index:-1}.quote>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2}.quote blockquote{max-width:1100px;padding:var(--pad);text-align:center}.quote p{font:italic 400 clamp(40px,6.5vw,96px)/1.08 Georgia,serif;letter-spacing:-.035em}.quote cite{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.ecosystem{background:#11110e}.worlds{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-width:1px 0 0 1px}.world{min-height:360px;padding:38px;display:flex;flex-direction:column;border:1px solid var(--line);border-width:0 1px 1px 0;transition:.3s}.world:hover{background:var(--gold);color:var(--ink)}.world>b{color:var(--muted);font-size:11px}.world h3{font:400 clamp(38px,4.7vw,74px)/1 Georgia,serif;letter-spacing:-.04em;margin:auto 0 20px}.world p{max-width:420px;font:18px/1.45 Georgia,serif}.world i{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.watch{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:clamp(50px,8vw,130px)}.watch h2{font:400 clamp(58px,7.5vw,118px)/.9 Georgia,serif;letter-spacing:-.055em;margin:20px 0 30px}.watch-copy>p:not(.kicker){font:21px/1.5 Georgia,serif}.actions.dark a{border-color:#08080680}.watch-frame{position:relative;height:min(62vw,760px);overflow:hidden}.watch-frame img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:1s}.watch-frame:hover img{transform:scale(1.035)}.watch-frame span{position:absolute;right:32px;bottom:32px;width:112px;height:112px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.impact{background:#0a0a08}.impact-title{max-width:980px;margin-bottom:100px}.timeline{margin-left:clamp(0px,16vw,260px)}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:30px 0;border-top:1px solid var(--line)}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline time{color:var(--gold);font-size:12px}.timeline h3{font:400 clamp(22px,2.8vw,42px)/1.15 Georgia,serif;margin:0}.impact>.text-link{margin:52px 0 0 clamp(0px,16vw,260px)}.closing{min-height:86vh;background:var(--gold);color:var(--ink);display:grid;place-items:center;padding:var(--pad);text-align:center}.closing p{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.closing h2{font:400 clamp(58px,9vw,144px)/.86 Georgia,serif;letter-spacing:-.06em;max-width:1200px;margin:40px auto 70px}.closing a{display:inline-block;border:1px solid #08080699;border-radius:99px;padding:20px 30px;text-transform:uppercase;font-size:11px;letter-spacing:.16em}footer{padding:50px var(--pad);display:grid;grid-template-columns:1fr auto;gap:35px;border-top:1px solid var(--line);background:var(--ink)}footer>div{display:flex;flex-direction:column;gap:7px}footer strong{font:22px Georgia,serif}footer span,footer small{color:var(--muted);font-size:11px}footer nav{display:flex;gap:28px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}footer small{grid-column:1/-1}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s,transform .85s}.reveal.seen{opacity:1;transform:none}@keyframes hero{from{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:900px){.nav nav a:not(.pill){display:none}.mission-grid,.watch{grid-template-columns:1fr}.fields{height:auto}.fields-sticky{position:relative;height:auto;padding-bottom:70px}.track{height:auto;width:auto;display:grid;transform:none!important;padding:60px var(--pad);gap:70px}.field{width:auto;min-height:380px}.field p{grid-column:1/3}.worlds{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.timeline{margin-left:0}.impact>.text-link{margin-left:0}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:600px){body.ok-home.admin-bar .nav{top:46px}.hero h1{font-size:17vw}.actions{flex-direction:column;align-items:flex-start}.wide{height:110vw}.pub{grid-template-columns:1fr 25px}.pub span{grid-column:1/-1}.world{min-height:310px}.watch-frame{height:120vw}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-img{animation:none}}body.ok-home #main{position:relative!important;left:auto!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;transform:none!important}body.ok-home>footer{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important;float:none!important;z-index:1!important}body.ok-home .hero{margin:0!important;width:100%!important;max-width:none!important}body.ok-home .nav{margin:0!important;width:100%!important;max-width:none!important}html{overflow-x:clip!important}body.ok-home{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:100%!important;overflow-x:clip!important;overflow-y:visible!important}body.ok-home #main{overflow:visible!important}
/* Consolidated awards chronology */
.recognition{position:relative;overflow:hidden;background:#0a0a08;color:var(--paper)}
.recognition:before{content:"";position:absolute;right:-12vw;top:-10vw;width:clamp(360px,46vw,760px);aspect-ratio:1;background:url("adinkra-gye-nyame.svg") center/contain no-repeat;filter:invert(1);opacity:.035;pointer-events:none}
.recognition-head{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(40px,8vw,130px);align-items:end;margin-bottom:clamp(55px,8vw,105px)}
.recognition-head h2{max-width:10ch;margin:.45rem 0 0;font:400 clamp(56px,8vw,126px)/.88 Georgia,serif;letter-spacing:-.055em}
.recognition-head>p{margin:0;padding:1rem 0 1rem 1.35rem;border-left:7px solid var(--gold);font:clamp(18px,1.7vw,25px)/1.5 Georgia,serif}
.award-list{position:relative;border-top:1px solid var(--line)}
.award{display:grid;grid-template-columns:110px minmax(260px,.72fr) minmax(380px,1.28fr);gap:clamp(24px,4vw,70px);align-items:center;padding:clamp(30px,4vw,58px) 0;border-bottom:1px solid var(--line)}
.award:not(.has-video){grid-template-columns:110px 1fr;min-height:180px}
.award time{align-self:start;padding-top:.45rem;color:#ef2437;font-size:12px;font-weight:800;letter-spacing:.12em}
.award h3{max-width:18ch;margin:0;font:400 clamp(28px,3.4vw,54px)/1.04 Georgia,serif;letter-spacing:-.035em}
.award-copy p{margin:1rem 0 0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.award-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border-top:7px solid var(--gold);box-shadow:0 18px 54px #0008}
.award:nth-child(3n) .award-video{border-top-color:var(--ok-green,#07552d)}
.award-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.recognition-links{display:flex;gap:34px;flex-wrap:wrap;margin-top:50px}
@media(max-width:960px){.recognition-head{grid-template-columns:1fr}.award,.award:not(.has-video){grid-template-columns:90px 1fr}.award-video{grid-column:2}}
@media(max-width:620px){.award,.award:not(.has-video){grid-template-columns:1fr}.award time,.award-video{grid-column:1}.award:not(.has-video){min-height:0}.recognition-head h2{font-size:15vw}}

/* Exact supplied cartouche logo */
.ok-home .mark{width:clamp(108px,10vw,150px);height:auto;border:0;border-radius:0;display:block;line-height:0;flex:0 0 auto}
.ok-home .mark img{display:block;width:100%;height:auto;max-height:55px;object-fit:contain;filter:none}
@media(max-width:760px){.ok-home .mark{width:104px}.ok-home .mark img{max-height:42px}}

/* Construct the dotted O from the display-font O so its shape and weight match the name. */
.hero h1 .hero-name{display:block;text-transform:uppercase}
.hero h1 .hero-odot{position:relative;display:inline-block;padding-bottom:.07em;margin-bottom:-.07em}
.hero h1 .hero-odot:after{content:"";position:absolute;left:50%;bottom:-.025em;width:.075em;height:.075em;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.award-video img{width:100%;height:100%;object-fit:cover;object-position:38% 18%}

/* High-contrast navigation after leaving the hero. */
.ok-home .nav.scrolled{background:rgba(255,255,255,.97);color:#080806;border-bottom:1px solid rgba(8,8,6,.18);box-shadow:0 10px 30px rgba(8,8,6,.12)}
.ok-home .nav.scrolled .pill{color:#080806;border-color:rgba(8,8,6,.48)}