/* September 2026 identity — charcoal, gold, sand and desert beige. */
:root{--navy:#2B2B2B;--deep:#242420;--gold:#D4AF37;--ink:#35332E;--line:#DDD3C1;--light:#F7F4EE}
body{background:#FAF8F3;color:var(--ink)}header{background:#FAF8F3;border-bottom:1px solid #D9CEB9;box-shadow:0 4px 24px #2b2b2b08}
.brand{font-family:Georgia,serif;font-weight:400;letter-spacing:.4px}.brand img{width:98px;height:54px}.brand small{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;color:#756849;font-size:12px}
h1,h2{font-family:Georgia,serif}[dir=rtl] h1,[dir=rtl] h2{font-family:Tahoma,Arial,sans-serif}
.hero{background:#2B2B2B}.hero-photo img{filter:sepia(.24) saturate(.7) brightness(.83)}
.hero-photo:after{background:linear-gradient(90deg,#242420f0 0%,#39352bd0 37%,#51443325 80%),linear-gradient(0deg,#302a22a0,transparent 55%)}
[dir=rtl] .hero-photo:after{background:linear-gradient(270deg,#242420f0,#39352bd0 37%,#51443325 80%),linear-gradient(0deg,#302a22a0,transparent 55%)}
.hero h1{font-weight:400;letter-spacing:-1px}.hero .lead{color:#F0E8D9}.hero-foot{color:#D7CDBB;border-color:#AFA18B60}.hero-foot b{color:#F5EFE4}
.eyebrow,.code,nav a:hover{color:#81682B}.hero .eyebrow{color:#D9BD70;letter-spacing:3px}.intro-strip{background:#E8DDC9;color:#35332E;border-bottom:1px solid #C9B18A}
.button,button,.product,.gallery-tile,.brochure-card{border-radius:1px}.gold{color:#242420;background:#D4AF37;box-shadow:none}.gold:hover{background:#E2C772}
.product{border-color:#DDD3C1;background:#FFFDFA;box-shadow:none}.product:hover{box-shadow:0 14px 30px #2b2b2b10}.product details{border-color:#DDD3C1}
.gallery-section,.about,.why-section{background:#F0EADF}.gallery-filters button{border-color:#C9B18A;background:#FAF8F3}.gallery-filters button[aria-pressed=true]{background:#2B2B2B;border-color:#2B2B2B}
.services{background:#2B2B2B;border-top:3px solid #D4AF37}.service-list article{border-color:#756F62}.service-list p{color:#E0D7C8}.about-photo:before{border-color:#C9B18A}
.brochure-section,.customers-section{background:#FAF8F3}.brochure-card{background:#35332E;border-color:#D4AF37}.brochure-card p{color:#E8DDC9}.share-profile{border-color:#948773}.share-profile:hover{background:#514A3E}
.customer-logos>div{border-color:#E4DCCC}.contact{background:#2B2B2B}.contact>div>p{color:#D7CEBF}.contact-info{border-color:#746B5B}.contact-icon{border-color:#8B806B}.contact-icon.call-icon{color:#D4AF37}.contact-icon:hover{background:#494237}.contact-icon.whatsapp-icon{color:#B7C8A0;border-color:#778665}
.contact .outline{border-color:#A99A80}.contact-numbers{gap:14px}.contact-number{font-size:clamp(19px,2.4vw,34px)}
footer{background:#242420;color:#E8DDC9;border-top:1px solid #756849}.floating-whatsapp{background:#35332E;border:1px solid #C9B18A;color:#F4ECD9}
@media(max-width:800px){.brand img{width:76px;height:44px}.brand small{display:block;font-size:10px}.hero-photo:after{background:linear-gradient(90deg,#242420e8,#51443370)}.contact-info{border-color:#746B5B}}
@media(max-width:480px){.brand img{width:62px;height:38px}.brand span{font-size:12px}.brand small{font-size:9px}.contact-number{font-size:clamp(17px,5vw,20px)}}

/* Brand board pass — Trajan-style caps (Cinzel), Cairo / IBM Plex Sans Arabic, spaced eyebrows, thin gold rules. */
:root{--charcoal:#2B2B2B;--sand:#C9B18A;--beige:#E8DDC9;--display:'Cinzel','Trajan Pro',Georgia,serif;--sans:'IBM Plex Sans Arabic',Arial,Tahoma,sans-serif;--arabic:'Cairo','IBM Plex Sans Arabic',Tahoma,sans-serif}
body,[dir=rtl]{font-family:var(--sans)}
h1,h2,.brochure-card h3,.facts strong,.service-list span{font-family:var(--display);font-weight:400;letter-spacing:.5px}
.hero h1{letter-spacing:0;line-height:1.12}h2{font-size:clamp(32px,3.4vw,52px);line-height:1.18}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .brochure-card h3{font-family:var(--arabic);font-weight:700;letter-spacing:0}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:4px}.intro-strip span,.code,.pdf-badge{letter-spacing:3px;font-weight:500}
.section-heading h2:after,.about h2:after,.brochure-section h2:after,.contact h2:after,.services h2:after{content:'';display:block;width:56px;height:1px;background:var(--gold);margin-top:24px}
nav a{letter-spacing:1.5px;text-transform:uppercase;font-size:12px}[dir=rtl] nav a{letter-spacing:0;font-size:15px}nav a:after{height:1px}
/* Secondary logo: mark | rule | Arabic over English */
.brand{gap:14px}.brand img{width:84px;height:46px}.brand-rule{width:1px;height:40px;background:var(--sand);flex:none}
.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-family:var(--arabic);font-weight:700;font-size:19px;color:var(--charcoal)}
.brand small{display:block!important;margin-top:4px;font-family:var(--display);font-size:11px;letter-spacing:1.6px;color:#5A503F}
/* Values band */
.values{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:46px 6%;background:#FAF8F3;border-bottom:1px solid var(--line)}
.values-mark{display:flex;align-items:center;gap:20px}.values-mark img{width:74px;height:26px;object-fit:contain}.values-mark .eyebrow{margin:0;color:#5A503F}
.values ul{display:flex;flex-wrap:wrap;gap:12px 0;list-style:none;margin:0;padding:0}
.values li{position:relative;padding:0 20px;font-family:var(--display);font-size:13px;letter-spacing:3.5px;text-transform:uppercase;color:var(--charcoal)}.values li:first-child{padding-inline-start:0}
.values li+li:before{content:'';position:absolute;inset-inline-start:-2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--gold)}
[dir=rtl] .values li{font-family:var(--arabic);font-size:17px;letter-spacing:0}
/* Footer: name — rule — Kingdom | tagline */
footer{align-items:center;font-family:var(--display);font-size:11px;letter-spacing:2.5px;text-transform:uppercase}
.footer-rule{flex:1;height:1px;background:#756849;min-width:40px}footer em{font-style:normal;color:var(--gold);padding:0 8px}
[dir=rtl] footer{font-family:var(--arabic);font-size:14px;letter-spacing:0}
@media(max-width:1150px){.brand small{display:block!important}.values{flex-direction:column;align-items:flex-start;gap:22px}}
@media(max-width:800px){.brand img{width:64px;height:36px}.brand b{font-size:16px}.brand small{font-size:9px;letter-spacing:1px}.brand-rule{height:32px}.footer-rule{display:none}footer{align-items:flex-start}}
@media(max-width:550px){.brand{gap:8px}.brand img{width:52px;height:30px}.brand b{font-size:14px}.brand small{font-size:8px;letter-spacing:.6px}.brand span{max-width:none}.values{padding:34px 6%}.values li{font-size:11px;letter-spacing:2.5px;padding:0 13px}.hero h1{font-size:40px}}
@media(max-width:800px){.values li{padding:0}.values li+li:before{display:none}.values ul{gap:10px 24px}}
[dir=rtl] .eyebrow,[dir=rtl] .intro-strip span,[dir=rtl] .code,[dir=rtl] .pdf-badge{letter-spacing:0;font-size:14px;font-weight:600}

/* September 2026 identity v2 — building mark, royal navy + signature gold, Playfair Display / Montserrat. */
:root{--navy:#0B1F3B;--deep:#081830;--gold:#D4AF37;--charcoal:#2E2E2E;--sand:#D9CBA6;--beige:#EFE7D4;--line:#DED6C4;--ink:#2E2E2E;
 --display:'Playfair Display',Georgia,serif;--sans:'Montserrat',Arial,sans-serif;--arabic:'Cairo','IBM Plex Sans Arabic',Tahoma,sans-serif}
body{background:#F8F7F2;font-family:var(--sans);color:var(--ink)}[dir=rtl],[dir=rtl] body{font-family:'IBM Plex Sans Arabic',var(--arabic)}
header{background:#F8F7F2;border-bottom:1px solid #DED6C4}
h1,h2,.brochure-card h3,.facts strong,.service-list span{font-family:var(--display);font-weight:500;letter-spacing:0;text-transform:none}
h2{color:#0B1F3B}.hero h1{color:#fff;font-weight:500}.services h2,.contact h2{color:#fff}
.eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:3.5px;color:#8C6A2C}.hero .eyebrow{color:#DDBE78}
.brand{gap:12px}.brand img{width:46px;height:50px}.brand .wordmark{display:flex;flex-direction:column;line-height:1}
.brand .wordmark b{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:2.5px;color:#0B1F3B}
.brand .wordmark small{display:block!important;font-family:var(--sans);font-weight:500;font-size:8.5px;letter-spacing:3.6px;color:#2E2E2E;margin-top:4px}
.brand .wordmark em{font-style:normal;font-family:var(--arabic);font-weight:700;font-size:12px;color:#2E2E2E;margin-top:4px}
nav a{font-family:var(--sans);font-weight:500}nav a:hover{color:#8C6A2C}
.hero{background:#0B1F3B}.hero-photo img{filter:saturate(.85) brightness(.8)}
.hero-photo:after{background:linear-gradient(90deg,#0B1F3Bf2 0%,#0B1F3Bc8 38%,#0B1F3B30 80%),linear-gradient(0deg,#081830b0,transparent 55%)}
[dir=rtl] .hero-photo:after{background:linear-gradient(270deg,#0B1F3Bf2,#0B1F3Bc8 38%,#0B1F3B30 80%),linear-gradient(0deg,#081830b0,transparent 55%)}
.gold{background:#D4AF37;color:#0B1F3B}.gold:hover{background:#DDBE78}
.intro-strip{background:#0B1F3B;color:#F3EEDF;border-bottom:3px solid #D4AF37}.intro-strip span{color:#DDBE78}
.values{background:#F8F7F2}.values li{font-family:var(--display);color:#0B1F3B;letter-spacing:2.5px}.values-mark img{width:34px;height:38px}
.product{background:#fff}.gallery-section,.about,.why-section{background:#F1EEE6}
.gallery-filters button[aria-pressed=true]{background:#0B1F3B;border-color:#0B1F3B}
.services{background:#0B1F3B;border-top:3px solid #D4AF37}.service-list article{border-color:#2A3D5C}.service-list p{color:#D5DCE6}
.facts strong{color:#0B1F3B}.facts strong span{color:#8C6A2C}
.brochure-card{background:#0B1F3B;border-color:#D4AF37}.brochure-card p{color:#D5DCE6}.share-profile:hover{background:#1B3257}
.contact{background:#0B1F3B}.contact>div>p{color:#D5DCE6}.contact-info{border-color:#2A3D5C}.contact-icon{border-color:#3A5074}.contact-icon:hover{background:#1B3257}
footer{background:#081830;color:#CFD6E0;border-top:1px solid #D4AF37;justify-content:center;flex-wrap:nowrap;gap:12px;padding:16px 5% 84px;font-family:var(--sans);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
footer em{font-style:normal;color:#D4AF37;padding:0}[dir=rtl] footer{font-family:var(--arabic);font-size:13px;letter-spacing:0}
.floating-whatsapp{background:#0B1F3B;border-color:#D4AF37;color:#F3EEDF}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .brochure-card h3{font-family:var(--arabic);font-weight:700}
@media(max-width:800px){.brand img{width:38px;height:42px}.brand .wordmark b{font-size:17px}.brand .wordmark small{font-size:7px;letter-spacing:2.6px}.brand .wordmark em{font-size:10.5px}
 footer{flex-direction:row;flex-wrap:wrap;white-space:normal;font-size:10px;gap:6px 10px;align-items:center}}
@media(max-width:550px){.brand img{width:32px;height:36px}.brand .wordmark b{font-size:15px;letter-spacing:1.5px}.brand .wordmark small{font-size:6px;letter-spacing:2px}.brand .wordmark em{font-size:9.5px}}
[dir=rtl] .eyebrow,[dir=rtl] nav a,[dir=rtl] .intro-strip span,[dir=rtl] .values li{font-family:var(--arabic);letter-spacing:0}[dir=rtl] .eyebrow{font-size:15px;font-weight:700}[dir=rtl] nav a{font-size:15px}.hero h1{max-width:900px}
@media(max-width:800px){footer{flex-wrap:nowrap;white-space:nowrap;font-size:9.5px;letter-spacing:.8px;padding-top:14px}footer em:nth-of-type(2),footer span:nth-of-type(3){display:none}}@media(max-width:480px){footer em:nth-of-type(1),footer span:nth-of-type(2){display:none}}