@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#030509;--panel:#070d15;--line:rgba(170,230,255,.13);--muted:#8d9bad;--text:#f5f9ff;--cyan:#55e9ff;--violet:#927cff;--green:#79ffd1;--gold:#d9b36c;--max:1280px;--ease:cubic-bezier(.16,.82,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);opacity:.18}.noise{position:fixed;inset:0;z-index:79;pointer-events:none;opacity:.025;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grid-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 0,rgba(60,220,255,.12),transparent 30%),radial-gradient(circle at 80% 65%,rgba(140,100,255,.12),transparent 28%),linear-gradient(180deg,#030509,#050912 55%,#030509)}.grid-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,226,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(91,226,255,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 78%);opacity:.5}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.nav{position:fixed;top:16px;left:0;right:0;z-index:120}.navbox{height:72px;display:flex;align-items:center;gap:25px;padding:10px 14px 10px 18px;border:1px solid rgba(160,230,255,.13);border-radius:20px;background:rgba(3,7,12,.58);backdrop-filter:blur(24px);box-shadow:0 25px 90px rgba(0,0,0,.38)}.brand img{width:145px;display:block}.links{display:flex;gap:3px;margin-left:auto}.links a{position:relative;padding:11px 13px;color:#8d9bad;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.links a:after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:.35s}.links a:hover,.links a.active{color:#f2f7fc}.links a:hover:after,.links a.active:after{transform:scaleX(1)}.navbtn{padding:12px 15px;border:1px solid rgba(85,233,255,.32);border-radius:12px;color:#bff7ff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(85,233,255,.055)}.hamb{display:none;background:none;color:#fff;border:0;font-size:23px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-2;background:#02050a}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,5,9,.92) 0%,rgba(2,5,9,.66) 42%,rgba(2,5,9,.22) 78%,rgba(2,5,9,.65)),linear-gradient(0deg,rgba(2,5,9,.9),transparent 48%)}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.12) brightness(.72);animation:heroZoom 14s ease-out forwards}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 28px var(--cyan);opacity:.35}.ambient{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(85,233,255,.15),transparent 66%);filter:blur(14px);pointer-events:none;animation:float 9s ease-in-out infinite}.a1{right:-220px;top:70px}.a2{left:-260px;bottom:-250px;background:radial-gradient(circle,rgba(146,124,255,.14),transparent 66%);animation-delay:-3s}.hero-copy{padding:190px 0 100px;max-width:900px;position:relative;z-index:4}.eyebrow{font:800 10px Space Grotesk;color:#78eaff;letter-spacing:.2em;text-transform:uppercase}.hero h1{font:600 clamp(54px,7.5vw,112px) Space Grotesk;line-height:.88;letter-spacing:-.065em;margin:18px 0 25px}.outline{color:transparent;-webkit-text-stroke:1px rgba(220,244,255,.7)}.lead{max-width:720px;color:#b0bdcd;line-height:1.75;font-size:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:.35s var(--ease);border:1px solid var(--line)}.btn.primary{color:#031017;background:linear-gradient(135deg,#55e9ff,#e3fdff);box-shadow:0 0 50px rgba(85,233,255,.15)}.btn.ghost{color:#e8eef7;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(0,0,0,.3)}.hero-meta{display:flex;gap:34px;margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);max-width:690px}.hero-meta b{display:block;font:700 29px Space Grotesk}.hero-meta span{display:block;margin-top:3px;color:#8290a3;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.hero-ui{position:absolute;inset:95px 28px 30px;z-index:3;pointer-events:none}.hud{position:absolute;right:0;top:0;color:#728197;font:700 9px Space Grotesk;letter-spacing:.18em}.corner{position:absolute;width:68px;height:68px;border-color:rgba(85,233,255,.38);border-style:solid}.c1{left:0;top:0;border-width:1px 0 0 1px}.c2{right:0;top:0;border-width:1px 1px 0 0}.c3{left:0;bottom:0;border-width:0 0 1px 1px}.c4{right:0;bottom:0;border-width:0 1px 1px 0}.floating-chip{position:absolute;right:7%;bottom:9%;z-index:5;width:260px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(4,8,13,.48);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.4)}.floating-chip .mini{display:flex;align-items:center;gap:8px;font-size:9px;color:#91a1b5;letter-spacing:.12em}.dotlive{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}.floating-chip strong{display:block;margin-top:10px;font:600 23px Space Grotesk}.floating-chip small{display:block;color:#77869a;line-height:1.5;margin-top:4px}.signal{display:flex;align-items:center;gap:10px;position:absolute;right:4%;bottom:35px;z-index:5;color:#7f8da1;font:700 9px Space Grotesk;letter-spacing:.16em}.signal i{width:55px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 12px var(--cyan)}section{padding:130px 0}.head{max-width:820px;margin-bottom:52px}.head h2{font:600 clamp(36px,5vw,67px) Space Grotesk;line-height:.96;letter-spacing:-.05em;margin:14px 0 18px}.head p{color:var(--muted);line-height:1.75}.grad{background:linear-gradient(100deg,#fff,var(--cyan),#a38dff);-webkit-background-clip:text;background-clip:text;color:transparent}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module{min-height:350px;padding:25px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:.45s var(--ease);transform-style:preserve-3d}.module:before{content:"";position:absolute;inset:auto -30% -45% 10%;height:220px;background:radial-gradient(circle,rgba(85,233,255,.18),transparent 68%);filter:blur(12px)}.module:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 62%);transform:translateX(-120%);transition:1s}.module:hover:after{transform:translateX(120%)}.module:hover{border-color:rgba(85,233,255,.38);transform:translateY(-9px)}.module-no{font:800 10px Space Grotesk;color:#68768a;letter-spacing:.2em}.module-icon{width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(85,233,255,.3);border-radius:15px;margin:58px 0 23px;color:var(--cyan);font:800 12px Space Grotesk;box-shadow:inset 0 0 25px rgba(85,233,255,.035),0 0 25px rgba(85,233,255,.04)}.module h3{font:600 22px Space Grotesk;margin:0 0 12px}.module p{color:#8492a5;line-height:1.65;font-size:13px}.module a{position:absolute;bottom:22px;color:#dce8f4;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.people-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px}.person{height:500px;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);transform-style:preserve-3d}.person:first-child{height:500px}.person img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease);filter:saturate(.72) contrast(1.1)}.person:hover img{transform:scale(1.07)}.person:before{content:"AFRICA / HUMAN SIGNAL";position:absolute;z-index:3;top:18px;left:18px;color:#b7c7d8;font:800 8px Space Grotesk;letter-spacing:.16em}.person:after,.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,10,.9),transparent 60%)}.person-copy{position:absolute;z-index:4;bottom:22px;left:22px}.person-copy b{font:600 25px Space Grotesk}.person-copy span{display:block;color:#8d9aae;font-size:10px;margin-top:5px;text-transform:uppercase;letter-spacing:.12em}.photo-stage{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.photo-main,.photo-side{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);min-height:540px}.photo-side{min-height:540px}.photo-main img,.photo-side img{width:100%;height:100%;object-fit:cover;display:block;transition:1s var(--ease);filter:saturate(.72) contrast(1.1)}.photo-main:hover img,.photo-side:hover img{transform:scale(1.06)}.photo-main:after,.photo-side:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,10,.92),transparent 58%)}.photo-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.tag{display:inline-flex;padding:7px 10px;border:1px solid rgba(85,233,255,.28);border-radius:999px;color:var(--cyan);font:800 9px Space Grotesk;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.25);backdrop-filter:blur(10px)}.photo-copy h3{font:600 36px Space Grotesk;max-width:700px;line-height:1.03;margin:14px 0 0}.photo-copy p{color:#bdc8d5;max-width:600px;line-height:1.6}.quote{border-block:1px solid var(--line);padding:65px 0;font:500 clamp(27px,4.3vw,55px) Space Grotesk;letter-spacing:-.04em}.quote span{color:#68778a}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{min-height:275px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.step b{font:800 10px Space Grotesk;color:var(--cyan)}.step h3{font:600 25px Space Grotesk;margin:54px 0 12px}.step p{color:#7f8da0;line-height:1.6;font-size:13px}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:35px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);backdrop-filter:blur(16px)}.panel h3{font:600 31px Space Grotesk;margin:0 0 15px}.contact-line{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-line:last-child{border-bottom:0}.contact-line b{min-width:90px;font:600 10px Space Grotesk;color:#7e8b9e;text-transform:uppercase;letter-spacing:.1em}.contact-line span{color:#d6dde7;line-height:1.5}.page-hero{padding:185px 0 90px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(85,233,255,.11),transparent 25%),linear-gradient(90deg,transparent,rgba(85,233,255,.025),transparent);pointer-events:none}.page-hero:after{content:"YOUNGUI // NEO AFRICA / 2026";position:absolute;right:4%;bottom:35px;font:800 9px Space Grotesk;letter-spacing:.24em;color:#425064}.page-hero h1{font:600 clamp(55px,8vw,116px) Space Grotesk;line-height:.9;letter-spacing:-.065em;margin:18px 0;max-width:1120px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{padding:31px;min-height:250px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(85,233,255,.12),transparent 68%)}.card h3{font:600 27px Space Grotesk;margin:35px 0 12px}.card p{color:#8c9aac;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project{min-height:440px;position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;transform-style:preserve-3d}.project img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.72);transition:.8s}.project:hover img{transform:scale(1.05);filter:brightness(.7) saturate(.95)}.project div{position:absolute;z-index:3;inset:auto 24px 24px}.project h3{font:600 30px Space Grotesk;margin:8px 0}.project p{color:#c0c9d5}.footer{padding:75px 0 25px;border-top:1px solid var(--line);background:#020408}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer img{width:150px}.footer p,.footer a{color:#768497;line-height:1.7;font-size:13px}.footer a{display:block;text-decoration:none;margin:7px 0}.footer h4{font:600 12px Space Grotesk;color:#e9eef5;text-transform:uppercase;letter-spacing:.12em}.copy{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:#4e5c6e;font-size:10px}.reveal{opacity:0;transform:translateY(38px);filter:blur(8px);transition:1s var(--ease)}.reveal.visible{opacity:1;transform:none;filter:none}.cursor{position:fixed;width:18px;height:18px;border:1px solid rgba(85,233,255,.75);border-radius:50%;pointer-events:none;z-index:150;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .2s,height .2s,background .2s}.cursor.active{width:60px;height:60px;background:rgba(85,233,255,.07)}.cursor-dot{position:fixed;width:3px;height:3px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:151;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--cyan)}.page-wipe{position:fixed;inset:0;background:#02060a;z-index:180;transform:translateY(100%);transition:.7s var(--ease)}.page-wipe.go{transform:translateY(0)}.preloader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#02050a;transition:opacity .7s,visibility .7s}.preloader.hide{opacity:0;visibility:hidden}.loader-core{width:min(360px,80vw);text-align:center}.loader-ring{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;border:1px solid rgba(85,233,255,.25);border-top-color:var(--cyan);box-shadow:0 0 35px rgba(85,233,255,.12);animation:spin 1s linear infinite}.loader-core b{font:800 10px Space Grotesk;letter-spacing:.18em;color:#ccefff}.loader-num{margin:13px 0;font:700 38px Space Grotesk}.loader-bar{height:2px;background:#182331;overflow:hidden}.loader-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 18px var(--cyan)}.scan{position:fixed;z-index:70;left:0;right:0;height:80px;top:-100px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(85,233,255,.08),transparent);animation:scan 7s linear infinite}.orbit{position:absolute;right:8%;top:38%;width:250px;height:250px;border:1px solid rgba(85,233,255,.12);border-radius:50%;transform:rotate(18deg);opacity:.75}.orbit:before,.orbit:after{content:"";position:absolute;inset:20px;border:1px solid rgba(146,124,255,.12);border-radius:50%}.orbit:after{inset:50%;width:8px;height:8px;background:var(--cyan);box-shadow:0 0 30px var(--cyan);border:0;transform:translate(-50%,-50%)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes heroZoom{from{transform:scale(1.09)}to{transform:scale(1.02)}}@keyframes float{50%{transform:translate3d(0,-35px,0)}}@keyframes scan{0%{top:-120px}100%{top:110vh}}
@media(max-width:980px){.links{display:none}.navbtn{margin-left:auto}.hamb{display:block}.modules,.process{grid-template-columns:repeat(2,1fr)}.photo-stage,.contact-box{grid-template-columns:1fr}.photo-main,.photo-side{min-height:430px}.people-grid{grid-template-columns:1fr 1fr}.person,.person:first-child{height:430px}.floating-chip{right:4%;bottom:8%;width:220px}.footgrid{grid-template-columns:1fr 1fr}.hero-copy{padding-bottom:145px}.orbit{right:-100px;top:42%}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{top:9px}.navbox{height:62px;border-radius:15px}.brand img{width:128px}.navbtn{display:none}.hero h1{font-size:50px}.hero-copy{padding:130px 0 105px}.lead{font-size:14px}.hero-meta{gap:16px;flex-wrap:wrap;margin-top:35px}.floating-chip,.orbit,.signal,.hud{display:none}.hero-ui{inset:90px 14px 18px}.corner{width:45px;height:45px}.c1,.c2{top:0}.c3,.c4{bottom:0}.modules,.people-grid,.process,.cards,.project-grid,.footgrid{grid-template-columns:1fr}.module{min-height:300px}.module-icon{margin-top:38px}.photo-main,.photo-side,.project{min-height:380px;height:380px}.person,.person:first-child{min-height:400px;height:400px}.photo-copy h3{font-size:27px}.head h2{font-size:39px}section{padding:88px 0}.page-hero{padding:138px 0 70px}.page-hero h1{font-size:59px}.cursor,.cursor-dot{display:none}body:before{opacity:.1}.page-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:980px){.links.open{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(5,8,13,.96);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.links.open a{padding:14px}}