@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--paper:#f4f4ee;--ink:#202820;--muted:#61675e;--accent:#d8dfb1;--border:#d4d6cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #829143;outline-offset:7px}.header{max-width:1600px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:25px}.brand{display:flex;align-items:center;gap:13px;direction:ltr}.mark{font:500 38px Manrope,sans-serif;letter-spacing:-4px;position:relative;padding-right:10px}.mark>span{font-size:22px;position:absolute;top:-10px;right:-3px}.brand-name{font:700 13px/1.4 Manrope,sans-serif;letter-spacing:1.5px}.brand-name>span{display:block;font-size:8px;letter-spacing:1.1px;margin-top:5px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{border-bottom:1px solid}.language{border:0;background:transparent;padding:10px 0;cursor:pointer;direction:ltr;font:600 14px Manrope,sans-serif}.language span{margin-left:10px}.hero{max-width:1600px;padding:65px 5% 0;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:0 7%}.eyebrow{font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px}.line{width:29px;height:1px;background:currentColor}.hero-copy{padding:30px 0}.hero h1{font-weight:500;font-size:clamp(44px,4.7vw,76px);line-height:1.6;letter-spacing:-2px;white-space:pre-line;margin:36px 0}.hero-bottom{display:flex;align-items:center;gap:30px;justify-content:space-between}.hero p{color:var(--muted);max-width:340px;line-height:2;font-size:16px}.round-link{display:grid;place-items:center;width:66px;height:66px;border:1px solid var(--ink);border-radius:50%;font:30px Manrope;flex-shrink:0;transition:background .2s}.round-link:hover{background:var(--accent)}.hero-image{min-height:510px;position:relative;overflow:hidden;background:#bcc1b3}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0007)}.image-caption,.image-index{position:absolute;bottom:25px;color:white;z-index:1;font-size:12px;letter-spacing:2px}.image-caption{inset-inline-start:25px}.image-index{inset-inline-end:25px;direction:ltr}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--border);font-size:12px;letter-spacing:1px}.hero-foot span:first-child{font-family:Manrope}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}h2{font-size:clamp(30px,3vw,47px);font-weight:500;line-height:1.6;margin:15px 0}h3{font-size:23px;font-weight:500;margin:15px 0 3px}.sample-note{font-size:13px;color:var(--muted);max-width:300px;line-height:1.9}.projects{display:grid;grid-template-columns:1.1fr 1fr;gap:7%}.project-offset{padding-top:100px}.project-image{height:430px;position:relative;overflow:hidden;background:#d5d7ce}.project-offset .project-image{height:360px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.project-image:hover img{transform:scale(1.035)}.project-image>span{position:absolute;top:17px;inset-inline-start:17px;background:var(--paper);padding:7px 12px;font:12px Manrope}.project-caption>span{font-size:12px;color:var(--muted)}.about{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:8%}.role{font-size:14px;color:var(--muted)}.about-copy p{font-size:21px;line-height:2.2;margin:0}.principles{display:flex;justify-content:space-between;gap:14px;margin-top:38px;border-top:1px solid var(--border);padding-top:24px;font-size:13px}.contact{background:var(--ink);color:var(--paper);max-width:none;padding-top:65px;padding-bottom:45px}.contact h2{white-space:pre-line;font-size:clamp(38px,4.5vw,68px);line-height:1.6;margin:32px 0 45px}.contact .eyebrow{color:var(--accent)}.contact-bottom{border-top:1px solid #ffffff30;padding-top:28px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#d1d5c9}.domain{direction:ltr;font-family:Manrope;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;padding:25px 5%;font-size:12px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:5px}html[lang=en] body{font-family:Manrope,sans-serif}html[lang=en] h1{line-height:1.25;letter-spacing:-3px;font-size:clamp(44px,4.5vw,72px)}html[lang=en] h2{line-height:1.3}html[lang=en] .round-link{transform:scaleX(-1)}@media(min-width:1700px){.contact,footer{padding-inline:calc((100vw - 1440px)/2)}}@media(max-width:900px){.hero{gap:5%}.hero h1{font-size:44px}.hero-image{min-height:440px}.hero-bottom{gap:15px}.round-link{width:50px;height:50px}.project-image{height:350px}.project-offset .project-image{height:300px}.about-copy p{font-size:18px}}@media(max-width:640px){.header{padding:20px 6%;flex-wrap:wrap;gap:20px}.brand{margin-inline-end:auto}nav{order:3;width:100%;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:15px}.hero{padding:25px 6% 0;display:block}.hero-copy{padding:20px 0 30px}.hero h1{font-size:45px;letter-spacing:-1px;margin:24px 0;line-height:1.5}.hero p{font-size:15px;margin:0}.hero-image{min-height:420px}.hero-foot{font-size:10px;gap:15px;line-height:1.8}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}.sample-note{max-width:100%}.projects{display:block}.project-offset{padding-top:38px}.project-image,.project-offset .project-image{height:360px}.about{display:block}.about-copy{margin-top:28px}.principles{font-size:12px}.contact h2{font-size:40px}.contact-bottom{flex-direction:column}.domain{font-size:13px}footer{padding:22px 6%;font-size:11px}html[lang=en] h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}