@font-face{font-family:Tajawal;src:url("fonts/Iura6YBj_oCad4k1nzSBC45I.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url("fonts/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url("fonts/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url("fonts/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2") format("woff2");font-weight:900;font-display:swap}
:root{--ink:#173b35;--ink-2:#0f2925;--accent:#c87552;--accent-2:#e5b38d;--sand:#efe7dc;--paper:#fbfaf7;--line:rgba(23,59,53,.18);--muted:rgba(23,59,53,.68)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;font-weight:400;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:rgba(251,250,247,.95);position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}
.brand-mark{width:44px;height:44px;border:1px solid var(--ink);display:grid;place-items:center;transform:rotate(45deg)}
.brand-mark span{transform:rotate(-45deg);font-size:14px;font-weight:900}
.brand-name{font-size:17px;line-height:1.15}.brand-name small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:1px;margin-top:3px}
.nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav a{padding:8px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-color:var(--accent)}
.header-cta{border:1px solid var(--ink);padding:10px 19px;font-size:13px}.header-cta:after{content:" ←";color:var(--accent)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;font:inherit}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:610px;padding-top:34px}
.hero-copy{background:var(--sand);padding:76px 9% 70px 12%;display:flex;flex-direction:column;justify-content:center}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.eyebrow:before{content:"";width:42px;height:1px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,86px);line-height:1.2;font-weight:400;margin:22px 0 25px;letter-spacing:-1px}h2{font-size:clamp(34px,4vw,55px);font-weight:400;line-height:1.25;margin-bottom:18px}h3{font-size:24px;line-height:1.3;margin-bottom:11px}
.hero-copy p{max-width:520px;color:var(--muted);font-size:17px;line-height:2.05}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 25px;border:1px solid var(--ink);font-size:14px;transition:.2s}.button.primary{background:var(--ink);color:#fff}.button:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:#fff}
.hero-media{position:relative;min-height:500px;background:#d5d0c9}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.media-tag{position:absolute;bottom:30px;right:30px;color:#fff;display:flex;align-items:end;gap:12px;font-size:14px;text-shadow:0 2px 14px #000}.media-tag strong{font-size:42px;font-weight:400;line-height:1}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:115px 0 100px;align-items:start}.section-kicker{font-size:13px;color:var(--muted);margin-bottom:20px}.intro h2{max-width:440px}.intro p{max-width:470px;color:var(--muted);font-size:17px;line-height:2.1}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:14px}.text-link:after{content:"  ←";color:var(--accent)}
.sand-section{background:var(--sand);padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.section-heading p{max-width:410px;color:var(--muted);line-height:2}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{border:1px solid var(--line);background:var(--paper);padding:34px 36px 30px;min-height:275px;display:flex;flex-direction:column}.service-num{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.service-icon{border:1px solid var(--ink);width:29px;height:29px;display:grid;place-items:center;font-size:13px}.service-card h3{margin-top:46px}.service-card p{color:var(--muted);line-height:2;margin-bottom:auto}.service-card .text-link{align-self:flex-start}
.process{padding:110px 0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.process-item b{font-size:14px;color:var(--accent)}.process-item strong{display:block;font-size:20px;font-weight:500;margin-bottom:4px}.process-item span{color:var(--muted);font-size:14px}
.gallery-section{padding:90px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter{font:inherit;background:transparent;border:1px solid var(--ink);padding:10px 20px;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-card{height:300px;position:relative;overflow:hidden;background:var(--sand)}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.gallery-label{position:absolute;z-index:1;bottom:18px;right:18px;color:#fff;font-size:18px}.gallery-label small{display:block;font-size:12px;opacity:.8}
.dark-section{background:var(--ink-2);color:#fff;padding:95px 0}.dark-section .eyebrow,.dark-section p{color:rgba(255,255,255,.72)}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.city-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.city-list span{border:1px solid rgba(255,255,255,.24);padding:11px;text-align:center;font-size:13px;color:rgba(255,255,255,.82)}
.content-section .city-list span{color:var(--ink);border-color:var(--line)}
.faq-contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:110px 0}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:16px}.faq summary:after{content:"⌄";color:var(--accent)}.faq details p{color:var(--muted);font-size:14px;margin:14px 0 0}.contact-box{background:var(--sand);padding:36px}.contact-box input,.contact-box textarea,.contact-box select{display:block;width:100%;padding:14px 12px;border:1px solid var(--line);background:rgba(255,255,255,.7);font:inherit;margin:10px 0 14px;color:var(--ink)}.contact-box textarea{min-height:105px;resize:vertical}.contact-box label{font-size:13px}.contact-box .button{width:100%;cursor:pointer}
.footer{background:var(--ink-2);color:#fff;padding:42px 0}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer .brand-mark{border-color:#fff}.footer .brand-name small{color:rgba(255,255,255,.55)}.footer p{color:rgba(255,255,255,.6);font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:28px;padding-top:18px;color:rgba(255,255,255,.5);font-size:12px;display:flex;justify-content:space-between;gap:18px}
.page-hero{background:var(--sand);padding:90px 0 85px}.page-hero .container{display:flex;justify-content:space-between;gap:50px;align-items:end}.page-hero h1{font-size:clamp(42px,5vw,70px);max-width:680px;margin:18px 0 0}.page-hero p{max-width:410px;color:var(--muted);font-size:16px;line-height:2}
.content-section{padding:90px 0}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{border:1px solid var(--line);padding:30px;background:rgba(255,255,255,.65)}.content-card p,.content-card li{color:var(--muted);font-size:14px;line-height:2}.content-card ul{margin:0;padding-right:18px}.content-card h3{font-size:21px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 18px}.project-card img{width:100%;height:330px;object-fit:cover}.project-card h3{margin:16px 0 3px;font-size:21px}.project-card p{color:var(--muted);font-size:14px;margin:0}
.map-box{min-height:330px;background:linear-gradient(145deg,#d9e5de,#e8dacb);display:grid;place-items:center;border:1px solid var(--line);position:relative;overflow:hidden}.map-box:before{content:"خدماتنا في جميع مناطق المملكة";font-size:clamp(26px,4vw,50px);color:rgba(23,59,53,.16);transform:rotate(-8deg)}.map-pin{position:absolute;width:14px;height:14px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 9px rgba(200,117,82,.2)}
.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-list{display:grid;gap:12px}.contact-list a{border:1px solid var(--line);padding:20px;background:var(--sand);display:flex;justify-content:space-between}.contact-list small{display:block;color:var(--muted)}
.search-terms{padding:46px 0 54px;border-top:1px solid var(--line);background:#f5f0e8}.search-terms h2{font-size:28px;margin-bottom:12px}.search-terms p{max-width:940px;color:var(--muted);font-size:14px;line-height:2.2;margin:0}.term-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.term-list span{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid rgba(23,59,53,.28);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.72);font-size:12px;line-height:1.4;color:var(--ink)}
.live-clock{position:fixed;top:112px;left:24px;z-index:9999;width:158px;padding:10px 12px;background:rgba(251,250,247,.98);border:1px solid rgba(23,59,53,.28);box-shadow:0 10px 24px rgba(23,59,53,.15);direction:rtl;text-align:right;pointer-events:none}.live-clock-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:var(--ink)}.live-clock-dot{width:6px;height:6px;border-radius:50%;background:#56a866;box-shadow:0 0 0 3px rgba(86,168,102,.14)}.live-clock-time{font-size:18px;line-height:1.2;margin:4px 0 2px;font-weight:900;letter-spacing:.3px}.live-clock-date{font-size:9px;color:var(--muted);line-height:1.5}.live-clock-hijri{font-size:8px;color:rgba(23,59,53,.5);margin-top:1px}
@media(max-width:800px){.container{width:min(100% - 28px,620px)}.site-header{height:74px}.nav,.header-cta{display:none}.menu-toggle{display:block}.site-header.open .nav{display:flex;position:absolute;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 20px;flex-direction:column;gap:5px;align-items:stretch}.site-header.open .nav a{padding:12px}.hero{grid-template-columns:1fr;padding-top:14px}.hero-media{order:-1;min-height:330px}.hero-copy{padding:52px 28px 60px}.hero-copy h1{font-size:53px}.intro,.process-grid,.coverage-grid,.faq-contact,.contact-columns{grid-template-columns:1fr;gap:42px}.intro{padding:75px 0}.sand-section,.process,.gallery-section,.content-section{padding:70px 0}.section-heading,.page-hero .container{display:block}.section-heading p{margin-top:18px}.service-grid,.content-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-card{height:220px}.city-list{grid-template-columns:repeat(2,1fr)}.footer-top,.footer-bottom{display:block}.footer-bottom div+div{margin-top:10px}.page-hero{padding:62px 0}.page-hero h1{font-size:46px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card img{height:275px}}
@media(max-width:450px){.gallery{grid-template-columns:1fr}.hero-copy h1{font-size:45px}.city-list{grid-template-columns:1fr 1fr}.live-clock{top:84px;left:12px;width:136px;padding:8px 9px}.live-clock-time{font-size:16px}.live-clock-date{font-size:8px}.live-clock-hijri{font-size:7px}}