@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#131316;--text:#f0efed;--muted:#a7a5ad;--line:#343338;--accent:#e6a77d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1260px,89%);margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:29px;border-bottom:1px solid var(--line)}.logo{font:600 19px 'Manrope',sans-serif;letter-spacing:-.6px}.name-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-contact{border:1px solid #60534c;border-radius:30px;padding:9px 19px}.nav-contact span{margin-left:12px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}em{font-style:normal;color:var(--accent)}.hero{padding-top:65px}.personal-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(60px,7.2vw,105px);font-weight:500;line-height:1.06;letter-spacing:-5px;margin:28px 0}.role{font-size:19px;font-weight:500}.intro{max-width:460px;color:var(--muted);font-size:18px;margin-top:16px}.personal-belief{font-size:14px;margin-top:24px;color:#c5c0ba}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;border:0;border-radius:6px;background:var(--accent);color:#241b17;padding:15px 23px;font:600 15px/1.5 'DM Sans',sans-serif;cursor:pointer;margin-top:28px;transition:background .2s,transform .2s}.button:hover{background:#f4be99;color:#241b17;transform:translateY(-2px)}.hero-foot{border-top:1px solid var(--line);margin-top:58px;padding-block:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;color:var(--muted)}.hero-foot a{letter-spacing:0}.hero-foot a span{margin-left:12px}.globe-panel{position:relative;min-width:0}.globe-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#aca4a0;padding-inline:26px}#africa-globe{display:block;width:100%;height:auto;aspect-ratio:1}.globe-location{display:flex;align-items:center;gap:13px;justify-content:center;margin-top:-26px}.location-symbol{font-size:30px;color:var(--accent)}.globe-location strong{font-size:15px;font-weight:500;display:block}.globe-location div>span{display:block;font-size:12px;color:var(--muted);letter-spacing:1px}.globe-controls{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:18px}.globe-controls button{font:400 12px 'DM Sans',sans-serif;color:#d8d3cf;background:#1f1e23;border:1px solid #3a373b;min-height:38px;padding:8px 15px;border-radius:30px;cursor:pointer}.globe-controls button:hover{border-color:var(--accent);color:var(--accent)}.map-credit{display:block;text-align:center;font-size:10px;color:#969199;margin-top:12px}#globe-status{font-size:14px;text-align:center}.section{padding-block:82px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;letter-spacing:1.3px}.section-label span:last-child{letter-spacing:0}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.2;font-weight:500;letter-spacing:-2px}h2 span{color:#9b959a}.about-content{display:grid;grid-template-columns:.75fr 1fr;gap:10%;align-items:center;margin-top:48px}.portrait{position:relative;margin:0;border-radius:8px;overflow:hidden;max-width:440px}.portrait img{display:block;width:100%;height:auto}.portrait figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:55px 20px 20px;background:linear-gradient(transparent,#000b);font-size:10px;letter-spacing:.7px}.about-copy h2{margin-bottom:27px}.about-copy p{margin-top:19px;color:#b5b0b6;font-size:17px}.experience{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.experience-stat{display:flex;align-items:center;gap:20px}.experience-stat strong{font:500 76px/1 'Manrope',sans-serif;letter-spacing:-5px}.experience-stat strong span{color:var(--accent)}.experience-stat>span{font-size:12px;letter-spacing:1px}.experience p{font-size:16px;color:var(--muted)}.experience-note{font-size:11px;letter-spacing:1px;color:var(--muted)}.work-title{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-block:45px}.work-title p{max-width:330px;color:var(--muted)}.focus-list article{display:grid;grid-template-columns:45px 1fr auto;gap:25px;padding-block:28px;border-top:1px solid var(--line)}.number{color:var(--accent);font-size:13px;padding-top:9px}h3{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.5px}.focus-list p{color:var(--muted);margin-top:12px;max-width:610px}.tag{font-size:10px;letter-spacing:1px;border:1px solid #474044;border-radius:25px;padding:7px 11px;align-self:start}#services .focus-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#services .focus-list article{display:flex;flex-direction:column;gap:26px;padding:28px;min-height:355px;border:1px solid #423b3a;border-radius:10px;background:linear-gradient(145deg,#282224,#19191c);transition:border-color .2s,transform .2s}#services .focus-list article:hover{border-color:#ba8c6e;transform:translateY(-4px)}#services .number{font-size:25px;font-weight:400;padding:0}#services .tag{margin-top:auto}.contact{background:#1e1c20;padding-block:65px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:50px}.contact h2{font-size:clamp(42px,5vw,68px)}.contact-intro>p{color:var(--muted);margin-top:23px;max-width:420px}.email-link{display:inline-block;color:var(--accent);font-size:clamp(16px,1.6vw,22px);border-bottom:1px solid #6f5141;padding-bottom:5px;margin-top:30px;overflow-wrap:anywhere}.email-note{font-size:13px}#question-form{background:#252328;border:1px solid #454047;border-radius:12px;padding:30px}#question-form h3{font-size:24px;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:19px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.field label span{font-size:12px;font-weight:400;color:var(--muted)}input,select,textarea{font:16px/1.5 'DM Sans',sans-serif;display:block;width:100%;min-width:0;background:#1c1b1e;border:1px solid #504952;border-radius:5px;color:var(--text);padding:12px}input::placeholder,textarea::placeholder{color:#969099}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:130px}#question-form .button{width:100%;margin-top:0}.form-note{font-size:13px;color:var(--muted);margin-top:14px}#form-status{font-size:14px;color:var(--accent);margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px}footer>span{font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:var(--accent);color:#181318}.skip:focus{top:10px;z-index:20}
@media(max-width:1000px){.personal-hero{grid-template-columns:1fr 1fr}.personal-intro h1{font-size:clamp(54px,7.3vw,75px);letter-spacing:-3px}.intro{font-size:16px}.globe-top{font-size:9px;padding-inline:10px;gap:10px}.experience-note{display:none}#services .focus-list article{padding:22px}#services h3{font-size:23px}.form-row{grid-template-columns:1fr;gap:0}.contact-grid{gap:5%}.logo{font-size:17px}.about-content{gap:6%}}
@media(max-width:760px){.wrap{width:88%}.nav{padding-block:23px;gap:15px}.nav .logo{font-size:15px;max-width:95px;line-height:1.3}nav{gap:14px;font-size:12px}.nav-contact{padding:7px 10px}.nav-contact span{display:none}.hero{padding-top:40px}.personal-hero{grid-template-columns:1fr;gap:42px}.personal-intro h1{font-size:clamp(58px,12vw,85px);letter-spacing:-3px}.intro{font-size:17px}.globe-panel{max-width:530px;width:100%;justify-self:center}.globe-top{font-size:10px;padding:0}.globe-location{margin-top:-15px}.hero-foot{margin-top:30px;font-size:10px;align-items:center}.hero-foot a{font-size:12px;text-align:right;max-width:170px}.section{padding-block:50px}.section-label{font-size:11px}.section-label span:last-child{text-align:right}.about-content{grid-template-columns:1fr;gap:30px;margin-top:30px}.portrait{max-width:100%}.about-copy h2{font-size:39px}.experience{align-items:flex-start;flex-direction:column;margin-top:30px;gap:20px}.experience p br{display:none}.work-title{display:block;margin-block:30px}.work-title p{margin-top:20px;max-width:none}.focus-list article{grid-template-columns:25px 1fr;gap:13px}.tag{grid-column:2;justify-self:start}#services .focus-list{grid-template-columns:1fr}#services .focus-list article{min-height:0;padding:26px;gap:21px}#services h3{font-size:27px}.contact{padding-block:45px}.contact-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.contact h2{font-size:49px}.contact-intro>p{max-width:100%}#question-form{padding:22px}footer{flex-wrap:wrap}footer>span:last-child{width:100%}}@media(max-width:360px){nav{font-size:11px;gap:10px}.nav .logo{font-size:14px}.personal-intro h1{font-size:53px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover,#services .focus-list article:hover{transform:none}}
