@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;600;700&family=Noto+Serif+Arabic:wght@500;600;700&display=swap');
:root{--ink:#171717;--cream:#f4f0e9;--paper:#fbfaf7;--red:#9e1f24;--muted:#716d67;--line:#d9d3ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Kufi Arabic',sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid #ffffff3d}.nav-wrap{height:104px;max-width:1380px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{width:155px;height:70px;background:#fff;border-radius:2px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:38px;color:#fff;font-size:14px}.nav-links a{position:relative}.nav-links a:not(.nav-contact):after{content:"";position:absolute;right:0;bottom:-7px;width:0;height:1px;background:#fff;transition:.3s}.nav-links a:hover:after,.nav-links .active:after{width:100%}.nav-contact{padding:10px 22px;border:1px solid #ffffff80}.menu-btn{display:none;background:none;border:0}.hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090938,#090909c7 75%,#090909e0),linear-gradient(0deg,#08080899,transparent 50%)}.hero-content{position:relative;z-index:2;width:min(1380px,90%);margin:auto;color:#fff;padding-top:80px}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:1px}.eyebrow:before{content:"";width:42px;height:1px;background:var(--red)}h1,h2{font-family:'Noto Serif Arabic',serif;line-height:1.35;margin:20px 0;font-weight:600}h1{font-size:clamp(52px,7vw,100px);max-width:850px}h1 em,h2 em{color:#b32a30;font-style:normal}.hero-content>p{font-size:17px;max-width:610px;color:#eee;font-weight:300}.hero-actions{display:flex;gap:15px;margin-top:38px}.btn{padding:14px 28px;font-size:14px;transition:.3s}.btn-primary{background:var(--red);color:#fff}.btn-primary span{margin-right:22px}.btn-primary:hover{background:#7f171b}.btn-ghost{border:1px solid #ffffff80}.btn-ghost:hover{background:#fff;color:#111}.scroll-cue{position:absolute;z-index:2;bottom:32px;left:5vw;color:#fff;display:flex;align-items:center;gap:15px;font-size:11px}.scroll-cue b{border:1px solid #ffffff70;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.section{padding:120px max(5vw,20px)}.section-kicker{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted);letter-spacing:1px}.section-kicker span{color:var(--red);border-left:1px solid var(--line);padding-left:16px}.about{max-width:1500px;margin:auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;margin-top:40px}.about h2,.section-heading h2,.gallery-head h2,.contact h2{font-size:clamp(38px,5vw,68px)}.about-copy>p{max-width:610px;color:var(--muted);font-size:15px}.signature{border-right:3px solid var(--red);padding-right:20px;margin-top:35px;display:grid}.signature span{font-size:11px;color:var(--muted)}.signature strong{font-family:'Noto Serif Arabic';font-size:20px}.signature a{color:var(--red);font-size:14px;width:max-content}.about-visual{position:relative}.about-visual:before{content:"";position:absolute;inset:-20px 20px 20px -20px;border:1px solid var(--line);z-index:-1}.about-visual img{width:100%;height:660px;object-fit:cover}.experience{position:absolute;bottom:-35px;right:-35px;width:170px;height:150px;background:var(--red);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:25px}.experience strong{font-family:'Noto Serif Arabic';font-size:32px}.experience span{font-size:11px}.services{background:#181817;color:#fff}.section-heading{max-width:1380px;margin:auto}.section-heading>.section-kicker,.services .section-kicker{color:#aaa}.section-heading>p{color:#999}.service-grid{max-width:1380px;margin:65px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.service-card{min-height:340px;padding:35px;border-left:1px solid #ffffff22;position:relative;transition:.35s}.service-card:last-child{border-left:0}.service-card:hover{background:#9e1f24;transform:translateY(-8px)}.service-card .number{position:absolute;left:25px;top:22px;color:#777;font-size:11px}.service-card .icon{font-size:38px;margin:35px 0 65px;color:#c12b32}.service-card:hover .icon{color:#fff}.service-card h3{font-family:'Noto Serif Arabic';font-size:22px}.service-card p{color:#aaa;font-size:12px}.service-card:hover p{color:#fff}.gallery{max-width:1500px;margin:auto}.gallery-head{display:flex;justify-content:space-between;align-items:end}.gallery-head>p{max-width:430px;color:var(--muted);font-size:14px}.gallery-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:360px;gap:16px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;background:#ddd}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 45%)}.gallery-item span{position:absolute;z-index:2;bottom:22px;right:25px;color:#fff;font-size:13px}.gallery-item:hover img{transform:scale(1.05)}.why{background:var(--cream);display:flex;justify-content:center}.why-card{width:min(1200px,100%);background:#fff;padding:70px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:80px}.why-card h2{font-size:clamp(42px,5vw,66px)}.why-points{grid-column:2;grid-row:1/3}.why-points>div{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.why-points b{color:var(--red);font-size:11px}.why-points p{display:grid;margin:0}.why-points strong{font-family:'Noto Serif Arabic';font-size:20px}.why-points span{color:var(--muted);font-size:12px}.contact{max-width:1500px;margin:auto}.contact-title{text-align:center}.contact-title .section-kicker{justify-content:center}.contact-title>p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border:1px solid var(--line)}.contact-grid>a,.contact-grid>div{padding:35px;min-height:145px;display:grid;position:relative;border-left:1px solid var(--line);transition:.3s}.contact-grid>*:last-child{border-left:0}.contact-grid a:hover{background:var(--red);color:#fff}.contact-grid span{font-size:11px;color:var(--muted)}.contact-grid a:hover span{color:#fff}.contact-grid strong{font-size:15px;align-self:end;overflow-wrap:anywhere}.contact-grid b{position:absolute;left:25px;top:25px;color:var(--red)}.contact-grid a:hover b{color:#fff}footer{background:#161615;color:#fff;padding:60px 5vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.footer-brand img{width:150px;height:70px;object-fit:cover;background:#fff}.footer-brand p{color:#888;font-size:11px}.footer-links{display:flex;justify-content:flex-end;gap:28px;font-size:12px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:22px;margin:0;color:#777;font-size:10px;text-align:center;direction:ltr}.lightbox{position:fixed;z-index:50;inset:0;background:#090909ed;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:86vw;max-height:84vh;object-fit:contain}.lightbox-close,.lightbox-nav{position:absolute;background:none;border:0;color:#fff;cursor:pointer}.lightbox-close{top:20px;left:25px;font-size:40px}.lightbox-nav{top:50%;font-size:55px}.lightbox-nav.prev{right:3vw}.lightbox-nav.next{left:3vw}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-wrap{height:82px}.brand{width:120px;height:55px}.menu-btn{display:grid;gap:5px;z-index:2}.menu-btn span{width:27px;height:1px;background:#fff}.nav-links{position:fixed;inset:0;background:#181817;flex-direction:column;justify-content:center;transform:translateX(-100%);transition:.4s;font-size:18px}.nav-links.open{transform:none}.hero{min-height:680px}.hero-content{padding-top:70px}.scroll-cue{display:none}.section{padding:85px 6vw}.about-grid{grid-template-columns:1fr;gap:70px}.about-visual img{height:520px}.experience{right:15px}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-left:0}.gallery-head{display:block}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.gallery-item.wide{grid-column:span 1}.gallery-item.tall{grid-row:span 1}.why-card{padding:40px;display:block}.contact-grid{grid-template-columns:1fr}.contact-grid>*{border-left:0!important;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.copyright{grid-column:1}}
@media(max-width:560px){h1{font-size:45px}.hero-content>p{font-size:14px}.hero-actions{flex-wrap:wrap}.about-visual img{height:420px}.service-grid{grid-template-columns:1fr}.service-card{border-left:0;border-bottom:1px solid #ffffff22;min-height:280px}.service-card .icon{margin-bottom:35px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:330px}.gallery-item{grid-column:auto!important;grid-row:auto!important}.why-card{padding:30px 22px}.contact-grid>a,.contact-grid>div{padding:25px}.footer-links{gap:17px}.lightbox-nav{font-size:40px}}