@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#151b16;--paper:#f1f0e9;--line:#d3d5cb;--green:#d7f16d;--muted:#646b60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #769b12;outline-offset:5px}header{height:92px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:28px}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.2px}.brand img{height:48px;width:45px;object-fit:cover;object-position:top;filter:invert(1);mix-blend-mode:multiply}.brand-small{font-family:'DM Sans',sans-serif;display:block;font-size:9px;letter-spacing:2.8px;font-weight:500;margin-top:3px}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:#657d20}.header-end{display:flex;gap:22px;align-items:center}#language{border:0;background:transparent;font-family:'Noto Sans Arabic',sans-serif;font-size:13px}.contact-pill{padding:13px 22px;border:1px solid #8f9688;border-radius:30px;font-size:13px}.contact-pill:hover{background:var(--green)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;left:5px;z-index:20;background:white;padding:15px}.hero{min-height:720px;height:calc(100svh - 92px);max-height:1050px;position:relative;overflow:hidden;color:white;background:#25261f}.hero-art,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-art{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(10,16,12,.73),rgba(10,16,12,.08)),linear-gradient(0deg,rgba(10,16,12,.92),transparent 85%)}.hero-top{position:relative;display:flex;justify-content:space-between;padding:35px 4.2%}.eyebrow,.index{font-size:10px;text-transform:uppercase;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.index{opacity:.7}.hero-copy{position:absolute;bottom:110px;left:4.2%;right:4.2%}.hero h1{font:500 clamp(48px,6.6vw,106px)/1.02 Manrope,sans-serif;letter-spacing:-5px;margin:22px 0 32px;max-width:1150px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.hero-bottom p{max-width:430px;font-size:15px;line-height:1.65;color:#dadcd4;margin:0}.circle-link{display:flex;gap:24px;align-items:center;font-size:13px}.circle-link b{border:1px solid #959f8c;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:25px;font-weight:400}.circle-link:hover b{background:var(--green);color:var(--ink)}.hero-caption{position:absolute;bottom:0;left:4.2%;right:4.2%;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;padding:20px 0;font-size:10px;letter-spacing:1px}.hero-caption span:last-child{font-size:9px}.section-pad{padding:110px 6%}.section-tag{display:flex;gap:24px;font-size:10px;letter-spacing:1.8px;align-items:center;margin-bottom:30px}.section-tag>span:first-child{color:#7c8276}h2{font:500 clamp(38px,4.3vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-2.5px;margin:0}p{line-height:1.7}.intro{display:grid;grid-template-columns:1fr 2.15fr;gap:50px}.intro-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px}.intro-details p{font-size:14px;color:var(--muted);margin:0}.work{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:25px;background:transparent;padding:10px 18px;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 28px}.project{display:block;width:100%;padding:0;border:0;background:transparent;text-align:start}.project:first-child{grid-column:1/-1}.project-img{position:relative;overflow:hidden;background:#d9dad1;aspect-ratio:1.5}.project:first-child .project-img{aspect-ratio:2.05}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.project:hover img{transform:scale(1.035)}.project .project-arrow{position:absolute;bottom:20px;right:20px;background:var(--paper);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:22px}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:18px;align-items:baseline}.project-meta h3{font:500 26px Manrope,sans-serif;margin:0;letter-spacing:-1px}.project-meta span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.work-note{text-align:center;color:var(--muted);font-size:12px;margin-top:45px}.statement{height:540px;position:relative;overflow:hidden;color:white;background:#24342c}.statement img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.5)}.statement>div{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:30px}.statement h2{font-size:clamp(60px,8vw,120px);letter-spacing:-5px}.expertise{display:grid;grid-template-columns:1fr 2.15fr;gap:50px}.expertise h2{margin-bottom:45px}.service{display:grid;grid-template-columns:30px 1fr 22px;border-top:1px solid var(--line);gap:18px;padding:27px 0}.service>span{font-size:11px;color:var(--muted);padding-top:6px}.service h3{font:500 24px Manrope,sans-serif;margin:0 0 14px;letter-spacing:-.6px}.service p{margin:0;color:var(--muted);font-size:14px;max-width:510px}.service b{font-size:24px;font-weight:400}.process{background:#e5e7dc;padding-top:65px;padding-bottom:75px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process article{border-top:1px solid #b8bdac;padding-top:22px}.process article>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.process h3{font:500 28px Manrope,sans-serif;letter-spacing:-1px;margin:22px 0 15px}.process p{font-size:14px;color:var(--muted);max-width:300px}.contact{background:var(--green);padding-top:85px;padding-bottom:55px}.contact h2{font-size:clamp(68px,10vw,150px);letter-spacing:-7px}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:35px}.contact-row p{font-size:15px;margin:0}.email-link{font-size:clamp(21px,3vw,43px);letter-spacing:-1.5px;border-bottom:1px solid #596831;padding:10px 0}.email-link span{padding-left:25px}.contact-links{margin-top:60px;padding-top:22px;border-top:1px solid #a1b74e;display:flex;justify-content:space-between;font-size:12px}footer{background:var(--ink);color:#dce0d5;padding:30px 6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px}dialog{padding:0;border:0;width:min(1080px,94vw);max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0b100dde;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:15px;float:right;right:15px;margin:15px 15px -60px 0;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:var(--paper);font-size:30px}.detail-img{width:100%;max-height:60vh;object-fit:cover;display:block}.detail-copy{padding:40px}.detail-copy h2{margin:15px 0 24px}.detail-copy p{max-width:700px;color:var(--muted)}.detail-copy a{display:inline-block;margin-top:12px;border-bottom:1px solid;padding-bottom:6px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.detail-gallery img{width:100%;height:280px;object-fit:cover}.empty-state{grid-column:1/-1}body.modal-open{overflow:hidden}[hidden]{display:none!important}html[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.35}html[dir=rtl] .hero-copy{text-align:right}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .eyebrow,html[dir=rtl] .section-tag{letter-spacing:0}html[dir=rtl] .hero h1{font-size:clamp(40px,6vw,85px)}html[dir=rtl] .contact h2{font-size:clamp(60px,8vw,115px)}html[dir=rtl] .email-link{direction:ltr}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#0a100cb8,transparent),linear-gradient(0deg,#0a100ceb,transparent)}
@media(min-width:1700px){.section-pad{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}@media(max-width:800px){header{height:78px;padding:0 5%;gap:12px}.brand{font-size:20px}.brand img{height:40px;width:36px}nav{display:none}.header-end{gap:12px}.contact-pill{padding:10px 15px}.hero{height:calc(90svh - 78px);min-height:630px}.hero-top{padding:26px 6%}.hero-top .index{display:none}.hero-copy{left:6%;right:6%;bottom:90px}.hero h1{letter-spacing:-2.5px;font-size:clamp(43px,8vw,67px)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}.hero-bottom p{max-width:380px;font-size:14px}.circle-link b{width:45px;height:45px}.hero-caption{left:6%;right:6%}.hero-caption span:last-child{display:none}.section-pad{padding:65px 6%}.intro,.expertise{grid-template-columns:1fr;gap:8px}.intro-details{gap:25px}.section-heading{align-items:flex-start;flex-direction:column}.project-grid{gap:35px 20px}.project-meta{flex-direction:column;gap:8px}.project-meta h3{font-size:23px}.project:first-child .project-img{aspect-ratio:1.5}.statement{height:420px}.process-grid{gap:25px}.process h3{font-size:23px}.contact h2{letter-spacing:-4px}.contact-row{align-items:flex-start;flex-direction:column}.contact-links{flex-wrap:wrap;gap:25px}footer{flex-wrap:wrap;font-size:9px}.detail-copy{padding:25px}.detail-gallery img{height:180px}}
@media(max-width:480px){.brand-small{font-size:7px;letter-spacing:2px}.brand img{display:none}.header-end{gap:10px}.contact-pill{font-size:11px;padding:10px 13px}#language{font-size:12px}.hero h1{font-size:44px;letter-spacing:-2.2px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.intro-details,.project-grid,.process-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project-img,.project:first-child .project-img{aspect-ratio:1.35}.project-meta{flex-direction:row;align-items:center}.project-meta span{font-size:8px;max-width:110px;text-align:end}.statement h2{letter-spacing:-3px}.service{grid-template-columns:20px 1fr 18px;gap:10px}.service h3{font-size:21px}.process p{max-width:none}.email-link{font-size:24px;letter-spacing:-1px}.email-link span{padding-left:12px}.contact-links{font-size:11px}.contact h2{font-size:68px}.detail-gallery{grid-template-columns:1fr}html[dir=rtl] .hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}