:root{--paper:#eee8d8;--ink:#171714;--green:#173d2c;--coral:#ef5e49;--wine:#6c2330;--line:rgba(23,23,20,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;background-image:radial-gradient(rgba(26,28,20,.08) .7px,transparent .7px);background-size:5px 5px}.nav{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:4;width:100%;color:#fff}.wordmark{font-family:"UnifrakturCook",serif;font-size:2.4rem;text-decoration:none;color:inherit}.nav nav{display:flex;gap:30px}.nav nav a{color:inherit;text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.hero{height:min(850px,100svh);min-height:680px;background:var(--green);position:relative;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 38%;background:linear-gradient(90deg,var(--green) 0,transparent 35%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%),url('/mokonzi-event/images/mokonzi-hero.webp') center/cover}.hero-copy{position:absolute;left:4vw;top:24%;width:min(510px,44vw);z-index:2}.kicker,.chapter{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700}.hero h1{font:clamp(5rem,11vw,10rem)/.72 "Archivo Black",sans-serif;letter-spacing:-.085em;text-transform:uppercase;margin:.22em 0}.hero p{max-width:420px;font-size:1.1rem;line-height:1.5}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--coral);color:var(--ink);padding:18px 22px;margin-top:20px;font-weight:700;text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;transform:rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}.vertical-note{position:absolute;right:1.3vw;bottom:30px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem}.ticker{overflow:hidden;background:var(--coral);border-block:2px solid var(--ink);padding:15px 0;font:1.2rem "Archivo Black";white-space:nowrap;transform:rotate(-.5deg);position:relative;z-index:3}.ticker div{width:max-content;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:130px 7vw;align-items:center}.torn-photo{position:relative;transform:rotate(-2deg);background:#fff;padding:10px 10px 45px;box-shadow:0 18px 40px rgba(20,15,10,.18)}.torn-photo:after{content:"MOKONZI / KINSHASA";position:absolute;bottom:14px;left:18px;font:.7rem monospace;letter-spacing:.12em}.torn-photo img{width:100%;display:block;filter:contrast(1.04) saturate(.85)}.manifesto h2,.register h2{font:clamp(2.6rem,5vw,5.5rem)/.96 "Archivo Black";letter-spacing:-.055em;text-transform:uppercase;margin:.4em 0}.manifesto h2 em{font-family:"UnifrakturCook",serif;font-weight:700;text-transform:none;color:var(--wine)}.manifesto-copy>p{font-size:1.1rem;line-height:1.7;max-width:560px}.manifesto blockquote{margin:35px 0 0;padding:24px;border-left:7px solid var(--coral);background:rgba(255,255,255,.42);font-weight:700;font-size:1.25rem;transform:rotate(.7deg)}.profiles{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.profiles article{min-height:270px;padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.profiles article:hover{background:var(--green);color:#fff;transform:translateY(-8px)}.profiles b{margin-bottom:auto;color:var(--coral)}.profiles h3{font:2rem "Archivo Black";text-transform:uppercase;margin:0}.profiles p{margin:.4em 0}.register{display:grid;grid-template-columns:.78fr 1.22fr;background:var(--wine);color:#fff;padding:120px 6vw;gap:8vw}.register-intro{position:relative}.register-intro>p{line-height:1.6;max-width:420px}.stamp{border:3px solid var(--coral);color:var(--coral);border-radius:50%;width:130px;height:130px;display:grid;place-content:center;text-align:center;font:1.15rem "Archivo Black";transform:rotate(-12deg);margin-top:50px}form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px}.field label,.consent{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.48);background:transparent;color:#fff;padding:12px 3px;font:1rem "DM Sans"}.field select option{color:#111}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--coral)}.full{grid-column:1/-1}.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.submit{border:2px solid var(--ink);background:var(--coral);color:var(--ink);font:1rem "Archivo Black";padding:20px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:7px 7px 0 #111}.submit:disabled{opacity:.55}.form-status{min-height:24px;margin:0}.form-status.success{color:#bce8bd}.form-status.error{color:#ffb4a8}footer{background:var(--ink);color:#fff;padding:50px 5vw;display:flex;align-items:center;justify-content:space-between}footer p{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:800px){.nav nav a:first-child{display:none}.hero{min-height:760px}.hero-photo{inset:0;background:linear-gradient(0deg,var(--green) 5%,transparent 65%),url('/mokonzi-event/images/mokonzi-hero.webp') 58% center/cover}.hero-copy{top:auto;bottom:55px;left:6vw;width:88vw}.hero h1{font-size:clamp(4.7rem,23vw,7.5rem)}.hero-copy p{font-size:.95rem;max-width:82%}.vertical-note{display:none}.manifesto{grid-template-columns:1fr;padding:90px 6vw}.profiles{grid-template-columns:1fr 1fr}.profiles article{min-height:210px}.register{grid-template-columns:1fr;padding:90px 6vw}.stamp{position:absolute;right:4px;top:25px;width:95px;height:95px;font-size:.85rem}form{grid-template-columns:1fr}.field,.full{grid-column:1}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Motion direction — cinematic paper, kept dependency-free for Render */
body{overflow-x:hidden}.page-loader{position:fixed;inset:0;background:var(--ink);color:#fff;z-index:9999;display:grid;place-content:center;transition:clip-path 1.1s cubic-bezier(.76,0,.24,1) .2s;clip-path:inset(0)}.page-loader .wordmark{font-size:clamp(4rem,12vw,9rem);opacity:0;transform:translateY(30px);animation:loaderWord .8s ease forwards}.page-loader i{display:block;height:3px;background:var(--coral);transform-origin:left;animation:loaderLine 1s cubic-bezier(.76,0,.24,1) forwards}.is-loaded .page-loader{clip-path:inset(0 0 100% 0);pointer-events:none}@keyframes loaderWord{to{opacity:1;transform:none}}@keyframes loaderLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:9998;border-radius:50%;pointer-events:none;will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--coral);margin:-3px}.cursor-ring{width:34px;height:34px;border:1px solid var(--coral);margin:-17px;transition:width .2s,height .2s,margin .2s,background .2s}.cursor-active .cursor-ring{width:54px;height:54px;margin:-27px;background:rgba(239,94,73,.16)}
.hero-photo{inset:-10% -4% -10% 34%;transform:translate3d(0,var(--parallax-y,0),0) scale(1.06);will-change:transform}.hero-grain{position:absolute;inset:0;opacity:.25;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}.hero-orbit{position:absolute;right:5vw;top:17%;width:155px;height:155px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-content:center;text-align:center;font:.62rem monospace;letter-spacing:.15em;transform:translate3d(0,var(--parallax-y,0),0) rotate(9deg);z-index:2}.split-title span{display:block;opacity:0;transform:translateY(110%);transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.is-loaded .split-title span{opacity:1;transform:none}.is-loaded .split-title span:nth-child(2){transition-delay:.12s}
.torn-photo.tilt-card{transform:perspective(1100px) translate3d(0,var(--parallax-y,0),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(-2deg);transition:transform .18s ease-out;will-change:transform}.reveal-copy,.register-intro,form{opacity:0;transform:translateY(48px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.is-visible .reveal-copy,.register.is-visible .register-intro,.register.is-visible form{opacity:1;transform:none}.register.is-visible form{transition-delay:.14s}.profiles article{opacity:0;transform:translateY(45px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1),background .3s,color .3s}.profiles.is-visible article{opacity:1;transform:none}.profiles.is-visible article:nth-child(2){transition-delay:.08s}.profiles.is-visible article:nth-child(3){transition-delay:.16s}.profiles.is-visible article:nth-child(4){transition-delay:.24s}
.transition-marquee{background:var(--coral);color:var(--ink);font:clamp(2.4rem,7vw,7rem) "Archivo Black";white-space:nowrap;overflow:hidden;padding:.18em 0;border-block:2px solid var(--ink)}.transition-marquee span{display:inline-block;animation:marqueeWide 18s linear infinite}@keyframes marqueeWide{to{transform:translateX(-50%)}}
@media(max-width:800px){.cursor-dot,.cursor-ring{display:none}.hero-orbit{width:105px;height:105px;right:4vw;top:14%;font-size:.48rem}.hero-photo{inset:-8%}}
@media(prefers-reduced-motion:reduce){.page-loader{display:none}.transition-marquee span{animation:none}.split-title span,.profiles article,.reveal-copy,.register-intro,form{opacity:1;transform:none;transition:none}.hero-photo,.hero-orbit,.torn-photo.tilt-card{transform:none!important}}

/* Mokonzi master site — editorial home */
.home-page{--acid:#cf5230;--cream:#f2eddf;--black:#121510;background:var(--black);color:var(--cream)}
.site-nav{position:absolute;inset:0 0 auto;z-index:20;min-height:92px;padding:20px 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.brand-lockup{display:flex;align-items:baseline;gap:12px;color:inherit;text-decoration:none}.brand-lockup small,.home-footer small{font:600 .6rem/1 "DM Sans";letter-spacing:.18em}.site-nav nav{display:flex;gap:18px;align-items:center}.site-nav nav a{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none}.site-nav nav a:hover{color:var(--acid)}.shop-link{border:1px solid currentColor;padding:10px 13px}.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;padding:10px 14px;text-transform:uppercase;letter-spacing:.12em}
.home-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:140px 5vw 8vh}.home-hero-media{position:absolute;inset:-8%;background:linear-gradient(90deg,rgba(10,13,9,.88) 0,rgba(10,13,9,.18) 62%),url('/mokonzi-event/images/mokonzi-hero.webp') 68% center/cover;transform:translate3d(0,var(--parallax-y,0),0) scale(1.04)}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 54%)}.logo-ghost{position:absolute;right:-2vw;top:9%;font:clamp(28rem,60vw,60rem)/.8 "UnifrakturCook",serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);opacity:.6}.home-hero-copy{position:relative;z-index:2;max-width:1050px}.eyebrow{font-size:.72rem!important;letter-spacing:.25em;text-transform:uppercase;font-weight:700}.home-hero h1{font:clamp(4.5rem,10.5vw,10.5rem)/.76 "Archivo Black";letter-spacing:-.075em;text-transform:uppercase;margin:.18em 0}.home-hero h1 span{display:block}.home-hero-copy>p{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55;max-width:590px}.home-cta{display:inline-flex;min-width:250px;justify-content:space-between;gap:30px;margin-top:24px;padding:18px 20px;background:var(--acid);color:var(--black);text-decoration:none;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.scroll-cue{position:absolute;z-index:2;right:3.5vw;bottom:6vh;writing-mode:vertical-rl;text-transform:uppercase;font-size:.56rem;letter-spacing:.22em}
.universe-section,.partners-section{background:var(--cream);color:var(--black);padding:110px 4vw}.section-head{display:grid;grid-template-columns:60px 1fr 1fr;align-items:end;margin-bottom:55px;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:20px}.section-head span{font:700 .72rem monospace}.section-head h2{font:clamp(3rem,7vw,7rem)/.82 "Archivo Black";letter-spacing:-.06em;text-transform:uppercase;margin:0}.section-head p{justify-self:end;max-width:300px}.universe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--black);border:2px solid var(--black)}.universe-card{min-height:530px;padding:35px;display:flex;flex-direction:column;color:#fff;text-decoration:none;position:relative;overflow:hidden}.universe-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.05));transition:transform .8s,filter .8s}.universe-card:hover:before{transform:scale(1.04);filter:saturate(1.2)}.brand-card:before{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.06)),url('/mokonzi-event/images/mokonzi-community.webp') center/cover}.music-card:before{background:linear-gradient(0deg,rgba(108,35,48,.95),rgba(0,0,0,.1)),url('/mokonzi-event/images/mokonzi-hero.webp') center/cover}.studio-card:before{background:linear-gradient(0deg,rgba(20,20,18,.92),rgba(0,0,0,.1)),url('/mokonzi-event/images/mokonzi-community.webp') 25% center/cover}.smile-card:before{background:linear-gradient(0deg,rgba(23,61,44,.97),rgba(0,0,0,.1)),url('/mokonzi-event/images/mokonzi-hero.webp') 20% center/cover}.universe-card>*{position:relative;z-index:1}.universe-card>span{font:700 .65rem monospace;letter-spacing:.16em}.universe-card h3{font:clamp(3rem,6vw,6rem)/.82 "Archivo Black";letter-spacing:-.06em;text-transform:uppercase;margin:auto 0 18px}.universe-card p{max-width:430px;line-height:1.5}.universe-card b{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-top:22px;color:var(--acid)}
.news-section{padding:110px 4vw;background:var(--wine);color:#fff}.section-head.light{border-color:rgba(255,255,255,.3)}.news-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:25px}.news-track article{flex:0 0 min(78vw,480px);min-height:460px;padding:30px;border:1px solid rgba(255,255,255,.35);display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;background:rgba(0,0,0,.13)}.news-track article:nth-child(2){background:var(--coral);color:var(--black)}.news-track i{font-style:normal;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;margin-bottom:auto}.news-track h3{font:clamp(2.6rem,5vw,4.8rem)/.9 "Archivo Black";text-transform:uppercase;letter-spacing:-.05em;margin:0}.news-track a{color:inherit;font-weight:700}.partners-section{padding-bottom:130px}.partner-logos{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--black);margin-bottom:30px}.partner-logos div{min-height:150px;display:grid;place-content:center;border-right:1px solid var(--black);font:1rem "Archivo Black";color:rgba(0,0,0,.35)}.text-link{color:inherit;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.1em}
.collab-section{min-height:720px;padding:110px 5vw;background:var(--green);color:#fff;position:relative;overflow:hidden}.collab-section>p,.collab-section>h2,.collab-section>a{position:relative;z-index:2}.collab-section>p{text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.collab-section h2{font:clamp(3.5rem,8vw,8rem)/.9 "Archivo Black";letter-spacing:-.065em;text-transform:uppercase}.home-cta.inverse{background:var(--coral)}.about-tease{background:var(--acid);color:var(--black);display:grid;grid-template-columns:1fr 2fr auto;padding:35px 4vw;align-items:center;gap:30px}.about-tease>span{font:2rem "Archivo Black"}.about-tease a{color:inherit;font-size:.7rem;text-transform:uppercase;font-weight:800}.home-footer{padding:70px 4vw;background:var(--black);color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr auto;align-items:end;gap:35px}.home-footer h2{font:clamp(2.5rem,5vw,5.5rem)/.82 "Archivo Black";margin:0}.home-footer>div{display:flex;flex-direction:column;gap:8px}.home-footer a{color:inherit;text-transform:uppercase;font-size:.7rem;text-decoration:none}.home-footer p{font-size:.6rem;letter-spacing:.13em}
@media(max-width:1000px){.site-nav nav{display:none}.menu-toggle{display:block}.menu-open .site-nav nav{display:flex;position:absolute;top:92px;left:0;right:0;background:var(--black);padding:30px 5vw;flex-direction:column;align-items:flex-start}.site-nav nav a{font-size:.88rem}.universe-card{min-height:460px}.home-footer{grid-template-columns:1fr 2fr}.home-footer>p{grid-column:1/-1}}
@media(max-width:700px){.site-nav{min-height:75px;padding:14px 5vw}.site-nav .wordmark{font-size:2rem}.menu-open .site-nav nav{top:75px;max-height:calc(100svh - 75px);overflow:auto}.home-hero{padding:120px 6vw 60px;min-height:850px}.home-hero-media{background-position:60% center}.home-hero h1{font-size:clamp(3.65rem,18vw,6rem)}.home-hero-copy>p{max-width:90%;font-size:.95rem}.scroll-cue{display:none}.universe-section,.partners-section,.news-section{padding:80px 5vw}.section-head{grid-template-columns:35px 1fr}.section-head p{grid-column:2;justify-self:start}.universe-grid{grid-template-columns:1fr}.universe-card{min-height:520px;padding:25px}.universe-card h3{font-size:clamp(3.2rem,15vw,5.5rem)}.partner-logos{grid-template-columns:1fr 1fr}.partner-logos div:nth-child(2){border-right:0}.partner-logos div{min-height:110px;border-bottom:1px solid var(--black)}.collab-section{min-height:650px;padding:80px 5vw}.about-tease{grid-template-columns:1fr;padding:28px 5vw}.home-footer{grid-template-columns:1fr;padding:55px 5vw}.home-footer h2{font-size:3.1rem}}

/* V3 — complete editorial prototype */
.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:var(--scroll-progress,0);z-index:9997;background:var(--acid);box-shadow:0 0 20px var(--acid)}
.hero-signal{position:absolute;z-index:2;right:5vw;top:22%;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font:.55rem monospace;letter-spacing:.18em}.hero-signal span{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 rgba(232,255,61,.7);animation:signal 2s infinite}@keyframes signal{70%{box-shadow:0 0 0 14px rgba(232,255,61,0)}}
.culture-marquee{background:var(--acid);color:var(--black);border-block:2px solid var(--black);overflow:hidden;white-space:nowrap;transform:rotate(-.4deg);position:relative;z-index:4}.culture-marquee div{width:max-content;padding:14px 0;font:clamp(1rem,2vw,1.55rem) "Archivo Black";animation:marqueeWide 28s linear infinite}
.world-section{min-height:860px;background:var(--black);color:#fff;padding:8vw 6vw;display:grid;grid-template-columns:70px .8fr 1.2fr;gap:5vw;align-items:center;overflow:hidden}.world-section.reverse{background:var(--coral);color:var(--black);grid-template-columns:70px .8fr 1.2fr}.world-number{font:700 .8rem monospace;align-self:start}.world-copy{position:relative;z-index:2}.world-copy h2{font:clamp(4rem,8vw,8rem)/.82 "Archivo Black";letter-spacing:-.07em;text-transform:uppercase;margin:.2em 0}.world-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.65;max-width:490px}.world-section .text-link{display:inline-block;margin-top:25px;color:inherit}.world-poster{min-height:630px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid currentColor;transform:rotate(2deg);box-shadow:18px 18px 0 var(--wine);background:center/cover;position:relative;overflow:hidden}.world-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.05))}.brand-poster{background-image:url('/mokonzi-event/images/mokonzi-community.webp')}.studio-poster{background-image:url('/mokonzi-event/images/mokonzi-hero.webp');box-shadow:18px 18px 0 var(--green)}.world-poster>*{position:relative;z-index:1}.world-poster span{font:.65rem monospace;letter-spacing:.18em}.world-poster b{font:clamp(3.2rem,6vw,6.5rem)/.8 "Archivo Black";letter-spacing:-.06em;color:#fff}
.impact-section{min-height:920px;padding:110px 6vw;background:var(--green);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.impact-mark{position:absolute;right:-2vw;top:0;font:clamp(18rem,47vw,48rem)/1 "Archivo Black";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12)}.impact-section>*:not(.impact-mark){position:relative;z-index:1}.impact-section h2{font:clamp(3rem,6vw,6rem)/.95 "Archivo Black";letter-spacing:-.055em;text-transform:uppercase;max-width:1200px}.impact-section h2 em{color:var(--acid);font-style:normal}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.impact-grid>p{font-size:1.15rem;line-height:1.7;max-width:580px}.impact-grid>div{display:flex;flex-wrap:wrap;gap:8px}.impact-grid span{border:1px solid rgba(255,255,255,.5);padding:12px 16px;font:.65rem monospace;letter-spacing:.15em}
.news-controls{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:-25px 0 18px}.news-controls button{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;width:48px;height:48px;font-size:1.2rem;cursor:pointer}.news-controls button:hover{background:var(--acid);color:var(--black)}.news-controls span{font:.6rem monospace;letter-spacing:.14em;text-transform:uppercase}.news-track{scrollbar-width:thin;scrollbar-color:var(--acid) rgba(255,255,255,.15)}.news-track article{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s}.news-track article:hover{transform:translateY(-12px)}.news-track article:before{content:attr(data-index);position:absolute;right:-8px;top:-20px;font:8rem "Archivo Black";opacity:.06}.news-freestyle{background:var(--coral)!important;color:var(--black)!important}.news-casting{background:var(--acid)!important;color:var(--black)!important}.news-event{background:var(--green)!important}.news-sponsored{background:#fff!important;color:var(--black)!important}.news-social{background:#0d291e!important}
.partner-logos div{position:relative;place-content:center;text-align:center;gap:7px;transition:background .3s,color .3s}.partner-logos div:hover{background:var(--black);color:#fff}.partner-logos span{font:.55rem monospace;letter-spacing:.18em}.partner-logos b{font:1rem "Archivo Black"}.asset-note{font:.68rem monospace;opacity:.65}.link-button,.about-tease button{appearance:none;border:0;background:none;padding:0;cursor:pointer;text-align:left}.partners-section .link-button{border-bottom:1px solid;padding-bottom:5px}
.profile-section{padding:120px 6vw;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.profile-section h2{font:clamp(3.2rem,6vw,6.2rem)/.86 "Archivo Black";letter-spacing:-.065em;text-transform:uppercase}.profile-section>div>p:not(.eyebrow){line-height:1.7;max-width:520px}.profile-preview{background:var(--black);color:#fff;padding:35px;min-height:540px;transform:rotate(1.5deg);box-shadow:18px 18px 0 var(--coral)}.profile-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:20px;font:.65rem monospace;letter-spacing:.12em}.profile-top i{color:var(--acid);font-style:normal}.profile-preview h3{font:clamp(2.5rem,5vw,5rem)/.88 "Archivo Black";margin:50px 0}.profile-preview dl{margin:0}.profile-preview dl div{display:flex;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.18);padding:18px 0}.profile-preview dt{opacity:.6}.profile-preview dd{margin:0;text-align:right}.profile-preview dd b{color:var(--acid)}.profile-preview small{display:block;margin-top:30px;opacity:.5}
.collab-section button{border:0;cursor:pointer}.about-tease button{color:inherit;font-size:.7rem;text-transform:uppercase;font-weight:800}.story-panel{position:fixed;z-index:10001;right:0;top:0;width:min(760px,100%);height:100%;overflow:auto;background:var(--cream);color:var(--black);padding:clamp(70px,9vw,130px) clamp(28px,7vw,90px);transform:translateX(105%);transition:transform .9s cubic-bezier(.16,1,.3,1);box-shadow:-30px 0 80px rgba(0,0,0,.3)}.story-panel.is-open{transform:none}.story-panel h2{font:clamp(3rem,6vw,6rem)/.88 "Archivo Black";letter-spacing:-.06em;text-transform:uppercase}.story-panel p{font-size:1.05rem;line-height:1.75}.story-panel blockquote{font:clamp(1.5rem,3vw,2.4rem)/1.2 "Archivo Black";border-left:6px solid var(--coral);margin:35px 0;padding:20px}.story-panel small{display:block;margin-top:25px;opacity:.55}.panel-close{position:absolute;right:25px;top:20px;border:1px solid var(--black);background:transparent;width:48px;height:48px;font-size:1.8rem;cursor:pointer}.panel-backdrop{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;transition:.5s}.panel-backdrop.is-open{opacity:1;visibility:visible}.panel-open{overflow:hidden}
.reveal-section .section-head,.reveal-section .world-copy,.reveal-section .world-poster,.reveal-section .impact-grid,.reveal-section .profile-preview{opacity:0;transform:translateY(55px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal-section.is-visible .section-head,.reveal-section.is-visible .world-copy,.reveal-section.is-visible .world-poster,.reveal-section.is-visible .impact-grid,.reveal-section.is-visible .profile-preview{opacity:1;transform:none}.reveal-section.is-visible .world-poster,.reveal-section.is-visible .profile-preview{transition-delay:.16s}
@media(max-width:900px){.world-section,.world-section.reverse{grid-template-columns:35px 1fr;padding:100px 5vw}.world-poster{grid-column:2;min-height:520px}.impact-grid,.profile-section{grid-template-columns:1fr}.profile-preview{margin-top:30px}.hero-signal{display:none}}
@media(max-width:700px){.culture-marquee div{padding:11px 0}.world-section,.world-section.reverse{min-height:auto;grid-template-columns:1fr;padding:85px 5vw}.world-number{display:none}.world-poster{grid-column:1;min-height:470px;box-shadow:10px 10px 0 var(--wine)}.world-copy h2{font-size:3.7rem}.impact-section{min-height:760px;padding:85px 5vw}.impact-section h2{font-size:2.65rem}.impact-grid{grid-template-columns:1fr}.news-controls{justify-content:space-between;margin:0 0 16px}.news-track article{flex-basis:88vw;min-height:420px}.profile-section{padding:85px 5vw}.profile-section h2{font-size:3.4rem}.profile-preview{min-height:470px;padding:24px;box-shadow:10px 10px 0 var(--coral)}.partner-logos b{font-size:.8rem}.home-footer{gap:28px}.story-panel{padding-top:85px}}
@media(prefers-reduced-motion:reduce){.culture-marquee div,.hero-signal span{animation:none}.reveal-section .section-head,.reveal-section .world-copy,.reveal-section .world-poster,.reveal-section .impact-grid,.reveal-section .profile-preview{opacity:1;transform:none}.story-panel{transition:none}}

/* V4 — multi-page system */
.skip-link{position:fixed;left:12px;top:12px;z-index:11000;padding:12px 16px;background:var(--acid);color:var(--black);transform:translateY(-160%);transition:.2s}.skip-link:focus{transform:none}.brand-image{display:block;width:145px;aspect-ratio:2.64;background:currentColor;mask:url('images/mokonzi-wordmark.png') center/contain no-repeat;-webkit-mask:url('images/mokonzi-wordmark.png') center/contain no-repeat}.brand-lockup .brand-image{color:#fff}.site-nav.solid{position:relative;background:var(--black)}.site-nav a[aria-current=page],.site-nav a.is-active,.nav a[aria-current=page]{color:var(--acid);text-decoration:underline;text-underline-offset:6px}.inner-page{background:var(--cream);color:var(--black)}
.hero-carousel{height:100svh;min-height:680px;position:relative;background:var(--black);overflow:hidden;color:#fff}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;background-image:var(--hero);background-position:var(--focus,center);background-size:cover;transform:scale(1.06);transition:opacity 1.1s ease,visibility 1.1s,transform 7s linear}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,8,.93) 0,rgba(8,11,8,.66) 43%,rgba(8,11,8,.15) 78%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 55%)}.hero-copy{position:absolute;z-index:2;left:5vw;bottom:9vh;width:min(900px,82vw)}.hero-copy h1,.hero-copy h2{font:clamp(4.4rem,9vw,9.5rem)/.78 "Archivo Black";letter-spacing:-.07em;text-transform:uppercase;margin:.18em 0}.hero-copy>p:not(.eyebrow){font-size:clamp(.95rem,1.3vw,1.2rem);line-height:1.55;max-width:580px}.hero-controls{position:absolute;z-index:4;right:4vw;bottom:5vh;display:flex;align-items:center;gap:9px}.hero-controls button{min-width:46px;height:46px;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);color:#fff;cursor:pointer}.hero-controls .hero-pause{width:auto;padding-inline:16px;text-transform:uppercase;font-size:.6rem;letter-spacing:.12em}.hero-dots{display:flex;gap:7px}.hero-dots button{min-width:0;width:9px;height:9px;padding:0;border-radius:50%;background:transparent}.hero-dots button[aria-selected=true]{background:var(--acid)}.hero-count{position:absolute;z-index:4;right:4vw;top:22%;font:.65rem monospace;letter-spacing:.15em}.home-story{padding:120px 6vw;background:var(--black);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw}.home-story h2{font:clamp(3rem,5vw,5.5rem)/.95 "Archivo Black";letter-spacing:-.055em;text-transform:uppercase}.home-story>div:last-child{align-self:end}.home-story p{font-size:1.05rem;line-height:1.75}.home-gallery{padding:110px 4vw;background:var(--wine);color:#fff}.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gallery-strip a{height:480px;overflow:hidden}.gallery-strip img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gallery-strip a:hover img{transform:scale(1.05)}.home-join{padding:130px 6vw;background:var(--green);color:#fff}.home-join h2{font:clamp(3rem,7vw,7rem)/.88 "Archivo Black";letter-spacing:-.06em;text-transform:uppercase;max-width:1200px}.home-join>p:not(.eyebrow){max-width:650px;font-size:1.1rem;line-height:1.65}
.page-hero{min-height:88svh;padding:150px 6vw 90px;display:flex;align-items:flex-end;color:#fff;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,8,.92),rgba(8,10,8,.18)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 60%)}.page-hero>div{position:relative;z-index:1;max-width:1100px}.page-hero h1,.page-title h1{font:clamp(4rem,9vw,9rem)/.8 "Archivo Black";letter-spacing:-.07em;text-transform:uppercase;margin:.18em 0}.page-hero>div>p:not(.eyebrow){font-size:1.15rem;line-height:1.65;max-width:620px}.story-hero{background-image:url('images/hero/mokonzi-flag.webp');background-position:center 36%}.brand-hero{background-image:url('images/hero/congo-to-world.webp');background-position:center 43%}.studio-hero{background-image:url('images/hero/rise-leopards.webp');background-position:center 35%}.impact-hero{background-image:url('images/gallery/1v1s-03.jpg');background-position:center 35%}
.editorial-story{padding:120px 7vw;display:grid;grid-template-columns:.35fr 1.65fr;gap:8vw}.editorial-story aside{display:flex;flex-direction:column;gap:14px}.editorial-story aside span{padding:12px;border:1px solid;font:.65rem monospace;letter-spacing:.15em}.editorial-story article{max-width:850px}.editorial-story h2{font:clamp(2.7rem,5vw,5rem)/.95 "Archivo Black";letter-spacing:-.045em;text-transform:uppercase}.editorial-story p{font-size:1.08rem;line-height:1.8}.editorial-story blockquote{margin:50px 0;padding:28px;border-left:8px solid var(--coral);font:clamp(1.5rem,3vw,2.5rem)/1.25 "Archivo Black"}.source-note{font-size:.78rem!important;opacity:.55}.story-pillars{display:grid;grid-template-columns:repeat(4,1fr);background:var(--black)}.story-pillars a{min-height:370px;padding:35px;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.story-pillars a:hover{background:var(--wine)}.story-pillars h3{font:2.4rem "Archivo Black";text-transform:uppercase;margin:auto 0 10px}
.lookbook{background:var(--cream)}.lookbook article{min-height:800px;display:grid;grid-template-columns:1fr 1fr}.lookbook article.reverse{direction:rtl}.lookbook article>*{direction:ltr}.lookbook img{width:100%;height:100%;object-fit:cover;max-height:850px}.lookbook article>div{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.lookbook h2{font:clamp(3rem,6vw,6rem)/.88 "Archivo Black";letter-spacing:-.06em;text-transform:uppercase}.lookbook p{font-size:1.1rem;line-height:1.7}.brand-manifest,.studio-quote{padding:120px 7vw;background:var(--wine);color:#fff}.brand-manifest h2{font:clamp(3rem,7vw,7rem)/.88 "Archivo Black";text-transform:uppercase;letter-spacing:-.06em}.production-grid{padding:100px 5vw;display:grid;grid-template-columns:1.25fr .75fr;gap:30px}.production-grid article{background:#fff;border:1px solid;padding:15px}.production-grid img{width:100%;height:620px;object-fit:cover}.production-grid article:not(.production-feature) img{height:470px}.production-grid article>div{padding:20px}.production-grid h2{font:clamp(2.5rem,4vw,4.7rem)/.9 "Archivo Black";text-transform:uppercase}.production-grid p{line-height:1.7}.studio-quote blockquote{font:clamp(2.5rem,6vw,6rem)/.95 "Archivo Black";max-width:1200px;margin:0 0 50px}
.impact-story{min-height:780px;padding:100px 6vw;background:var(--green);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}.impact-number{font:clamp(12rem,28vw,28rem)/.8 "Archivo Black";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28)}.impact-story h2{font:clamp(3rem,6vw,6rem)/.9 "Archivo Black";text-transform:uppercase}.impact-story p{font-size:1.1rem;line-height:1.75}.impact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.impact-actions span{border:1px solid;padding:12px 16px;font:.65rem monospace;letter-spacing:.12em}.impact-gallery{display:grid;grid-template-columns:repeat(3,1fr);background:var(--black);gap:3px}.impact-gallery img{width:100%;height:650px;object-fit:cover}.official-social,.instagram-source{padding:110px 6vw;background:var(--acid);color:var(--black)}.official-social h2,.instagram-source h2{font:clamp(3.5rem,8vw,8rem)/.85 "Archivo Black";text-transform:uppercase}.official-social>p:last-child,.instagram-source>p{max-width:700px;line-height:1.7}
.page-title{padding:150px 6vw 90px;background:var(--cream);color:var(--black)}.page-title.dark{background:var(--black);color:#fff}.page-title>p:not(.eyebrow){max-width:720px;font-size:1.1rem;line-height:1.65}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.gallery-filters button{border:1px solid;background:transparent;padding:12px 18px;text-transform:uppercase;cursor:pointer}.gallery-filters button.is-active{background:var(--black);color:#fff}.masonry-gallery{padding:40px 4vw 110px;columns:3;column-gap:12px}.masonry-gallery figure{break-inside:avoid;margin:0 0 20px;transition:opacity .3s}.masonry-gallery figure.is-hidden{display:none}.masonry-gallery button{position:relative;border:0;padding:0;background:none;width:100%;cursor:zoom-in}.masonry-gallery img{display:block;width:100%;height:auto}.masonry-gallery button span{position:absolute;right:10px;bottom:10px;background:var(--acid);padding:8px 10px;font:.6rem monospace;text-transform:uppercase}.masonry-gallery figcaption{font:.62rem monospace;letter-spacing:.08em;padding-top:8px}.lightbox{width:min(1100px,94vw);max-height:92vh;padding:0;border:0;background:var(--black);color:#fff}.lightbox::backdrop{background:rgba(0,0,0,.88)}.lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto}.lightbox>button{position:fixed;right:3vw;top:3vh;width:48px;height:48px;border:1px solid #fff;background:var(--black);color:#fff;font-size:1.7rem;z-index:2}.lightbox p{padding:12px 20px;margin:0}
.news-grid{padding:60px 4vw 120px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.news-grid article{border:1px solid;padding:20px;background:#fff}.news-grid article.lead{grid-column:1/-1}.news-grid img{width:100%;height:440px;object-fit:cover}.news-grid .lead img{height:680px;object-position:center 35%}.news-grid h2{font:clamp(2.5rem,5vw,5rem)/.9 "Archivo Black";text-transform:uppercase;margin:.3em 0}.news-grid span{font:.6rem monospace;letter-spacing:.13em}.news-grid a{color:inherit;font-weight:700}.placeholder-card,.sponsored-card{min-height:450px;display:flex;flex-direction:column;justify-content:flex-end}.placeholder-card{background:var(--green)!important;color:#fff}.sponsored-card{background:var(--acid)!important}
.partner-board{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 100px}.partner-board div{min-height:250px;border:1px solid;display:grid;place-content:center;text-align:center;gap:18px}.partner-board span{font:.55rem monospace}.partner-board b{font:1.2rem "Archivo Black"}.partners-honesty{padding:110px 6vw;background:var(--black);color:#fff}.partners-honesty h2,.contact-card h2{font:clamp(3.5rem,7vw,7rem)/.88 "Archivo Black";text-transform:uppercase}.partners-honesty p{max-width:700px;line-height:1.7}.collab-options{display:grid;grid-template-columns:repeat(2,1fr);background:var(--black);gap:2px}.collab-options article{min-height:430px;padding:45px;background:var(--green);color:#fff;display:flex;flex-direction:column}.collab-options article:nth-child(2),.collab-options article:nth-child(3){background:var(--wine)}.collab-options h2{font:clamp(2.5rem,5vw,5rem)/.9 "Archivo Black";text-transform:uppercase;margin:auto 0 15px}.contact-card{padding:110px 7vw;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.contact-card p{max-width:650px;line-height:1.7}.profile-dashboard{margin:0 5vw 110px;border:1px solid;background:#fff}.demo-banner{padding:15px;background:var(--acid);font:.65rem monospace;letter-spacing:.12em;text-align:center}.profile-dashboard nav{display:flex;border-bottom:1px solid}.profile-dashboard nav button{flex:1;padding:20px;border:0;border-right:1px solid;background:#fff}.profile-dashboard nav button.is-active{background:var(--black);color:#fff}.profile-empty{min-height:520px;padding:60px;display:flex;flex-direction:column;justify-content:center}.profile-empty h2{font:clamp(3rem,6vw,6rem)/.9 "Archivo Black";text-transform:uppercase}.profile-empty p{max-width:650px;line-height:1.7}
@media(max-width:1000px){.hero-copy{bottom:13vh}.hero-controls{left:5vw;right:auto;bottom:4vh}.hero-count{top:18%}.gallery-strip{grid-template-columns:1fr 1fr}.home-story,.production-grid,.impact-story,.contact-card{grid-template-columns:1fr}.story-pillars{grid-template-columns:1fr 1fr}.lookbook article,.lookbook article.reverse{grid-template-columns:1fr;direction:ltr}.lookbook img{height:680px}.impact-number{position:absolute;opacity:.25}.impact-story{position:relative}.partner-board{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.brand-image{width:118px}.hero-carousel{min-height:760px}.hero-copy{left:5vw;bottom:16vh;width:90vw}.hero-copy h1,.hero-copy h2{font-size:clamp(3.5rem,16vw,5.6rem)}.hero-copy>p:not(.eyebrow){max-width:92%}.hero-slide-shade{background:linear-gradient(90deg,rgba(8,11,8,.88),rgba(8,11,8,.32)),linear-gradient(0deg,rgba(0,0,0,.74),transparent 75%)}.hero-controls .hero-pause{display:none}.hero-count{top:13%}.home-story{padding:85px 5vw}.gallery-strip{grid-template-columns:1fr}.gallery-strip a{height:520px}.home-gallery,.home-join{padding:85px 5vw}.page-hero{min-height:760px;padding:130px 5vw 75px}.page-hero h1,.page-title h1{font-size:clamp(3.5rem,16vw,5.4rem)}.editorial-story{grid-template-columns:1fr;padding:85px 5vw}.editorial-story aside{flex-direction:row;flex-wrap:wrap}.story-pillars{grid-template-columns:1fr}.story-pillars a{min-height:260px}.lookbook img{height:560px}.lookbook article>div{padding:75px 5vw}.production-grid{padding:70px 5vw}.production-grid img,.production-grid article:not(.production-feature) img{height:480px}.impact-story{padding:85px 5vw}.impact-gallery{grid-template-columns:1fr}.impact-gallery img{height:560px}.page-title{padding:120px 5vw 65px}.masonry-gallery{columns:2;padding-inline:3vw}.news-grid{grid-template-columns:1fr;padding:35px 5vw 85px}.news-grid article.lead{grid-column:auto}.news-grid img,.news-grid .lead img{height:460px}.partner-board{grid-template-columns:1fr;padding:0 5vw 80px}.collab-options{grid-template-columns:1fr}.contact-card{padding:85px 5vw}.profile-dashboard{margin:0 5vw 85px}.profile-dashboard nav{overflow:auto}.profile-dashboard nav button{min-width:170px}.profile-empty{padding:35px 25px}.masonry-gallery{columns:1}.home-footer .brand-image{width:170px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.hero-slide:not(.is-active){display:none}.culture-marquee div{animation:none}}

/* Feedback Yassine — hero mobile validé 11/08 */
.brand-image{width:154px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.cta-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font:700 .78rem "UnifrakturCook",serif}
.hero-controls{bottom:18vh}
.hero-controls .hero-arrow{width:auto;display:flex;align-items:center;gap:9px;padding:0 13px}
.hero-arrow span{font-size:1.65rem;line-height:1}.hero-arrow small{font:600 .55rem "DM Sans";letter-spacing:.12em;text-transform:uppercase}
.hero-dots button{width:11px;height:11px}
.hero-universes{position:absolute;z-index:5;left:50%;bottom:2.5vh;transform:translateX(-50%);width:min(760px,92vw);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,11,8,.78);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(12px)}
.hero-universes a{min-height:88px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff;text-decoration:none;text-align:center;border-right:1px solid rgba(255,255,255,.2);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.hero-universes a:last-child{border-right:0}.hero-universes a:hover,.hero-universes a:focus-visible{background:var(--acid);color:var(--black)}
.hero-universes svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.hero-copy{bottom:24vh}.hero-controls{left:5vw;right:auto;bottom:14vh}}
@media(max-width:700px){.brand-image{width:128px}.brand-lockup small{display:none}.hero-carousel{min-height:820px}.hero-copy{left:5vw;bottom:29vh;width:90vw}.hero-copy h1,.hero-copy h2{font-size:clamp(3.15rem,13.5vw,4.8rem);line-height:.84}.hero-slide-studio .hero-copy h2{font-size:clamp(3rem,13vw,4.45rem)}.hero-copy>p:not(.eyebrow){max-width:92%;font-size:.9rem}.home-cta{min-width:min(280px,90vw);padding:15px 17px}.hero-controls{left:5vw;bottom:14.5vh}.hero-arrow small,.hero-controls .hero-pause{display:none}.hero-universes{bottom:1.5vh;width:94vw}.hero-universes a{min-height:82px;padding:10px 4px;font-size:.52rem;letter-spacing:.07em}.hero-universes svg{width:25px;height:25px}}

/* Masters officiels Mokonzi fournis par Yassine — aucune police de substitution. */
.brand-image{aspect-ratio:2.8;mask-image:url('images/brand/mokonzi-wordmark-official.png');-webkit-mask-image:url('images/brand/mokonzi-wordmark-official.png')}
.cta-mark{display:block;width:30px;height:26px;border:0;border-radius:0;background:currentColor;mask:url('images/brand/mokonzi-monogram-official.png') center/contain no-repeat;-webkit-mask:url('images/brand/mokonzi-monogram-official.png') center/contain no-repeat;flex:0 0 auto;font-size:0}
.page-loader .wordmark{width:min(360px,72vw);aspect-ratio:2.8;background:#fff;mask:url('images/brand/mokonzi-wordmark-official.png') center/contain no-repeat;-webkit-mask:url('images/brand/mokonzi-wordmark-official.png') center/contain no-repeat;font-size:0}

/* ============ V2 MULTIPAGE — fashion-first Home, Shop, Collections, Film (2026-08-12) ============ */
/* Canon palette: coral/red, bordeaux/maroon, dark green, black & white. Accent rethemed off acid yellow. */
:root{--acid:#cf5230;--maroon:#5a1a22}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fashion-hero{background-image:url('images/hero/mokonzi-flag.webp');background-position:center 28%}
.story-hero{background-image:url('images/mokonzi-hero.webp');background-position:center 30%}
.collections-hero{background-image:url('images/hero/congo-to-world.webp');background-position:center 38%}
.film-hero{background-image:url('images/hero/rise-leopards.webp');background-position:center 20%}
.hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.light-link{color:#fff;margin-top:24px}
.page-title.shop-title{padding:180px 4vw 70px;background:var(--black);color:#fff}
.page-title.shop-title h1{margin:.1em 0}
.page-title.shop-title>p:not(.eyebrow){max-width:560px;font-size:1.1rem;line-height:1.65}
.shop-section{padding:100px 4vw;background:var(--paper)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line)}
.product-media{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;padding:0;border:0;background:var(--maroon);cursor:pointer}
.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}
.product-media .product-media-alt{opacity:0}
.product-media:hover .product-media-alt,.product-media:focus-visible .product-media-alt{opacity:1}
.product-media:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.product-media.placeholder{display:grid;place-content:center;cursor:default}
.product-media.placeholder img{position:static;width:min(150px,55%);height:auto;object-fit:contain;opacity:.85;justify-self:center}
.product-badge{display:inline-block;width:max-content;font:700 .6rem "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;margin-bottom:14px}
.product-badge.live{background:var(--green);color:#fff}
.product-badge.soon{background:var(--maroon);color:#fff}
.product-meta{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px 30px}
.product-meta h3{font:1.35rem/1 "Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 10px}
.product-meta p{margin:0 0 16px;line-height:1.55}
button.text-link{background:none;border:0;cursor:pointer;padding:0;font-family:inherit}
.shop-note{margin-top:50px;font-size:.98rem}
.shop-note a{color:var(--wine);font-weight:700}
.upcoming-banner{padding:130px 6vw;background:var(--maroon);color:#fff}
.upcoming-banner h2{font:clamp(3rem,7vw,7rem)/.85 "Archivo Black",sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:.25em 0}
.upcoming-banner>p:not(.eyebrow){max-width:560px;font-size:1.1rem;line-height:1.65}
.shop-manifest{background:var(--green)}
.film-quote{background:var(--maroon)}
.product-modal{width:min(1080px,94vw);max-height:92vh;padding:0;border:0;background:var(--paper);color:var(--ink)}
.product-modal::backdrop{background:rgba(12,10,8,.86)}
.product-modal-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr}
.product-modal-gallery{display:grid;grid-template-rows:1fr 1fr;gap:6px;background:var(--maroon)}
.product-modal-gallery img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.product-modal-info{padding:52px 44px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;overflow:auto;max-height:92vh}
.product-modal-info h2{font:clamp(1.7rem,3vw,2.5rem)/.95 "Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0}
.product-modal-info p{margin:0;line-height:1.65}
.product-modal-info ul{margin:0;padding-left:18px;line-height:1.9}
.product-modal-info .home-cta{margin-top:14px}
.product-modal-close{position:absolute;top:14px;right:14px;z-index:2;background:var(--black);color:#fff;border:0;padding:12px 16px;font:700 .68rem "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.product-modal-close:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
@media(max-width:1080px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.product-modal-inner{grid-template-columns:1fr}.product-modal-gallery{grid-template-rows:none;grid-template-columns:1fr 1fr;max-height:38vh}.product-modal-info{padding:32px 24px}}
@media(max-width:640px){.product-grid{grid-template-columns:1fr}.hero-actions{gap:18px}.page-title.shop-title{padding:150px 5vw 55px}.shop-section{padding:80px 5vw}.upcoming-banner{padding:95px 5vw}}
@media(prefers-reduced-motion:reduce){.product-media img{transition:none}}

/* --- iter2 fixes 2026-08-13: contrast + mobile overflow (titres coupés) --- */
.shop-section{color:var(--ink)}
body{overflow-x:clip}
@media(max-width:700px){
.page-hero h1,.page-title h1{font-size:clamp(2.7rem,10.5vw,5.4rem)}
.instagram-source h2{font-size:clamp(1.5rem,8vw,3rem);overflow-wrap:anywhere}
.partners-honesty h2{font-size:clamp(1.9rem,9vw,3.4rem)}
.impact-story article{min-width:0}
.impact-story h2{font-size:clamp(1.8rem,8.5vw,3rem)}
.official-social h2{font-size:clamp(1.6rem,7.5vw,2.7rem);overflow-wrap:anywhere}
}
@media(max-width:640px){
.profiles{grid-template-columns:1fr}
.profiles article{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}
}
.ig-icon{width:16px;height:16px;flex:0 0 auto}
.footer-social{margin-top:22px}
.footer-social .ig-link{display:inline-flex;align-items:center;gap:9px;font:.68rem monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:inherit;border:1px solid currentColor;padding:11px 16px;transition:background .3s,color .3s}
.footer-social .ig-link:hover{background:var(--acid);color:var(--black)}
.masonry-gallery .ig-tile{position:relative;display:block;width:100%;cursor:pointer}
.masonry-gallery .ig-tile span{position:absolute;right:10px;bottom:10px;background:var(--acid);color:var(--black);padding:8px 10px;font:.6rem monospace;text-transform:uppercase}
@media (max-width:720px){.instagram-source h2{font-size:clamp(1.4rem,6.2vw,2.4rem);overflow-wrap:normal;word-break:keep-all}}