:root{--white:#171613;--paper:#211f1b;--paper-2:#292620;--card-line:#494237;--ink:#f5eee3;--body:#e1d8ca;--muted:#c6bbab;--brand:#d4ac80;--brand-2:#171613;--sand:#d4ac80;--sand-deep:#e1ba90;--sand-soft:#342b23;--wa:#086a40;--wa-deep:#075a37;--sans:'Tajawal',sans-serif;--radius:12px;--radius-sm:8px;--sh-sm:none;--sh-md:none;--sh-lg:none;--maxw:76rem}
html[lang=en]{--sans:'Inter',sans-serif}
html{scroll-padding-top:100px}
body{font-family:var(--sans);font-size:17px;line-height:1.9;padding-bottom:100px;background:var(--white);color:var(--body)}
html[lang=en] body{line-height:1.8}
h1,h2,h3,h4{color:var(--ink);font-weight:600;letter-spacing:-.015em}
a{color:var(--sand-deep)}a:hover{color:var(--ink)}
::selection{background:var(--sand);color:var(--white)}
input{caret-color:var(--sand)}
.section{padding-block:clamp(3.5rem,7vw,6.5rem)}
.s-title{font-size:clamp(1.7rem,3.6vw,2.75rem);max-width:30ch;line-height:1.4}
.s-lead,.prose p,.faq .a{font-size:1rem;line-height:1.95;max-width:70ch}
html[lang=en] :is(.s-lead,.prose p,.faq .a){line-height:1.85}
.topstrip{display:none}
.site-head{position:absolute;inset-block-start:0;inset-inline:0;background:transparent;backdrop-filter:none;border:0;box-shadow:none;z-index:90}
.site-head .wrap{min-height:94px;padding-block:1rem;gap:1.4rem;align-items:center}
.brand{max-width:225px;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.45}
.main-nav a{color:var(--ink);font-size:.87rem;font-weight:500;padding:.7rem .65rem}
.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--sand);border-color:var(--sand)}
.nav-cta{background:var(--sand);color:var(--white)!important;border-radius:8px!important;box-shadow:none;min-height:44px}
.nav-toggle{background:var(--paper);border-color:var(--card-line);min-width:44px;min-height:44px}
.nav-toggle svg{stroke:var(--ink)}
.hero-photo,.hero-brand{min-height:100svh;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(15,14,12,.82),rgba(15,14,12,.42)),var(--hero,var(--page-photo));background-size:cover;background-position:center;padding:0;color:var(--ink)}
html[dir=rtl] :is(.hero-photo,.hero-brand){background-image:linear-gradient(270deg,rgba(15,14,12,.84),rgba(15,14,12,.38)),var(--hero,var(--page-photo))}
.hero-photo .wrap,.hero-brand .wrap{padding-block:10rem 8rem;width:100%;position:relative;z-index:1}
.hero-brand::after{display:none}
.hero-photo h1,.hero-brand h1{max-width:22ch;font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:1.3;font-weight:500;color:var(--ink);text-shadow:none}
.hero-photo .lead,.hero-photo .standfirst,.hero-brand .standfirst{max-width:55ch;font-size:1.08rem;line-height:1.9;color:var(--ink);text-shadow:none}
.hero-photo .crumbs,.hero-brand .crumbs{font-size:.82rem;color:var(--ink);margin-bottom:1.8rem}
.hero-photo .crumbs a,.hero-brand .crumbs a{color:var(--ink)}
.hero-actions{gap:.8rem;margin-top:2rem}
.btn,.type-link{font-weight:600;min-height:46px;box-shadow:none}
.btn--accent,.btn--accent:hover{background:var(--sand);color:var(--white);box-shadow:none;transform:none}
.btn--ghost,.section .btn--ghost,.facts-wrap .btn--ghost,.ty-box .btn--ghost{color:var(--ink);border-color:var(--card-line);background:rgba(23,22,19,.35)}
.btn--ghost:hover,.section .btn--ghost:hover,.facts-wrap .btn--ghost:hover{background:var(--paper-2);color:var(--ink)}
.btn--wa,.btn--wa:hover{background:var(--wa);color:#fff;transform:none}
.facts-wrap{margin-top:0;padding-block:2rem}
.hero-brand+.facts-wrap{margin-top:0}
.facts-card,.fact-sheet,.fact-belt,.sidenote,.phase-list,.faq,.table-scroll,.cc-card{background:var(--paper);border:1px solid var(--card-line);box-shadow:none;color:var(--body)}
.facts-card{padding:1.8rem;border-radius:12px}
.data-row,.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.factcol,.datasheet{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.data-row .chip,.stat{border:0;padding:.4rem 0}
.data-row .chip b{font-size:1rem;font-weight:600}.stat .v{font-weight:500;color:var(--ink)}
.factcol .f-row,.datasheet .f-row{gap:1rem;min-width:0}.f-v{overflow-wrap:anywhere}
.grid-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.pcard{position:relative;min-height:390px;isolation:isolate;background:var(--paper);border-color:var(--card-line);border-radius:12px;justify-content:flex-end;overflow:hidden}
.pcard .thumb{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.pcard .thumb img{width:100%;height:100%;object-fit:cover}
.pcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,13,11,.08),rgba(14,13,11,.8) 45%,rgba(14,13,11,.98))}
.pcard .body{background:transparent;flex:0;padding:2rem;color:var(--ink);gap:.6rem}
.pcard h3{font-size:1.7rem;color:var(--ink);font-weight:500}
.pcard .p-type,.pcard .p-loc,.pcard .p-price,.pcard .p-more,.pcard .offer-areas{color:var(--ink);opacity:1}
.pcard .p-meta{font-size:.93rem;border-top-color:#827563;gap:.8rem;flex-wrap:wrap}
.pcard:hover{transform:none;box-shadow:none;color:var(--ink)}
.pcard:hover .thumb img{transform:scale(1.035)}
.pcard .thumb--placeholder{background:var(--paper-2)}
.pcard .thumb--placeholder svg{display:none}
.pcard:not(:has(.thumb img)){min-height:270px}
.pcard:not(:has(.thumb img))::after{background:transparent}
.prose{min-width:0}.prose p{color:var(--body)}
.sidenote{border-top-width:1px;padding:1.5rem}.sidenote h4{color:var(--sand);font-size:1rem}
.sidenote p,.sidenote li{color:var(--body);font-size:1rem}
.content-chapter{margin-block:2.2rem;padding-block-start:1.7rem;border-top:1px solid var(--card-line)}
.content-chapter h3{margin-top:0;font-size:1.35rem;margin-bottom:1rem}
.prose>h3{margin-top:2.2rem}
.section-nav{background:var(--paper);border-block:1px solid var(--card-line)}
.section-nav .wrap{display:flex;gap:.8rem;flex-wrap:wrap;padding-block:1rem}
.section-nav a{padding:.45rem .8rem;border:1px solid var(--card-line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:.85rem;min-height:44px;display:flex;align-items:center}
.section-nav a:hover{border-color:var(--sand)}
.keyword-context .cols-2{grid-template-columns:.8fr 1.2fr;gap:3rem}
.keyword-context h2{max-width:22ch}.keyword-context p+p{margin-top:1rem}
.keyword-context .context-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.keyword-context .context-links a{font-size:.88rem;padding:.5rem .75rem;border:1px solid var(--card-line);border-radius:8px;text-decoration:none;min-height:44px}
.phase{padding:1.2rem 1.4rem}.phase:hover{background:var(--paper-2)}
.phase .ph-data{white-space:normal;color:var(--sand-deep)}
.table-scroll{max-width:100%;border-radius:12px;box-shadow:none}
table.schedule,table.schedule th,table.schedule td{color:var(--ink);background:var(--paper)}
table.schedule th,table.schedule caption{background:var(--paper-2);color:var(--ink)}
table.schedule td{font-size:.95rem}table.schedule tr:hover td{background:#373126;color:var(--ink)}
table.schedule td.num,table.schedule .u-name{color:var(--ink)}
table.schedule a{color:var(--sand-deep)}
.maproom .figure{background:var(--paper);border-radius:12px;box-shadow:none}
.maproom .figure img{max-height:700px;object-fit:contain}
.map-note,.legend{color:var(--muted)}
.faq .a,.faq .a p{color:var(--body)}
.faq summary{font-weight:600;font-size:1.05rem;line-height:1.6}
.faq summary:hover,.faq details[open] summary{color:var(--sand-deep)}
.faq details[open] summary .plus::before,.faq details[open] summary .plus::after{background:var(--white)}
.lead-band{background:var(--paper);border-top:1px solid var(--card-line)}
.lead-band .s-title{color:var(--ink)}.lead-band .s-lead,.trust-points li{color:var(--body)}
.lead-form{border:1px solid var(--card-line);background:var(--white);box-shadow:none;border-radius:12px}
.field input{background:var(--paper);border-color:var(--card-line);color:var(--ink)}
.field input::placeholder{color:var(--muted);opacity:1}
.field label,.lead-form h3{color:var(--ink)}
.form-foot .privacy{font-size:.82rem;line-height:1.8;color:var(--muted)}
.lead-side .contact-row{color:var(--ink);border-color:var(--card-line)}
.lead-side .contact-row .c-lbl{color:var(--muted)}
.lead-side .contact-row .c-val{direction:inherit;font-size:1.05rem}
.cc-card{box-shadow:none}.cc-primary{background:var(--paper-2)}
.cc-tag,.cc-best{opacity:1;color:var(--muted)}.cc-value{color:var(--ink)}
.btn-cc{background:var(--sand);color:var(--white);min-height:44px;display:flex;align-items:center;justify-content:center}
.btn-cc-wa{background:var(--wa);color:#fff}
.site-foot{background:var(--white);color:var(--body);border-top:1px solid var(--card-line)}
.site-foot a,.site-foot .bottom{color:var(--muted)}.site-foot h4{color:var(--ink)}
.site-foot .brand-text{font-size:1.15rem;color:var(--ink);font-weight:600}
.type-link{border:1px solid var(--card-line);border-radius:8px;white-space:normal;flex-wrap:wrap}
.type-link:hover{transform:none;background:var(--paper-2)}
.sticky-cta{display:grid;width:min(460px,calc(100% - 2rem));margin-inline:auto;bottom:1rem;background:var(--white);border:1px solid var(--card-line);border-radius:12px;padding:.4rem;gap:.3rem;box-shadow:none;z-index:80}
.sticky-cta a{min-height:50px;gap:6px;font-size:.85rem;font-weight:600;border-radius:8px}
.sticky-cta .c-call,.sticky-cta .c-form{background:var(--sand);color:var(--white)}
.sticky-cta .c-wa{background:var(--wa);color:#fff}
.sticky-cta a svg{width:22px;height:22px;flex:0 0 22px;pointer-events:none}
.reveal,.reveal-stagger>*{opacity:1;transform:none}
.ty-box{padding-top:9rem}
@media(max-width:1000px){.site-head .wrap{gap:1rem}.brand{max-width:185px}.main-nav a{font-size:.8rem;padding:.6rem .45rem}.hero-photo .wrap,.hero-brand .wrap{padding-top:10rem}}
@media(max-width:56em){.main-nav{background:var(--white);height:100dvh;padding:5rem var(--gutter) 6rem;overflow:auto;z-index:110}.main-nav a{background:var(--paper);font-size:1.08rem;padding:.8rem}.main-nav a[aria-current=page]{background:var(--paper-2)}.main-nav .nav-close{background:var(--paper);color:var(--ink);min-width:44px;min-height:44px}.site-head .wrap{min-height:84px}.brand{max-width:220px}.keyword-context .cols-2{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:640px){body{font-size:16px;padding-bottom:90px}.wrap{padding-inline:1.2rem}.hero-photo,.hero-brand{min-height:100svh;background-position:center}.hero-photo .wrap,.hero-brand .wrap{padding-block:9rem 4rem}.hero-photo h1,.hero-brand h1{font-size:2.2rem;line-height:1.4;max-width:21ch}.hero-photo .lead,.hero-photo .standfirst,.hero-brand .standfirst{font-size:1rem;line-height:1.85}.hero-actions .btn{width:100%}.grid-projects{grid-template-columns:1fr}.pcard{min-height:360px}.pcard .body{padding:1.4rem}.pcard h3{font-size:1.55rem}.data-row,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-card{padding:1.2rem}.factcol,.datasheet{grid-template-columns:1fr}.s-title{font-size:1.75rem}.section-nav .wrap{flex-wrap:nowrap;overflow:auto}.section-nav a{white-space:nowrap;flex:none}.table-scroll{border-radius:8px}.sticky-cta{width:100%;bottom:0;border-radius:0;border-inline:0;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom))}.sticky-cta a{font-size:.82rem}.lead-form{padding:1.2rem}.content-chapter{margin-block:1.8rem}.contact-cards{grid-template-columns:1fr}.cc-primary .cc-value{font-size:1.1rem}}
@media(max-width:400px){.sticky-cta a{flex-direction:column;gap:3px;min-height:54px;padding:6px 4px;font-size:12px;line-height:1.4}.hero-photo h1,.hero-brand h1{font-size:2rem}.brand{max-width:190px;font-size:1rem}}

.header-language{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--ink);font-size:.85rem;font-weight:600;border:1px solid #827563;border-radius:8px;text-decoration:none;flex:none}
@media(min-width:897px){.header-language{order:3}.main-nav{margin-inline-start:auto}}
@media(max-width:896px){.site-head .wrap{gap:.5rem}.brand{margin-inline-end:auto;max-width:calc(100% - 104px);font-size:.95rem}.header-language{margin-inline-start:auto}.nav-toggle{flex:none}}

@media(max-width:896px){.main-nav .nav-cta{background:var(--sand);color:var(--white)!important}}
@media(min-width:897px){table.schedule{min-width:0;width:100%}table.schedule th,table.schedule td{white-space:normal;overflow-wrap:break-word}}