:root{--navy:#102f2c;--ink:#16332e;--sand:#c5a771;--paper:#faf8f1;--cream:#eeece3} [hidden]{display:none!important} .reviewbar{background:#e8e4d9;color:#354e43;text-align:center;padding:8px 20px;font:14px/1.5 Arial}.preview-label{margin:0}.site-header{position:relative;height:auto;min-height:90px;background:#102f2c;gap:24px;padding-block:20px}.site-header nav>span{display:flex;gap:20px}.site-header nav a{font-size:13px}.hero{min-height:650px}.hero-shade{background:linear-gradient(90deg,rgba(6,33,28,.94),rgba(6,33,28,.5))}.hero h1{font-size:clamp(40px,5.5vw,72px)}.hero .lead{max-width:820px;font-size:21px}.hero-content{padding-block:65px}.brand-signature{max-width:680px;background:#102f2ce0}.brand-signature p{margin:8px 0 0}.brand-mark{font-family:Arial;font-size:12px}.brand{min-width:240px}.brand b{font-size:15px}.brand small{font-size:10px}.promise-band h2,.profile-deep h2,.documents h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);line-height:1.3}.profile-deep{padding-block:85px;align-items:center}.profile-deep p{font-size:18px}.profile-credentials{border-top:1px solid #c6b58d;padding-top:18px}.profile-credentials h3{font:32px/1.5 Georgia}.profile-credentials p{font-size:16px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card p{font-size:16px}.service-card h3{font-size:23px}.values{display:block}.values-card{background:#102f2c}.value-list{display:grid;grid-template-columns:1fr 1fr}.personal-quote{font:30px/1.6 Georgia;text-align:center;max-width:900px;margin:50px auto 0;color:#5f522f}.legal-note{display:block}.documents{padding-block:65px}.doc-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.outline{border:1px solid #17392d;color:#17392d}.location,.contact{background:#102f2c;color:#fff}.location h2{font-size:40px}.location p{max-width:800px}.preview-form-note{padding:12px 16px;border:1px solid #b89f6d;color:#f4dfb2;font-size:15px!important}.contact-card{overflow-wrap:anywhere}.contact-card .text-link{display:block}.contact-card p{font-size:17px}.form-note{line-height:1.6}.form-status{padding-block:12px}.legal-header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:20px}.legal-page{max-width:950px;padding-block:45px 80px;font-size:18px}.legal-page h1{font:42px/1.4 Georgia}.legal-page h2{font:27px/1.4 Georgia;margin-top:35px}.legal-page a{color:inherit}.open-items{border-inline-start:3px solid #bd9c55;padding:20px;background:#efe8d8}body[dir=rtl]{font-family:'AG Tajawal',sans-serif}body[dir=rtl] :is(h1,h2,.personal-quote){font-family:'AG Amiri',serif}body[dir=rtl] .hero h1{font-size:clamp(48px,6vw,80px)}body[dir=rtl] .hero{min-height:650px}body[dir=rtl] .hero .lead{font-size:25px}body[dir=rtl] .section-kicker{font-size:18px!important}body[dir=rtl] .brand-signature .company-arabic{font-size:28px!important}body[dir=rtl] .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[dir=rtl] .service-card p{font-size:20px}body[dir=rtl] .service-card h3{font-size:25px}body[dir=rtl] .profile-deep p{font-size:22px}body[dir=rtl] .site-header nav a{font-size:16px!important}body[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(6,33,28,.94),rgba(6,33,28,.5))}body[dir=rtl] .legal-page h1,body[dir=rtl] .legal-page h2{font-family:'AG Amiri',serif}body[dir=rtl] .contact-grid{gap:35px}footer{background:#09251f} .language-switcher button{min-width:38px} @media(max-width:1100px){.site-header{gap:14px}.site-header nav>span{gap:12px}.brand{min-width:210px}.brand b{font-size:13px}.service-grid,body[dir=rtl] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.site-header nav>span{flex-direction:column}.site-header nav{background:#102f2c;top:100%}.site-header nav.open{display:block}.profile-deep{grid-template-columns:1fr}.value-list{grid-template-columns:1fr}.hero{min-height:580px}.hero-content{padding-block:40px}.brand{min-width:0}.language-switcher{margin-left:auto}.legal-header{flex-wrap:wrap}}@media(max-width:600px){.site-header{padding-inline:15px;gap:10px}.brand{gap:7px}.brand-mark{width:30px;height:30px;font-size:10px}.brand b{font-size:11px}.brand small{font-size:8px;letter-spacing:1px}.language-switcher{gap:2px}.language-switcher button{font-size:12px;min-width:28px;padding:5px}.service-grid,body[dir=rtl] .service-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.hero .lead{font-size:19px}.doc-actions{flex-direction:column}.personal-quote{font-size:24px}.profile-visual img{max-height:330px}.menu-toggle{margin-left:auto}.legal-page h1{font-size:34px}.documents h2{font-size:32px}}
.legal-header .language-switcher button{color:#16332e}.legal-header .language-switcher button.active{color:#876831}.process li p,.legal-note p{font-size:16px;line-height:1.8}.footer-grid p,.footer-grid a{font-size:14px;line-height:1.7}.footer-bottom{font-size:13px}.brand small{display:block!important}.profile-credentials h3{margin-bottom:12px}.legal-page{overflow-wrap:anywhere}.form-grid select{max-width:100%}

.legal-page section{margin-top:32px}.legal-page section div{font-size:17px;line-height:1.85}.legal-page section p{margin-block:16px}body[dir=rtl] .legal-page section div{font-family:"AG Tajawal",sans-serif;font-size:21px;line-height:1.95}.legal-page a{overflow-wrap:anywhere}

/* Brighter landscape and balanced service offering */
.hero-image{filter:brightness(1.14) saturate(1.35)}
.hero-shade,body[dir=rtl] .hero-shade{background:linear-gradient(180deg,rgba(245,250,230,.04),rgba(8,72,38,.08))}
.hero-content{display:flex;justify-content:flex-start;padding-block:56px}
.hero-content>.lang-panel{max-width:730px;padding:32px 38px;background:rgba(251,252,242,.93);border-inline-start:4px solid #b99855;box-shadow:0 12px 44px #123d2720;color:#16452d}
.hero h1,.hero .lead,.hero .eyebrow{color:#16452d;text-shadow:none}
.hero .eyebrow{color:#426e36}.hero .lead{font-size:20px;line-height:1.65}
.hero .button.ghost{color:#16452d;border-color:#387247;background:transparent}
.hero .button.primary{background:#23663b;color:#fff}
.hero .brand-signature{background:transparent;border-color:#9db984;color:#16452d;padding-inline:0}
.hero .brand-signature .company-arabic,.hero .brand-signature p{color:#245638!important;opacity:1!important}
.service-grid,body[dir=rtl] .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card{border-top:3px solid #4b8150}.service-icon{color:#387347}
@media(max-width:1000px){.service-grid,body[dir=rtl] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero-content{padding-block:32px}.hero-content>.lang-panel{padding:25px 22px}.service-grid,body[dir=rtl] .service-grid{grid-template-columns:1fr}}

/* Refined Arabic first impression: panoramic image and compact reading panel. */
.contact-entry{min-width:0}.enquiry-direct{background:#f7f2e8;color:#16332e;padding:38px;box-shadow:var(--shadow)}.enquiry-direct p{color:#314b42;opacity:1}.enquiry-form .consent a{color:#245d35}.enquiry-form .button{font-family:"AG Tajawal",Tajawal,sans-serif}
html[lang="ar"] .hero .gulf-welcome{font-size:clamp(20px,1.8vw,26px);line-height:1.55;margin:19px 0 16px;padding:10px 0}
@media(min-width:901px){
  html[lang="ar"] .hero{min-height:720px}
  html[lang="ar"] .hero-image{object-position:center center}
  html[lang="ar"] .hero-content{justify-content:flex-end}
  html[lang="ar"] .hero-content>.lang-panel:not([hidden]){width:min(54%,630px);max-width:630px;margin-inline-start:auto;padding:34px 40px;background:linear-gradient(135deg,rgba(251,252,242,.88),rgba(251,252,242,.96));border:1px solid rgba(185,152,85,.38);border-inline-start:4px solid #b99855;box-shadow:0 18px 52px rgba(18,61,39,.18);backdrop-filter:blur(7px)}
  html[lang="ar"] .hero h1{font-size:clamp(48px,5.3vw,72px);margin:14px 0}
  html[lang="ar"] .hero .lead{font-size:clamp(21px,1.8vw,26px);line-height:1.65}
  html[lang="ar"] .hero .hero-actions{margin-top:24px}
  html[lang="ar"] .hero .brand-signature{margin-top:20px;padding-block:8px}
}
@media(max-width:900px){
  html[lang="ar"] .hero{min-height:auto;display:grid;grid-template-rows:minmax(300px,42vh) auto;padding:0;background:#f6f4e9;overflow:visible}
  html[lang="ar"] .hero-image{position:relative;grid-row:1;width:100%;height:100%;object-position:center center;filter:brightness(1.08) saturate(1.25)}
  html[lang="ar"] .hero-shade{display:none}
  html[lang="ar"] .hero-content{grid-row:2;position:relative;width:100%;padding:0 0 34px}
  html[lang="ar"] .hero-content>.lang-panel:not([hidden]){width:auto;max-width:none;margin:-48px 18px 0;padding:28px 25px;background:rgba(251,252,242,.96);border:1px solid rgba(185,152,85,.38);border-top:4px solid #b99855;box-shadow:0 18px 46px rgba(18,61,39,.18)}
  html[lang="ar"] .hero h1{font-size:clamp(42px,10vw,58px);margin:12px 0}
  html[lang="ar"] .hero .lead{font-size:clamp(20px,5.4vw,24px);line-height:1.65}
  html[lang="ar"] .hero .hero-actions{margin-top:22px}
  html[lang="ar"] .hero .brand-signature{margin-top:18px}
}
@media(max-width:520px){html[lang="ar"] .hero{grid-template-rows:minmax(250px,36vh) auto}html[lang="ar"] .hero-content>.lang-panel:not([hidden]){margin-inline:12px;padding:24px 19px}.enquiry-form{padding:26px 18px}}

/* Keep the spam trap accessible to the form handler without widening RTL pages. */
.honeypot{left:auto!important;inset-inline-start:auto!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html,body{max-width:100%;overflow-x:hidden}

/* A discreet route back to the header and main menu. Logical positioning
   places it on the right in DE/EN and on the left in Arabic. */
.back-to-top{position:fixed;inset-inline-end:clamp(14px,2.4vw,34px);bottom:clamp(18px,3vw,34px);z-index:60;width:52px;height:52px;border:1px solid rgba(214,178,122,.85);border-radius:50%;display:grid;place-items:center;background:rgba(16,47,44,.94);color:#e4c28c;box-shadow:0 10px 30px rgba(7,30,25,.28);font:500 27px/1 Georgia,serif;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,background-color .22s ease,color .22s ease;backdrop-filter:blur(6px)}
.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:#1f6247;color:#fff}
.back-to-top:focus-visible{outline:3px solid #f4dfb2;outline-offset:3px}
@media(max-width:600px){.back-to-top{width:46px;height:46px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}