@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#fff;--fg:#171717;--muted:#717171;--line:#e7e7e7;--surface:#f7f7f7;--inverse:#fff;color-scheme:light}html[data-theme=dark]{--bg:#111;--fg:#f3f3f3;--muted:#aaa;--line:#303030;--surface:#191919;--inverse:#111;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Almarai,sans-serif;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:Almarai,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--fg);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1140px;width:calc(100% - 96px);margin-inline:auto}.skip{position:absolute;inset-inline-start:20px;top:-100px;background:var(--fg);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:8px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;direction:ltr;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand svg{width:48px;height:40px}.nav-actions{display:flex;align-items:center;gap:23px}.nav-actions button{border:0;background:none;padding:8px;display:flex;align-items:center;justify-content:center;min-height:44px}#lang{font-size:13px;font-weight:600;min-width:44px}#theme{padding-inline:0}.switch-track{display:block;width:38px;height:23px;border:1px solid var(--line);background:var(--surface);padding:3px;border-radius:30px}.switch-track>span{display:block;width:15px;height:15px;border-radius:50%;background:var(--fg)}[aria-checked=true] .switch-track>span{margin-left:15px}#menu{width:40px;flex-direction:column;gap:5px}#menu>span{display:block;width:22px;height:1.5px;background:var(--fg)}nav{position:absolute;top:82px;right:0;width:260px;background:var(--bg);padding:16px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #00000008;direction:inherit}html[dir=rtl] nav{direction:rtl}nav a{display:block;padding:15px;border-radius:6px;font-size:15px}nav a:hover{background:var(--surface)}.hero{padding-block:110px 115px}.hero-copy{max-width:820px}.eyebrow{font-family:Inter,Almarai,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.8px;color:var(--muted);margin-bottom:28px}html[lang=ar] .eyebrow{letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.7vw,84px);font-weight:700;line-height:1.2;letter-spacing:-3px;margin-bottom:28px}html[lang=ar] h1{letter-spacing:-2px;line-height:1.45}.lead{max-width:565px;font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--fg);border-radius:6px;padding:15px 24px;min-height:50px;font-size:13px;font-weight:700}.primary{background:var(--fg);color:var(--inverse)}.button:hover{opacity:.8}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:5px}.section{padding-block:76px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}.section-top .eyebrow{margin-bottom:20px}h2{font-size:32px;line-height:1.5;font-weight:700;letter-spacing:-1px;margin-bottom:0}h2 em{font-style:normal}.section-top>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service{padding:24px 0}.service-top{font:11px Inter,sans-serif;color:var(--muted);margin-bottom:22px}.service h3{font-size:18px;margin-bottom:16px;line-height:1.6}.service p,.project p,.steps p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:0}.work-section{background:var(--surface)}.work-section .section{border-top:0}.project{padding:32px 0;border-top:1px solid var(--line)}.project-category{font:10px Inter,sans-serif;color:var(--muted);letter-spacing:1px}.project h3{font:600 25px Inter,sans-serif;letter-spacing:-.7px;margin-block:15px}.project p{max-width:640px}.project .text-link{display:inline-block;margin-top:22px}.small-projects{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:28px}.small-heading{display:flex;align-items:center;justify-content:space-between}.status{font-size:11px;color:var(--muted)}.project.small .project-category{display:inline-block;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps article>span{font:11px Inter,sans-serif;color:var(--muted)}.steps h3{font-size:16px;margin-block:23px 14px}.brief-section{background:var(--surface);padding-block:76px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.brief-grid>div>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:350px;margin-top:24px}form label{display:block;font-size:12px;margin-bottom:10px}input,select,textarea{display:block;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:13px;color:var(--fg);margin-bottom:23px;font-size:14px}textarea{resize:vertical}form .button{width:100%}.form-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:16px}.copy{background:var(--bg);border:1px solid var(--line);padding:12px 18px;border-radius:6px}.copy+span{font-size:12px}#brief-result{margin-top:28px}footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}.footer-brand{font-size:18px;font-weight:700;letter-spacing:-.7px}footer p,footer div{font:10px Inter,Almarai,sans-serif;color:var(--muted);margin:0}footer div{display:flex;gap:20px}footer a:hover{opacity:.65}
@media(min-width:1500px){.hero{padding-block:135px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:82px}.brand{font-size:20px}.brand svg{width:38px}.nav-actions{gap:10px}nav{top:72px}.hero{padding-block:72px 80px}h1{font-size:49px;letter-spacing:-2px}html[lang=ar] h1{font-size:47px}.lead{font-size:15px}.hero-actions{gap:20px}.button{padding:14px 18px;font-size:12px}.text-link{font-size:12px}.section{padding-block:50px}.section-top{display:block;margin-bottom:26px}h2{font-size:26px}.section-top>p{margin-top:20px}.services-grid{grid-template-columns:1fr;gap:0}.service{border-bottom:1px solid var(--line);padding-block:24px}.service:last-child{border-bottom:0}.service-top{margin-bottom:12px}.service h3{font-size:17px;margin-bottom:10px}.small-projects{grid-template-columns:1fr;gap:0;margin-top:0}.project{padding-block:28px}.steps{grid-template-columns:1fr 1fr;gap:32px 24px}.steps h3{margin-top:15px}.brief-section{padding-block:50px}.brief-grid{grid-template-columns:1fr;gap:28px}.brief-grid>div>p{max-width:100%}footer{flex-wrap:wrap;padding-block:28px}footer>p{width:100%;order:2}footer div{font-size:9px;gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Approved metallic photographic homepage */
header.wrap{max-width:none;width:calc(100% - 96px);height:88px;border-bottom:0}.brand{font-size:23px;font-weight:600}.photo-hero{position:relative;isolation:isolate;margin:0 10px;padding:0;height:clamp(480px,44vw,760px);min-height:480px;display:flex;align-items:flex-end;direction:ltr;overflow:hidden;background:#202124;color:white}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 70%),linear-gradient(0deg,#0004,transparent 50%);z-index:-1}.photo-hero .hero-copy{max-width:760px;padding:50px 54px 44px}.photo-hero h1{font-size:clamp(34px,3.5vw,60px);font-weight:400;line-height:1.25;letter-spacing:-1.6px;margin-bottom:12px}.photo-hero .lead{font-size:clamp(17px,1.65vw,28px);font-weight:400;color:#e1e1e1;line-height:1.6;margin-bottom:20px;max-width:none}.hero-button{background:transparent;color:white;border:1px solid #eee;border-radius:0;padding:12px 26px;font-size:14px;font-weight:400;min-height:46px}.hero-button:hover{background:#ffffff12;opacity:1}.hero-domain{position:absolute;bottom:22px;right:32px;letter-spacing:1px;font:11px Inter,sans-serif;color:#ddd}html[lang=ar] .photo-hero .hero-copy{direction:rtl;text-align:right;max-width:700px}html[lang=ar] .photo-hero h1{font-size:clamp(32px,3.1vw,52px);line-height:1.6;letter-spacing:-.5px}.service-strip{max-width:none;width:calc(100% - 96px);display:grid;grid-template-columns:repeat(3,1fr);padding-block:32px 35px;text-align:center}.service-strip a{padding:0 20px;border-inline-end:1px solid var(--line)}.service-strip a:last-child{border:0}.service-strip strong{display:block;font-size:17px;font-weight:400;margin-bottom:10px}.service-strip span{display:block;font-size:12px;color:var(--muted);line-height:1.7}.service-strip a:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){header.wrap{width:calc(100% - 36px);height:76px}.brand{font-size:20px}.photo-hero{margin:0 8px;height:68svh;min-height:470px;max-height:690px}.hero-photo{object-position:48% center}.photo-hero .hero-copy{padding:28px 25px 56px;width:100%}.photo-hero h1{font-size:36px;letter-spacing:-1px}.photo-hero .lead{font-size:17px;margin-bottom:22px}.hero-button{font-size:12px;padding:12px 20px}.hero-domain{bottom:18px;right:22px;font-size:9px}html[lang=ar] .photo-hero h1{font-size:33px;max-width:420px}.photo-hero:after{background:linear-gradient(0deg,#000b,transparent 85%)}.service-strip{width:calc(100% - 32px);padding-block:25px;gap:0}.service-strip a{padding:0 8px}.service-strip strong{font-size:12px;line-height:1.7;margin-bottom:7px}.service-strip span{font-size:10px;line-height:1.7}}