:root{--ink:#151511;--bone:#eeeae1;--cream:#f7f4ed;--clay:#a44f35;--muted:#6d6a62;--rule:#c8c3b8;--display:'Alexandria',sans-serif;--body:'Noto Kufi Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.12;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.skip{position:fixed;right:20px;top:-100px;background:#fff;padding:10px 14px;z-index:100}.skip:focus{top:12px}.notice{height:30px;padding:0 clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:center;background:var(--clay);color:#fff;font-size:9px}.notice p{opacity:.72}.notice span{font-weight:600}.header{height:84px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:50px;position:sticky;top:0;z-index:30;background:rgba(238,234,225,.9);backdrop-filter:blur(18px);border-bottom:1px solid #15151126;transition:.3s}.header.compact{height:68px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand b{font-family:var(--display);font-size:28px;letter-spacing:-2px}.brand i{font-style:normal;font-size:7px;letter-spacing:1.6px;line-height:1.4}.header nav{display:flex;gap:32px;margin-inline-start:auto;font-size:11px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;right:0;bottom:-7px;width:0;border-bottom:1px solid;transition:.3s}.header nav a:hover:after{width:100%}.nav-cta{height:42px;min-width:160px;border:1px solid;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px}.nav-cta:hover{background:var(--ink);color:#fff}.nav-cta b{font-size:20px;font-weight:300}.menu{display:none;background:none;border:0;width:42px}.menu span{display:block;border-top:1px solid;margin:7px}.hero{height:calc(100svh - 114px);min-height:650px;position:relative;color:#fff;padding:32px clamp(20px,4vw,64px) 42px;display:flex;flex-direction:column;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{filter:saturate(.65);transform:scale(1.03);animation:heroZoom 14s ease-out both}.hero-shade{background:linear-gradient(90deg,#0808062e,#080806c7),linear-gradient(0deg,#08080694,transparent 52%)}@keyframes heroZoom{to{transform:scale(1.09)}}.hero-top,.hero-title,.hero-foot,.scroll-mark{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;border-top:1px solid #ffffff73;padding-top:13px}.hero-title{margin:auto 0 auto auto;width:min(1050px,88%)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;margin-bottom:20px}.eyebrow:before{content:'';width:50px;border-top:1px solid var(--clay)}.hero h1{font-size:clamp(78px,11vw,175px);letter-spacing:-9px;line-height:.87}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:#d3a58f;margin-right:14%}.hero-foot{display:flex;justify-content:flex-end;align-items:end;gap:60px}.hero-foot>p{width:390px;font-size:12px;color:#dedbd3}.round-link{width:116px;height:116px;border:1px solid #ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;font-size:9px;line-height:1.6;transition:.35s}.round-link b{font-size:20px}.round-link:hover{background:var(--clay);border-color:var(--clay);transform:rotate(-8deg)}.scroll-mark{position:absolute;bottom:45px;right:clamp(20px,4vw,64px);font-size:7px;letter-spacing:1px;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}.scroll-mark span{height:60px;border-right:1px solid}.section-tag{font-size:9px;display:flex;gap:12px;align-items:center}.section-tag span{color:var(--clay)}.section-tag.light{color:#aaa79f}.manifesto{max-width:1500px;margin:auto;padding:clamp(110px,13vw,200px) clamp(24px,7vw,110px);display:grid;grid-template-columns:150px 1fr 300px;gap:40px;align-items:end}.manifesto-copy .lead{font-size:12px;margin-bottom:32px;color:var(--muted)}.manifesto h2{font-size:clamp(56px,7.5vw,112px);letter-spacing:-6px}.manifesto h2 em{font-style:normal;color:var(--clay)}.manifesto-note{border-top:1px solid var(--ink);padding-top:18px}.manifesto-note span{font-size:8px;letter-spacing:1px}.manifesto-note p{font-size:11px;color:var(--muted);margin-top:28px}.work{background:var(--ink);color:var(--cream);padding:clamp(100px,12vw,180px) 0 70px}.work-intro{padding:0 clamp(24px,7vw,110px) 100px;display:grid;grid-template-columns:150px 1fr 340px;gap:40px;align-items:end}.work-intro h2{font-size:clamp(55px,7vw,105px);letter-spacing:-5px}.work-intro>p{font-size:10px;color:#918f89}.case{min-height:820px;display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(45px,8vw,125px);align-items:center;padding:80px clamp(24px,7vw,110px);border-top:1px solid #373732}.case-two{grid-template-columns:.65fr 1.35fr}.case-two .case-image{order:2}.case-two .case-copy{order:1}.case-three{grid-template-columns:1.1fr .9fr}.case-image{height:min(72vw,760px);border:0;padding:0;background:#222;position:relative;overflow:hidden;color:#fff;text-align:right}.case-image img{filter:saturate(.68);transition:transform 1s,filter 1s}.case-image:hover img{transform:scale(1.035);filter:saturate(.95)}.view{position:absolute;left:18px;bottom:18px;padding:10px 13px;background:var(--cream);color:var(--ink);font-size:8px;transform:translateY(70px);transition:.35s}.case-image:hover .view{transform:none}.case-copy{max-width:390px}.case-no{font-size:8px;color:#8f8d86;letter-spacing:1px}.case-copy h3{font-size:clamp(54px,6vw,90px);letter-spacing:-5px;margin:35px 0}.case-copy>p{font-size:11px;color:#aaa79f}.case-copy ul{list-style:none;padding:0;margin:50px 0 0;border-top:1px solid #4a4943}.case-copy li{padding:10px 0;border-bottom:1px solid #363631;font-size:8px;display:flex;justify-content:space-between}.case-copy li:after{content:'↙';font-size:13px}.credits{padding:35px clamp(24px,7vw,110px) 0;font-size:8px;color:#77746d}.services{padding:clamp(110px,13vw,190px) clamp(24px,7vw,110px);max-width:1500px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.services-head h2{font-size:clamp(55px,6.8vw,100px);letter-spacing:-5px;margin:45px 0}.services-head>p{font-size:11px;color:var(--muted);max-width:360px}.service-stack{border-top:1px solid}.service{display:grid;grid-template-columns:45px 1fr 1fr auto;gap:24px;align-items:center;padding:34px 0;border-bottom:1px solid var(--rule);transition:.3s}.service:hover{padding-right:15px}.service>span{font-size:8px;color:var(--clay)}.service h3{font-size:clamp(25px,2.7vw,40px)}.service p{font-size:10px;color:var(--muted)}.service a{font-size:8px;border-bottom:1px solid;padding-bottom:3px;white-space:nowrap}.method{display:grid;grid-template-columns:1fr 1fr;background:#d3c8b6}.method-visual{min-height:850px;position:relative;overflow:hidden}.method-visual img{filter:saturate(.6)}.method-label{position:absolute;right:22px;bottom:22px;color:#fff;font-size:7px;letter-spacing:2px}.method-copy{padding:clamp(70px,8vw,125px)}.method-copy>h2{font-size:clamp(45px,5vw,74px);letter-spacing:-4px;margin:45px 0 70px}.method-copy ol{list-style:none;padding:0;margin:0;border-top:1px solid}.method-copy li{display:grid;grid-template-columns:55px 1fr;padding:21px 0;border-bottom:1px solid #1515114d}.method-copy li>span{font-size:8px;color:var(--clay)}.method-copy h3{font-size:21px}.method-copy li p{font-size:9px;color:#625e55;margin-top:5px}.contact{background:var(--clay);color:#fff;padding:clamp(100px,12vw,170px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact-head h2{font-size:clamp(60px,8vw,120px);letter-spacing:-7px;margin:50px 0 30px}.contact-head h2 em{font-style:normal;color:#e2bca9}.contact-head>p{font-size:10px;color:#e7cfc5;max-width:390px}.contact form{background:var(--cream);color:var(--ink);padding:clamp(30px,4vw,58px);align-self:center}.form-index{display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:18px;margin-bottom:25px;font-size:8px;letter-spacing:1px}.form-index b{color:var(--clay)}label{display:block;font-size:8px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label small{color:var(--muted);margin-right:5px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--rule);background:transparent;border-radius:0;padding:10px 0;font-size:11px;min-height:42px;margin-top:4px}textarea{resize:vertical}.submit{width:100%;border:0;background:var(--ink);color:#fff;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.submit b{font-size:22px}.submit:hover{background:#37372f}.result{margin-top:18px;padding:15px;border-right:3px solid var(--clay);background:#e9e3d8}.result h3{font-size:13px}.result p{white-space:pre-line;font-size:9px;margin:7px 0}.result button{border:0;border-bottom:1px solid;background:none;padding:0;font-size:8px}.result span{font-size:8px;margin-right:10px}footer{background:var(--ink);color:#fff;min-height:240px;padding:50px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr .5fr auto;gap:40px;align-items:start;border-top:1px solid #333}.footer-brand b{font-size:50px}.footer-brand i{color:#888}footer p,footer a,footer>span{font-size:8px;color:#aaa79f}footer>div{display:flex;flex-direction:column;gap:7px}footer>span{align-self:end}.mobile-cta{display:none}dialog{border:0;padding:0;width:min(980px,92vw);background:var(--bone);color:var(--ink)}dialog::backdrop{background:#080806e8}dialog>img{max-height:70vh;object-fit:contain;background:#111}dialog>div{padding:20px 25px}dialog>div span{font-size:8px;color:var(--clay)}dialog h3{font-size:24px;margin:4px 0}dialog p{font-size:9px;color:var(--muted)}.dialog-close{position:absolute;left:12px;top:12px;width:42px;height:42px;border:0;background:var(--bone);font-size:25px;z-index:2}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.manifesto{grid-template-columns:100px 1fr}.manifesto-note{grid-column:2}.work-intro{grid-template-columns:100px 1fr}.work-intro>p{grid-column:2}.case{min-height:650px;gap:45px}.case-image{height:620px}.services{grid-template-columns:1fr}.service-stack{margin-top:30px}.method-copy{padding:60px}.contact{gap:50px}}
@media(max-width:720px){html{scroll-padding-top:65px}.notice{height:34px}.notice p{display:none}.header{height:68px;padding:0 18px}.brand b{font-size:25px}.brand i{display:none}.header nav{display:none;position:absolute;top:100%;right:0;left:0;background:var(--bone);padding:28px;flex-direction:column;border-bottom:1px solid}.header nav.open{display:flex}.nav-cta{margin-right:auto;min-width:120px;height:36px}.menu{display:block}.hero{height:calc(100svh - 102px);min-height:620px;padding:20px}.hero-top span:nth-child(2){display:none}.hero-title{width:100%;margin:auto 0}.hero h1{font-size:clamp(72px,23vw,108px);letter-spacing:-6px}.hero h1 em{margin-right:5%}.hero-foot{justify-content:space-between;gap:25px}.hero-foot>p{width:auto;font-size:10px}.round-link{width:88px;height:88px;flex:none}.scroll-mark{display:none}.manifesto{display:block;padding:90px 24px}.manifesto-copy{margin:55px 0}.manifesto h2{font-size:57px;letter-spacing:-4px}.manifesto-note{max-width:360px;margin-right:auto}.work{padding-top:90px}.work-intro{display:block;padding:0 24px 70px}.work-intro h2{font-size:57px;margin:40px 0 22px}.case,.case-two,.case-three{min-height:auto;display:flex;flex-direction:column;gap:38px;padding:55px 24px}.case-two .case-image,.case-two .case-copy{order:initial}.case-image{height:68svh;width:100%}.case-copy{max-width:none;width:100%}.case-copy h3{font-size:58px;margin:25px 0}.services{padding:90px 24px}.services-head h2{font-size:57px}.service{grid-template-columns:35px 1fr auto}.service p{grid-column:2/4}.method{grid-template-columns:1fr}.method-visual{min-height:62svh}.method-copy{padding:75px 24px}.method-copy>h2{font-size:48px}.contact{grid-template-columns:1fr;padding:90px 24px}.contact-head h2{font-size:66px;letter-spacing:-5px}.contact form{padding:30px 22px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding-bottom:100px}footer p{grid-column:1/-1}.mobile-cta{display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:40;background:var(--clay);color:#fff;padding:12px 16px;justify-content:space-between;font-size:10px;box-shadow:0 10px 30px #0005}.mobile-cta b{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
:root{--display:'IBM Plex Sans Arabic',sans-serif}h1,h2,h3,.brand b{letter-spacing:0!important}.hero h1{font-weight:200;line-height:.92}.hero h1 em{font-weight:300}.manifesto h2,.work-intro h2,.services-head h2,.method-copy>h2,.contact-head h2{font-weight:300}.case-copy h3{font-weight:200}
