@font-face{font-family:Legatus Sans;src:url('./sans.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Legatus Serif;src:url('./serif.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Legatus Arabic;src:url('./arabic.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#222521;--dark:#1c201d;--paper:#f5f3ed;--muted:#65685f;--gold:#d4b17c;--line:#d6d8ce;--light-line:#42483f;--gutter:clamp(24px,5.6vw,88px);--max:1320px;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Legatus Sans,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
::selection{background:#dac49e;color:var(--dark)}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%}
.wrap{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:12px;inset-inline-start:16px;transform:translateY(-200%);padding:10px 18px;background:var(--paper);color:var(--ink);z-index:100}
.skip-link:focus{transform:translateY(0)}
.masthead,.hero{background:var(--dark);color:var(--paper)}
.header-inner{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--light-line)}
.brand{display:block;width:208px;flex-shrink:0;padding-block:20px}.brand img{width:100%;height:auto}
.navigation{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.navigation a{font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.navigation a:not(.language){position:relative}
.navigation a:not(.language)::after{content:'';position:absolute;inset-inline:0;bottom:5px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.navigation a:hover::after,.navigation a:focus-visible::after{transform:scaleX(1)}
.navigation .language{font-family:Legatus Arabic,Arial,sans-serif;color:var(--gold);font-size:14px}
html[lang=en] .navigation .language{border-left:1px solid var(--light-line);padding-left:24px}
html[lang=ar] .navigation .language{border-right:1px solid var(--light-line);padding-right:24px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--light-line);color:var(--paper);padding:9px 14px;min-height:44px;font-size:15px}
.hero{position:relative;overflow:hidden}
.hero-inner{padding-block:76px 46px;position:relative}
.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}
.hero .eyebrow{color:var(--gold)}
.hero-grid{display:grid;grid-template-columns:minmax(0,3.35fr) minmax(0,1fr);gap:7%;align-items:center;padding-block:42px 66px}
h1{font-family:Legatus Serif,Georgia,serif;font-size:clamp(48px,5.2vw,78px);line-height:1.06;letter-spacing:-.025em;max-width:950px;text-wrap:balance}
.hero-copy{max-width:625px;margin-top:28px;color:#bec5bb;font-size:19px;line-height:1.65}
.hero-seal{display:flex;align-items:center;justify-content:center;align-self:stretch;border-inline-start:1px solid var(--light-line);padding-inline-start:22%;position:relative}
.hero-seal img{width:min(100%,144px);height:auto;opacity:.94}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;margin-top:37px}
.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:54px;padding:13px 21px;border:1px solid #a88c64;color:var(--paper);font-size:16px;text-decoration:none;transition:background .2s,color .2s}
.button-link:hover{background:var(--gold);color:var(--dark)}
.text-link{font-size:16px;color:#cbd0c7;padding-block:12px}
.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:21px;line-height:1}
.hero-foot{display:flex;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid var(--light-line);font-size:14px;color:#aeb6ab}
.hero-foot a{text-decoration:none;color:var(--gold);display:flex;gap:18px;align-items:center;min-height:44px;margin-block:-10px}
.section{padding-block:112px}.section-label{font-family:inherit;font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:flex;align-items:baseline;gap:16px;line-height:1.8}
.section-label .index{font-size:13px;color:#8b7452;letter-spacing:0;direction:ltr}
.intro-grid{display:grid;grid-template-columns:1fr 2.25fr;gap:7%}
h2{font-family:Legatus Serif,Georgia,serif;font-size:clamp(36px,3.7vw,55px);letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
.intro-text h2{max-width:870px}.intro-text p{margin-top:26px;color:var(--muted);max-width:720px}
.capabilities{padding-top:10px}
.section-top{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding-bottom:35px}
.section-top>p{color:var(--muted);font-size:16px;max-width:310px;text-align:end}
.capability{display:grid;grid-template-columns:70px 1.2fr 1fr;gap:32px;align-items:baseline;padding-block:33px;border-top:1px solid var(--line)}
.capability:last-child{border-bottom:1px solid var(--line)}
.capability-number{color:#8b7452;font-size:14px;font-variant-numeric:tabular-nums}
.capability h3{font-family:Legatus Serif,Georgia,serif;font-size:32px;line-height:1.2;letter-spacing:-.015em}
.capability p{color:var(--muted);max-width:440px;font-size:17px}
.representation{background:var(--dark);color:var(--paper)}
.representation .section-label{color:#b0b9ab}.representation .index{color:var(--gold)}
.representation-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:13%;margin-top:48px;align-items:start}
.representation h2{font-size:clamp(38px,4vw,58px)}
.representation .lead{color:#bec5bb;margin-top:28px;max-width:500px}
.partner-list{list-style:none;margin:0;padding:0}
.partner-list li{padding-block:23px;border-bottom:1px solid var(--light-line);font-size:20px;line-height:1.45;display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.partner-list li:first-child{padding-top:4px}.partner-list span{color:var(--gold);font-family:Legatus Serif,Georgia,serif;font-size:23px}
.partner-note{margin-top:26px;color:#b1baab;font-size:16px;max-width:430px}
.presence{padding-bottom:88px}.presence-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:13%;margin-top:44px;align-items:end}
.presence h2{max-width:600px}.address-block{font-style:normal;font-size:19px;line-height:1.75;max-width:100%;color:var(--muted);direction:ltr;text-align:left}
.address-title{font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.contact{padding-top:0}.contact-inner{border-top:1px solid var(--line);padding-top:76px;display:grid;grid-template-columns:1.15fr 1fr;gap:13%}
.contact h2{margin-top:30px}.contact-copy{margin-top:20px;max-width:490px;color:var(--muted);font-size:17px}
.contact-links{padding-top:51px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.contact-email{font-family:Legatus Serif,Georgia,serif;font-size:clamp(29px,3.2vw,43px);line-height:1.25;letter-spacing:-.015em;display:flex;align-items:center;gap:20px;max-width:100%;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid #b6a183;padding-block:8px}
.contact-email:hover{color:#775e37}.contact-phone{font-size:19px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.contact-hint{font-size:14px;color:var(--muted);margin-top:-10px}
.footer{background:var(--dark);color:#b2baad;padding-block:35px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-identity{display:flex;align-items:center;gap:25px}
.footer-logo{width:34px;height:auto}.footer p{font-size:13px;line-height:1.7;max-width:430px}.footer .legal-name{color:#d3d8ce;letter-spacing:.045em}
.back-top{display:flex;align-items:center;gap:15px;font-size:14px;text-decoration:none;min-height:44px;white-space:nowrap}
html[lang=ar] body{font-family:Legatus Arabic,Arial,sans-serif;font-size:16px;line-height:1.95}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Legatus Arabic,Arial,sans-serif;letter-spacing:0}
html[lang=ar] h1{font-size:clamp(35px,3.6vw,55px);line-height:1.65}
html[lang=ar] h2{font-size:clamp(29px,2.7vw,40px);line-height:1.65}
html[lang=ar] .brand{width:180px}
html[lang=ar] .navigation{gap:22px}html[lang=ar] .navigation a{font-size:13px}
html[lang=ar] .navigation .language{font-family:Legatus Sans,Arial,sans-serif;font-size:15px}
html[lang=ar] .eyebrow,html[lang=ar] .section-label,html[lang=ar] .legal-name{letter-spacing:0}
html[lang=ar] h2.section-label{font-family:inherit;font-size:14px;line-height:1.8}
html[lang=ar] .hero-grid{padding-top:27px;gap:7%;grid-template-columns:minmax(0,3.6fr) minmax(0,1fr)}
html[lang=ar] .hero-copy{font-size:17px;line-height:1.95;max-width:690px;margin-top:22px}
html[lang=ar] .hero-actions{margin-top:30px}
html[lang=ar] .button-link,html[lang=ar] .text-link{font-size:14px}
html[lang=ar] .hero-actions .arrow,html[lang=ar] .contact-email .arrow{transform:scaleX(-1)}
html[lang=ar] .capability{grid-template-columns:70px 1.2fr 1fr}
html[lang=ar] .capability h3{font-size:24px;line-height:1.75}
html[lang=ar] .capability p,html[lang=ar] .contact-copy{font-size:15px;line-height:1.95}
html[lang=ar] .partner-list li{font-size:17px;line-height:1.95}
html[lang=ar] .partner-note{font-size:14px}
html[lang=ar] .address-block,html[lang=ar] .contact-email,html[lang=ar] .contact-phone{font-family:Legatus Sans,Arial,sans-serif}
html[lang=ar] .contact-email{font-size:clamp(27px,3vw,40px);letter-spacing:0}
html[lang=ar] .address-title{font-family:Legatus Arabic,Arial,sans-serif;letter-spacing:0;direction:rtl;text-align:right}
html[lang=ar] .footer p{font-size:12px}
@media(min-width:1600px){.hero-inner{padding-top:100px}.hero-grid{padding-block:55px 90px}}
@media(max-width:1100px){.header-inner{gap:20px;min-height:115px}.brand{width:180px}.navigation{gap:16px}.navigation a{font-size:14px}.navigation .language{padding-inline-start:17px}.hero-inner{padding-top:58px}.hero-seal img{width:115px}.capability{grid-template-columns:40px 1.2fr 1fr;gap:25px}html[lang=ar] .navigation{gap:15px}html[lang=ar] .brand{width:175px}html[lang=ar] .navigation a{font-size:12px}html[lang=ar] .capability{grid-template-columns:40px 1.2fr 1fr;gap:25px}}
@media(max-width:940px){.header-inner{flex-wrap:wrap;gap:0;position:relative;min-height:108px;padding-block:12px}.brand,html[lang=ar] .brand{width:175px;padding-block:12px}.navigation{width:100%;flex-wrap:wrap;gap:8px 25px;padding-block:12px;border-top:1px solid var(--light-line)}.navigation a,html[lang=ar] .navigation a{font-size:15px}.navigation .language{margin-inline-start:auto}html[lang=ar] .navigation{gap:8px 22px}html.js .menu-toggle{display:block}html.js .navigation{display:none}html.js .navigation.is-open{display:flex}.section{padding-block:82px}.intro-grid{grid-template-columns:1fr;gap:32px}.intro-text{max-width:780px}.hero-grid{grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:5%;padding-bottom:50px}.hero-seal{padding-inline-start:18%}.hero-seal img{width:90px}.hero-copy{font-size:18px}.representation-grid,.presence-grid,.contact-inner{gap:8%}.capabilities{padding-top:0}.capability h3{font-size:28px}.capability p{font-size:16px}.contact{padding-top:0}.contact-inner{padding-top:60px}.contact-email{font-size:32px}.contact-email .arrow{display:none}html[lang=ar] .hero-grid{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}html[lang=ar] .capability h3{font-size:22px}html[lang=ar] .capability{grid-template-columns:30px 1.2fr 1fr;gap:20px}html[lang=ar] .section-top>p{font-size:14px}}
@media(max-width:680px){:root{--gutter:25px;scroll-padding-top:20px}.header-inner{min-height:101px}.brand,html[lang=ar] .brand{width:162px}.hero-inner{padding-block:42px 29px}.eyebrow{font-size:12px;letter-spacing:.095em}.hero-grid,html[lang=ar] .hero-grid{grid-template-columns:minmax(0,1fr);padding-block:30px 40px;gap:0}.hero-seal{display:none}h1{font-size:clamp(44px,8.8vw,62px);line-height:1.09;letter-spacing:-.02em;max-width:560px}.hero-copy{font-size:17px;margin-top:23px;max-width:480px}.hero-actions{gap:12px 22px;margin-top:28px}.button-link{min-height:52px;font-size:15px;padding-inline:16px;gap:25px}.text-link{font-size:15px}.hero-foot{font-size:12px;gap:15px;padding-top:20px}.hero-foot a{gap:10px;flex-shrink:0}.hero-foot>span{max-width:210px}.section{padding-block:66px}.section-label{font-size:13px}.intro-grid{gap:27px}h2{font-size:37px;line-height:1.18}.intro-text p{font-size:17px;margin-top:21px}.capabilities{padding-top:0}.section-top{display:block;padding-bottom:27px}.section-top>p{text-align:start;margin-top:15px;max-width:none;font-size:15px}.capability,html[lang=ar] .capability{grid-template-columns:30px minmax(0,1fr);gap:12px 18px;padding-block:25px}.capability h3{font-size:29px}.capability p{grid-column:2;font-size:16px;max-width:440px}.capability-number{font-size:13px}.representation-grid,.presence-grid,.contact-inner{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:30px}.representation h2{font-size:40px}.representation .lead{font-size:17px;margin-top:22px}.partner-list li{font-size:19px;padding-block:18px}.partner-list li:first-child{border-top:1px solid var(--light-line);padding-top:18px}.partner-note{font-size:15px;margin-top:20px}.presence-grid{gap:30px}.address-block{font-size:17px;line-height:1.7}.address-title{font-size:13px;margin-bottom:12px}.contact{padding-top:0}.contact-inner{padding-top:55px;margin-top:0;gap:20px}.contact h2{margin-top:23px}.contact-copy{font-size:16px;margin-top:18px}.contact-links{padding-top:0;gap:14px}.contact-email{font-size:34px}.contact-phone{font-size:18px}.contact-hint{font-size:13px}.footer{padding-block:30px}.footer-inner{align-items:flex-start;flex-direction:column;gap:22px}.footer-identity{gap:18px}.footer-logo{width:29px}.footer p{font-size:12px}.back-top{font-size:13px;align-self:flex-end}.navigation .language{margin-inline-start:0}html[lang=ar] h1{font-size:clamp(31px,7.4vw,43px);line-height:1.7}html[lang=ar] h2{font-size:29px;line-height:1.7}html[lang=ar] .hero-copy{font-size:15px;line-height:2.1;margin-top:18px}html[lang=ar] .hero-foot{font-size:11px}html[lang=ar] .intro-text p{font-size:15px}html[lang=ar] .capability h3{font-size:21px}html[lang=ar] .capability p{font-size:14px}html[lang=ar] .representation .lead{font-size:15px}html[lang=ar] .partner-list li{font-size:16px}html[lang=ar] .partner-note{font-size:14px}html[lang=ar] .contact-copy{font-size:14px}html[lang=ar] .contact-email{font-size:29px}}
@media(max-width:360px){:root{--gutter:20px}.brand,html[lang=ar] .brand{width:147px}.hero-actions{align-items:flex-start;flex-direction:column}.contact-email{font-size:29px}h1{font-size:42px}html[lang=ar] h1{font-size:29px}.hero-foot>span{max-width:165px}}
.eyebrow,.section-label,.section-label .index,.capability-number,.hero-foot,.address-title,.contact-hint,.footer p,.back-top{font-size:14px}
html[lang=ar] .navigation a,html[lang=ar] .hero-foot,html[lang=ar] .footer p{font-size:14px}
html[lang=ar] .intro-text p,html[lang=ar] .capability p,html[lang=ar] .representation .lead,html[lang=ar] .contact-copy{font-size:16px}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
