@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#111315;--black:#0d0f10;--gold:#b59a6a;--cream:#f7f7f4;--white:#fff;--muted:#656a6d;--border:#deded9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,'Helvetica Neue',Arial,sans-serif;line-height:1.6}body[dir=rtl]{font-family:'Tajawal',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #c9aa6f;outline-offset:4px}.container{max-width:1220px;margin:auto;padding-inline:34px}.preview{background:#eee7d8;text-align:center;color:#574a36;font-size:11px;letter-spacing:.04em;padding:9px 18px}.header{position:sticky;top:0;z-index:20;background:#101214;color:#fff;border-bottom:1px solid #ffffff22}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand img{height:58px;width:65px;object-fit:cover;object-position:center}.brand span{font-size:13px;font-weight:750;letter-spacing:.16em;line-height:1.25}.nav{display:flex;align-items:center;gap:26px;font-size:13px}.nav a{color:#e5e5e5;transition:color .2s}.nav a:hover{color:var(--gold)}.nav select{color:white;background:#222426;border:1px solid #5b5b5b;padding:8px 10px;border-radius:2px}.menu{display:none;border:1px solid #666;color:white;background:transparent;padding:5px 13px;font-size:23px}.hero{background:#111315;color:#fff}.hero-layout{display:grid;grid-template-columns:1.07fr .93fr;min-height:640px;align-items:stretch}.hero-copy{padding:100px 40px 36px 0;display:flex;flex-direction:column;align-items:flex-start}.kicker,.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.2em;font-weight:750}.kicker{display:flex;align-items:center;gap:14px}.kicker .line{width:36px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.038em}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.12;margin:27px 0 24px;font-weight:680}h1 em{color:#c9b38a;font-style:normal}h2{font-size:clamp(34px,3.7vw,54px);line-height:1.18;font-weight:680;margin:16px 0 24px}.hero-copy>p{font-size:17px;color:#c5c7c7;max-width:550px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border:1px solid var(--gold);font-weight:650;font-size:13px;min-height:51px;transition:transform .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.gold{background:var(--gold);color:#101214}.outline{background:transparent;color:#fff}.hero-meta{margin-top:auto;padding-top:50px;width:100%;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.15em;color:#858b8d}.hero-visual{position:relative;overflow:hidden;min-height:600px;background:linear-gradient(140deg,#20262a 0%,#3a4245 35%,#141719 100%);border-inline-start:1px solid #ffffff20}.architecture{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 80% 15%,#ffffff24,transparent 40%),linear-gradient(160deg,#2d363b,#0d1012)}.arch-panel{position:absolute;transform:skewY(-24deg);border:1px solid #ffffff19;background:linear-gradient(125deg,#ffffff1e,#07090b77);box-shadow:25px 20px 55px #0007}.p1{width:45%;height:120%;left:0;top:-10%}.p2{width:39%;height:115%;left:36%;top:10%;background:linear-gradient(120deg,#89919355,#11191dcf)}.p3{width:36%;height:90%;left:70%;top:-25%}.p4{width:95%;height:28%;left:4%;bottom:3%;transform:skewY(20deg);background:linear-gradient(120deg,#050708bb,#9ca3a344)}.arch-light{position:absolute;left:18%;top:0;width:2px;height:120%;background:#d6c8ab55;transform:rotate(27deg);box-shadow:0 0 50px 9px #e9dcc51b}.visual-label{position:absolute;inset:auto 26px 26px 26px;display:flex;justify-content:space-between;color:#e5d4b6;font-size:10px;letter-spacing:.13em}.trust-strip{background:#eae9e4;border-bottom:1px solid #dad9d2}.strip-inner{display:flex;justify-content:space-around;align-items:center;gap:15px;padding-block:20px;color:#666a68;font-size:11px;font-weight:700;letter-spacing:.13em}.dot{color:var(--gold)}.section{padding:110px 0}.section-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:60px;align-items:end;margin-bottom:43px}.section-intro p{color:var(--muted);font-size:16px;max-width:390px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{background:white;border:1px solid var(--border);padding:34px 38px 38px;display:flex;flex-direction:column;min-height:490px;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 16px 40px #1012140c;transform:translateY(-3px)}.service-top{display:flex;align-items:center;justify-content:space-between;color:#9c865d;font-size:11px;font-weight:750;letter-spacing:.13em}.circle{border:1px solid #d6d2c9;color:#4d4d4d;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:17px}.service-icon{color:#b59a6a;margin:27px 0 12px}.service-icon svg{width:78px;height:78px}.service-card h3{font-size:30px;letter-spacing:-.025em;margin-bottom:10px}.service-card p{color:#62676a;max-width:460px}.service-card ul{padding-inline-start:20px;color:#414649;margin:5px 0 30px}.service-card li{padding-bottom:7px}.text-link{border:0;border-bottom:1px solid var(--gold);background:none;color:#876c3d;padding:0 0 5px;font-weight:750;font-size:13px;align-self:flex-start}.service-card .text-link{margin-top:auto}.approach-section{background:#171a1c;color:white}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-section h2{max-width:490px}.lead{font-size:18px;color:#c3c6c6;max-width:520px}.light{color:#d7bd8d;margin-top:18px}.principles>div{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:26px 0;border-bottom:1px solid #ffffff28}.principles>div:first-child{padding-top:0}.principles span{color:var(--gold);font-size:13px}.principles h3{font-size:21px;margin-bottom:5px}.principles p{color:#b6b9ba;font-size:14px;margin:0}.about-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:90px;align-items:center}.about-art{background:#111315;color:#fff;min-height:500px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-art:after{content:"";position:absolute;right:-24%;bottom:-50%;width:100%;aspect-ratio:1;border:1px solid #b59a6a44;transform:rotate(45deg)}.art-corner,.art-bottom{color:#b59a6a;letter-spacing:.18em;font-size:10px;z-index:1}.art-17{font-size:clamp(150px,19vw,270px);font-weight:700;line-height:1;letter-spacing:-.11em;z-index:1}.art-17 span{color:var(--gold)}.about-copy>p{color:#62676a;font-size:16px}.about-toggle{margin-top:20px}.founder{margin-top:25px;padding:22px 24px;background:#ebeae5;border-inline-start:3px solid var(--gold)}.founder h3{margin-bottom:8px}.founder p{color:#555b5c;margin-bottom:10px}.founder .founder-note{font-size:12px}.statement{background:#eae9e4;padding:85px 0}.statement p{font-size:clamp(26px,3.1vw,43px);font-weight:600;line-height:1.35;max-width:950px;margin:22px 0 0;letter-spacing:-.025em}.contact-section{background:#101214;color:white}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.contact-grid>div>p{color:#c2c5c5;font-size:17px}.location{margin-top:40px;display:flex;gap:12px;align-items:center;color:#c7c9c9;font-size:13px}.location-dot{background:var(--gold);width:8px;height:8px;border-radius:50%}.contact-card{border:1px solid #ffffff33;padding:38px;background:#ffffff06}.contact-index{color:var(--gold);font-size:11px;letter-spacing:.15em}.contact-card h3{font-size:27px;margin:24px 0 14px;line-height:1.25}.contact-card p{color:#b8bcbc}.disabled-button{opacity:.7;margin-top:12px}footer{background:#080a0b;color:#aeb2b3;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-size:16px;font-weight:700;letter-spacing:.1em;color:white}.footer-brand small{display:block;font-size:10px;color:var(--gold);margin-top:7px}.footer-right{font-size:12px;display:flex;flex-direction:column;gap:6px;text-align:end}[dir=rtl] .hero-copy{padding:100px 0 36px 40px}[dir=rtl] .arch-panel{transform:skewY(24deg)}[dir=rtl] .hero-visual{border-inline-start:1px solid #ffffff20}[dir=rtl] .visual-label{direction:ltr}[dir=rtl] .art-17{direction:ltr;text-align:right}
@media(max-width:980px){.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#17191b;padding:26px 34px;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.menu{display:block}.hero-layout{grid-template-columns:1fr}.hero-copy,[dir=rtl] .hero-copy{padding:75px 0 40px}.hero-visual{min-height:300px}.hero-meta{padding-top:60px}.section-intro,.approach-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-art{min-height:350px}.art-17{font-size:180px}.section{padding:75px 0}.approach-grid{gap:55px}}@media(max-width:640px){.container{padding-inline:20px}.header-inner{min-height:74px}.brand img{width:53px;height:49px}.brand span{font-size:11px}.nav{top:74px}.hero-copy,[dir=rtl] .hero-copy{padding:65px 0 35px}.hero h1{font-size:clamp(37px,9vw,53px)}.hero-copy>p{font-size:15px}.hero-actions{width:100%}.hero-actions .button{width:100%}.hero-visual{min-height:240px}.strip-inner{flex-wrap:wrap;justify-content:center;font-size:9px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px;min-height:0}.service-card h3{font-size:26px}.section{padding:65px 0}.about-art{min-height:280px}.art-17{font-size:145px}.statement{padding:65px 0}.contact-card{padding:26px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-right{text-align:start}.hero-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* V3 brand and editorial service imagery */
.brand{gap:15px;min-width:240px}.brand img{height:66px;width:65px;object-fit:contain;background:#000;border:0}.brand span{font-size:14px;letter-spacing:.19em;line-height:1.35}.service-photo{margin:24px -38px 27px;height:205px;overflow:hidden;background:#222}.service-photo img{display:block;width:100%;height:100%;object-fit:cover}.service-card{padding-top:28px}.service-card h3{margin-top:0}.service-top{min-height:36px}.service-icon{display:none}
@media(max-width:640px){.brand{min-width:0;gap:9px}.brand img{height:50px;width:50px}.brand span{font-size:11px}.service-photo{margin:20px -25px 25px;height:180px}}

/* V4 detailed service presentation */
html{scroll-behavior:smooth;scroll-padding-top:110px}.detail-section{background:#f1f0ec;border-top:1px solid #e1ded7}.fire-detail{background:#fff}.detail-heading{max-width:780px;margin-bottom:38px}.detail-heading p{color:#62676a;font-size:17px;line-height:1.65}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:35px}.detail-item{background:#fff;border:1px solid #dfddd7;padding:24px 26px;display:flex;gap:17px;align-items:flex-start;min-height:136px}.fire-detail .detail-item{background:#f8f8f6}.detail-number{color:#aa8d59;font-size:13px;letter-spacing:.08em;font-weight:800;padding-top:3px}.detail-item h3{font-size:19px;line-height:1.35;margin:0 0 9px}.detail-item p{font-size:14px;color:#62676a;margin:0;line-height:1.6}.detail-cta{background:#111315;color:#fff}.detail-cta:hover{background:#272a2b}.service-photo img{object-position:center}.service-photo{background:#1c2022}.service-card .text-link{margin-top:auto}[dir=rtl] .detail-item{text-align:right}@media(max-width:680px){.detail-grid{grid-template-columns:1fr}.detail-item{padding:20px;min-height:0}.detail-heading p{font-size:15px}}

/* V5: Arabic typography refinement. Keep Latin branding unchanged. */

body[dir="rtl"]{font-family:'Tajawal',Tahoma,Arial,sans-serif;line-height:1.8}
body[dir="rtl"] h1,body[dir="rtl"] h2,body[dir="rtl"] h3{font-family:'Tajawal',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.38;font-weight:700}
body[dir="rtl"] h1{font-size:clamp(36px,4.3vw,62px)}
body[dir="rtl"] h2{font-size:clamp(30px,3.3vw,48px)}
body[dir="rtl"] .hero-copy>p,body[dir="rtl"] .lead,body[dir="rtl"] .detail-heading p{line-height:1.95}
body[dir="rtl"] .kicker,body[dir="rtl"] .eyebrow,body[dir="rtl"] .service-top,body[dir="rtl"] .preview,body[dir="rtl"] .detail-number{letter-spacing:0}
body[dir="rtl"] .nav,body[dir="rtl"] .button,body[dir="rtl"] .detail-item,body[dir="rtl"] .service-card{line-height:1.8}
body[dir="rtl"] .brand span,body[dir="rtl"] .footer-brand{font-family:Inter,'Helvetica Neue',Arial,sans-serif;letter-spacing:.14em;direction:ltr}
@media(max-width:640px){body[dir="rtl"] h1{font-size:clamp(34px,8vw,48px)}}

/* V6: stronger geometric Arabic styling */
body[dir="rtl"]{font-family:"Tajawal",Tahoma,Arial,sans-serif;line-height:1.65}body[dir="rtl"] h1,body[dir="rtl"] h2,body[dir="rtl"] h3{font-family:"Tajawal",Tahoma,Arial,sans-serif;font-weight:800;line-height:1.3;letter-spacing:0}body[dir="rtl"] .kicker,body[dir="rtl"] .eyebrow,body[dir="rtl"] .service-top{letter-spacing:0;font-weight:700}

/* V7 founder + contact */
.portrait-art{padding:0;min-height:540px;background:#e4e4e4}.portrait-art:after{display:none}.portrait-art>img{display:block;width:100%;height:540px;object-fit:cover;object-position:center 20%;filter:grayscale(1)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 26px;background:linear-gradient(transparent,#101214e8);color:white;font-size:17px;font-weight:700;letter-spacing:.08em}.portrait-caption small{display:block;color:#d4bd95;font-size:10px;letter-spacing:.08em;margin-top:4px}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.contact-actions .button{padding:12px 15px;min-height:45px}.contact-details{font-size:14px;line-height:2;margin-top:22px}.contact-details a:hover,footer a:hover{color:#d8bd88}.founder{display:block}.founder[hidden]{display:none}[dir=rtl] .portrait-caption{direction:ltr;text-align:left}@media(max-width:640px){.portrait-art,.portrait-art>img{min-height:0;height:420px}.portrait-caption{font-size:14px}.contact-actions{flex-direction:column}}

/* V8: keep international phone number ordered correctly in RTL */
.phone-number { direction: ltr; unicode-bidi: isolate; display: inline-block; white-space: nowrap; }