.ok-media-archive{position:relative;isolation:isolate;background-image:url('adinkra-mdw-ntr-pattern.svg');background-size:min(760px,90vw) auto;background-repeat:repeat;padding:clamp(80px,10vw,150px) var(--ok-pad);background-color:#d5d6d3;color:var(--ok-black)}
.ok-media-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(40px,8vw,130px);align-items:end;max-width:1500px;margin:0 auto clamp(55px,8vw,100px)}
.ok-media-intro h2{margin:.35rem 0 0;font-family:Impact,"Arial Narrow",Haettenschweiler,sans-serif;font-size:clamp(4.8rem,10vw,10rem);font-weight:500;line-height:.78;letter-spacing:-.025em;text-transform:uppercase}
.ok-media-intro h2 span{display:block}.ok-media-intro h2 span:first-child{color:var(--ok-red)}.ok-media-intro h2 span:last-child{color:var(--ok-green)}
.ok-media-intro>p{margin:0;padding:1rem 0 1rem 1.35rem;border-left:7px solid var(--ok-black);font:600 clamp(1.05rem,1.7vw,1.45rem)/1.5 Georgia,serif}
.ok-media-feature{position:relative;isolation:isolate;min-height:min(65vw,780px);max-width:1500px;margin:0 auto;overflow:hidden;background:#080908;color:#fff;cursor:pointer;box-shadow:0 24px 70px rgba(8,9,8,.28)}
.ok-media-feature>img,.ok-media-feature-shade{position:absolute;inset:0;width:100%;height:100%}.ok-media-feature>img{z-index:-2;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .8s}.ok-media-feature:hover>img{transform:scale(1.025)}
.ok-media-feature-shade{z-index:-1;background:linear-gradient(90deg,#000e 0%,#0005 62%,#0007),linear-gradient(0deg,#000d,transparent 65%)}
.ok-media-feature:before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,var(--ok-red) 0 33.333%,var(--ok-black) 33.333% 66.666%,var(--ok-green) 66.666%)}
.ok-media-feature-copy{position:absolute;left:clamp(24px,5vw,78px);bottom:clamp(28px,6vw,88px);max-width:min(820px,70%)}
.ok-media-feature-copy b,.ok-media-feature-copy p{font:700 .68rem/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.ok-media-feature-copy b{color:#ef2437}.ok-media-feature-copy p{margin:1rem 0;color:#ddd}
.ok-media-feature-copy h3{margin:0;font:500 clamp(2.5rem,5vw,5.8rem)/.95 Impact,"Arial Narrow",sans-serif;letter-spacing:-.015em;text-transform:uppercase}
.ok-media-play{position:absolute;right:clamp(24px,5vw,78px);bottom:clamp(28px,6vw,88px);display:grid;width:110px;height:110px;place-items:center;border-radius:50%;background:var(--ok-green);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transition:transform .25s}.ok-media-feature:hover .ok-media-play{transform:scale(1.07)}
.ok-media-networks{position:relative;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:clamp(35px,6vw,95px);max-width:1500px;margin:clamp(45px,6vw,80px) auto 0;padding:clamp(42px,6vw,82px);overflow:hidden;background:#080908;color:#fff;border:0;box-shadow:0 20px 55px rgba(8,9,8,.22)}
.ok-media-networks:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,var(--ok-red) 0 33.333%,#080908 33.333% 66.666%,var(--ok-green) 66.666%)}
.ok-media-networks>p{align-self:center;margin:0;font:500 clamp(4.4rem,7.5vw,8rem)/.78 Impact,"Arial Narrow",sans-serif;letter-spacing:-.02em;text-transform:uppercase}.ok-media-networks>p span{display:block}.ok-media-networks>p span:first-child{color:#fff}.ok-media-networks>p span:last-child{color:var(--ok-green)}
.ok-network-viewport{min-width:0;overflow:hidden;align-self:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ok-network-track{display:flex;width:max-content;gap:2px;animation:okNetworkScroll calc(var(--logo-count) * 2.8s) linear infinite;will-change:transform}.ok-network-viewport:hover .ok-network-track,.ok-network-viewport:focus-within .ok-network-track{animation-play-state:paused}
.ok-media-networks figure{flex:0 0 168px;height:98px;margin:0;padding:18px;display:grid;place-items:center;background:#d5d6d3}.ok-media-networks img{display:block;max-width:100%;max-height:64px;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply}
@keyframes okNetworkScroll{to{transform:translateX(calc(-50% - 1px))}}
.ok-media-tools{position:sticky;top:68px;z-index:30;display:grid;grid-template-columns:1fr minmax(240px,.55fr) auto;gap:18px;align-items:end;max-width:1500px;margin:clamp(65px,8vw,110px) auto 0;padding:18px;background:#080908;color:#fff;border-top:7px solid transparent;border-image:linear-gradient(90deg,var(--ok-red) 0 33.333%,#080908 33.333% 66.666%,var(--ok-green) 66.666%) 1;box-shadow:0 15px 35px rgba(8,9,8,.2)}
.ok-media-filters{display:flex;gap:7px;flex-wrap:wrap}.ok-media-filters button{padding:10px 13px;border:1px solid #ffffff45;border-radius:99px;background:transparent;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.ok-media-filters button.is-active{background:var(--ok-red);border-color:var(--ok-red)}
.ok-media-tools label span{display:block;margin-bottom:7px;color:#bfc1be;font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ok-media-tools input{width:100%;height:39px!important;padding:0 4px!important;border:0!important;border-bottom:1px solid #ffffff77!important;background:transparent!important;color:#fff!important;font:1rem Georgia,serif;outline:none}.ok-media-tools>p{margin:0;text-align:right;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.ok-media-tools>p strong{display:block;color:#ef2437;font:2.1rem/1 Impact,sans-serif}
.ok-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);max-width:1500px;margin:clamp(40px,5vw,72px) auto 0}
.ok-media-card{min-width:0;background:#e2e4e1;border-bottom:7px solid var(--ok-black);box-shadow:0 12px 32px rgba(8,9,8,.1);transition:transform .25s,box-shadow .25s}.ok-media-card:nth-child(3n+1){border-bottom-color:var(--ok-red)}.ok-media-card:nth-child(3n){border-bottom-color:var(--ok-green)}.ok-media-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(8,9,8,.17)}
.ok-media-card>button{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.ok-media-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}.ok-media-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .55s,filter .4s}.ok-media-card:hover img{transform:scale(1.035);filter:grayscale(.2)}.ok-media-thumb i{position:absolute;left:18px;bottom:16px;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--ok-red);color:#fff;font-style:normal;font-size:.85rem}
.ok-media-card-meta{display:flex;min-height:190px;padding:20px;flex-direction:column}.ok-media-card-meta b,.ok-media-card-meta small{font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ok-media-card-meta b{color:var(--ok-red)}.ok-media-card-meta small{margin:12px 0;color:#555}.ok-media-card-meta strong{margin-top:auto;font:700 clamp(1.25rem,1.8vw,1.75rem)/1.1 Georgia,serif}
.ok-media-empty{padding:70px 0;text-align:center;font:2rem Georgia,serif}
.ok-video-modal{position:fixed;z-index:100000;inset:0;padding:clamp(16px,4vw,60px);background:rgba(0,0,0,.92);overflow:auto}.ok-video-modal[hidden]{display:none}.ok-video-dialog{max-width:1200px;margin:auto;color:#fff}.ok-video-close{display:block;margin:0 0 14px auto;padding:10px 14px;border:1px solid #ffffff55;background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.ok-video-player{position:relative;aspect-ratio:16/9;background:#000}.ok-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ok-video-caption{padding:24px 0;border-bottom:7px solid transparent;border-image:linear-gradient(90deg,var(--ok-red) 0 33.333%,#080908 33.333% 66.666%,var(--ok-green) 66.666%) 1}.ok-video-caption b{color:#ef2437;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.ok-video-caption h3{margin:9px 0 0;font:500 clamp(2rem,4vw,4.2rem)/.95 Impact,"Arial Narrow",sans-serif;text-transform:uppercase}.ok-modal-open{overflow:hidden!important}
.ok-media-ready .ok-media-gateways{margin-top:0}
@media(max-width:1080px){.ok-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ok-media-tools{position:relative;top:auto;grid-template-columns:1fr}.ok-media-tools>p{text-align:left}.ok-media-tools>p strong{display:inline;margin-right:8px}}
@media(max-width:760px){.ok-media-networks{grid-template-columns:1fr;padding:30px 20px}.ok-media-networks figure{flex-basis:138px;height:84px}.ok-media-archive{padding-inline:18px}.ok-media-intro{grid-template-columns:1fr}.ok-media-intro h2{font-size:18vw}.ok-media-feature{min-height:100vw}.ok-media-feature-copy{max-width:80%}.ok-media-feature-copy h3{font-size:10vw}.ok-media-play{width:72px;height:72px;right:18px;bottom:18px}.ok-media-grid{grid-template-columns:1fr}.ok-media-card-meta{min-height:155px}}
@media(prefers-reduced-motion:reduce){.ok-network-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.ok-network-track{animation:none}.ok-media-feature>img,.ok-media-card,.ok-media-thumb img,.ok-media-play{transition:none!important}}
.ok-elegant-reveal{opacity:0;transform:translateY(38px) scale(.992);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.ok-elegant-reveal.ok-from-left{transform:translateX(-42px)}.ok-elegant-reveal.ok-from-right{transform:translateX(42px)}.ok-elegant-reveal.is-visible{opacity:1;transform:none}
.ok-media-feature.is-visible>img{animation:okFeatureBreathe 14s ease-out both}@keyframes okFeatureBreathe{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ok-elegant-reveal{opacity:1;transform:none;transition:none}.ok-media-feature.is-visible>img{animation:none}}
/* Sparse canonical marks replace the former repeating decorative pattern. */
.ok-media-archive{overflow:hidden;background-image:linear-gradient(135deg,rgba(181,21,34,.018),transparent 42%,rgba(7,85,45,.024))!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
.ok-media-archive:before{content:"";position:absolute;right:-9vw;top:6rem;width:clamp(300px,35vw,590px);aspect-ratio:1;background:url("adinkra-gye-nyame.svg") center/contain no-repeat;opacity:.045;pointer-events:none}
.ok-media-archive:after{content:"𓋹 𓊽 𓂀";position:absolute;left:clamp(18px,5vw,80px);top:clamp(31rem,54vw,48rem);color:var(--ok-black);font:400 clamp(2.5rem,5vw,5.2rem)/1 "OK Egyptian","Segoe UI Historic",serif;letter-spacing:.28em;opacity:.065;pointer-events:none}
.ok-media-archive>*{position:relative;z-index:1}
.ok-media-networks:after{content:"";position:absolute;right:-5rem;bottom:-7rem;width:330px;aspect-ratio:1;background:url("adinkra-dwennimmen.svg") center/contain no-repeat;filter:invert(1);opacity:.045;pointer-events:none}
.ok-media-networks>*{position:relative;z-index:1}
@media(max-width:700px){.ok-media-archive:before{width:300px;opacity:.03}.ok-media-archive:after{font-size:2.5rem;opacity:.05}.ok-media-networks:after{width:240px}}