:root{--ink:#092c3b;--deep:#061f2c;--teal:#0c7584;--mint:#b5ded8;--paper:#f7f7f3;--line:#d9e3e3;--muted:#566f78}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body[dir=rtl]{font-family:'Noto Kufi Arabic',sans-serif;line-height:1.85}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,blockquote{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-.055em}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:'Noto Kufi Arabic',sans-serif;letter-spacing:-.04em;line-height:1.37}h2{font-size:clamp(2.4rem,4.8vw,5.1rem);font-weight:700}h3{font-size:clamp(1.6rem,2.4vw,2.5rem)}.shell{width:min(100% - 80px,1340px);margin-inline:auto}.section{padding:120px 0}.skip-link{position:absolute;top:10px;inset-inline-start:-9999px;background:#fff;color:#000;padding:10px 16px;z-index:100}.skip-link:focus{inset-inline-start:10px}.eyebrow{font:800 11px/1.5 Manrope,sans-serif;color:var(--teal);letter-spacing:.2em;text-transform:uppercase;margin:0 0 27px;display:flex;align-items:center;gap:14px}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor;flex:none}.eyebrow.light{color:var(--mint)}body[dir=rtl] .eyebrow{font-family:'Noto Kufi Arabic',sans-serif;letter-spacing:0;font-size:12px}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid #dce5e4}.header-inner{height:94px;display:flex;align-items:center;gap:46px}.brand{width:176px;flex:none}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:34px;margin-inline-start:auto}.desktop-nav a{font-weight:700;font-size:13px;position:relative;white-space:nowrap}.desktop-nav a::after{content:"";height:2px;background:var(--teal);position:absolute;bottom:-12px;inset-inline-start:0;width:0;transition:width .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{width:100%}.header-actions{display:flex;align-items:center;gap:22px}.language{font-size:13px;font-weight:800;color:var(--teal);white-space:nowrap}.language:hover{text-decoration:underline}.header-contact{background:var(--ink);color:#fff;padding:16px 20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.header-contact span{margin-inline-start:18px;color:#7fd1ca}.header-contact:hover{background:var(--teal)}body[dir=rtl] .header-contact{font-size:12px;letter-spacing:0}.menu-button{display:none;border:0;background:transparent;padding:10px}.menu-button span{display:block;width:26px;height:2px;background:var(--ink);margin:6px 0}.mobile-nav{display:none}
.button{min-width:215px;min-height:56px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:#d4ece6;color:var(--ink)}.button-light:hover{background:#fff}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--teal)}.button>span:last-child{font-size:19px;line-height:1}.subtle-link{font-size:13px;font-weight:800;color:#e7f1ef;border-bottom:1px solid #b3d0c9;padding-bottom:5px}.subtle-link:hover{color:#fff}.arrow-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--teal);padding-bottom:11px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.arrow-link::after{content:"↗";font-size:20px;line-height:1}.arrow-link:hover{gap:39px}body[dir=rtl] .button,body[dir=rtl] .arrow-link{font-size:12px;letter-spacing:0}
.home-hero{position:relative;min-height:735px;overflow:hidden;color:#fff;background:#051c2a}.home-hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#061e2ce8 0%,#061e2cbe 34%,#061e2c2e 82%),url('/assets/riyadh-editorial.jpg');background-size:cover;background-position:center 43%}.home-hero::after{content:"";position:absolute;inset:0;border:1px solid #ffffff15;pointer-events:none}.home-hero-inner{min-height:670px;position:relative;display:flex;align-items:center}.home-hero-copy{position:relative;z-index:2;max-width:760px;padding:90px 0 80px}.home-hero h1{font-size:clamp(4.8rem,7.7vw,8.3rem);line-height:1.01;font-weight:700;margin:0 0 32px;max-width:900px}.home-hero h1 em,.page-hero h1 em{font-style:normal;color:#bfe5da}.home-hero-copy>p:not(.eyebrow){max-width:550px;color:#e3eceb;font-size:18px;line-height:1.8;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:30px}.hero-side-label{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;color:#ffffffb8;font:800 11px Manrope;letter-spacing:.27em}.hero-bottom{position:relative;z-index:2;height:65px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff4a;color:#d4e1e0;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:14%;align-items:end}.intro h2{max-width:670px;margin-bottom:0}.large-copy{font-size:19px;color:#4e6972;line-height:1.85}.intro .large-copy{margin-bottom:30px}.photo-feature{height:570px;position:relative;overflow:hidden;background:#c6d4d0}.photo-feature-image{position:absolute;inset:0;background:linear-gradient(0deg,#052c3d78,transparent 47%),url('/assets/facility-editorial.jpg') center 47%/cover}.photo-feature-inner{height:100%;display:flex;align-items:end}.photo-caption{position:relative;bottom:32px;background:var(--paper);min-width:340px;max-width:460px;padding:25px 30px;display:flex;align-items:center;gap:20px;font-size:16px;font-weight:700;box-shadow:0 10px 20px #082e3922}.mini-mark{font:800 25px Manrope;color:var(--teal);white-space:nowrap}.split-heading{display:grid;grid-template-columns:1fr .57fr;gap:10%;align-items:end;margin-bottom:58px}.split-heading h2{margin:0}.split-heading>p{color:var(--muted);font-size:17px;line-height:1.85;max-width:430px;margin:0 0 9px}.area-list{border-top:1px solid #b3c8c8;margin-bottom:33px}.area{border-bottom:1px solid #b3c8c8;padding:36px 4px;display:grid;grid-template-columns:130px 1fr 70px;gap:20px;align-items:start}.area-number{font:800 12px Manrope;color:var(--teal);margin-top:14px}.area h3{margin:0 0 8px}.area p{color:var(--muted);margin:0;max-width:650px}.area-arrow{font-size:32px;color:var(--teal);text-align:end}
.closing{background:var(--ink);color:#fff;position:relative;overflow:hidden}.closing::after{content:"F";position:absolute;font:800 550px/1 Manrope;color:#ffffff09;inset-inline-end:-60px;bottom:-200px}.closing-inner{position:relative;z-index:2;min-height:415px;display:flex;justify-content:space-between;align-items:center;gap:60px;padding:70px 0}.closing h2{max-width:820px;margin-bottom:15px}.closing p:not(.eyebrow){color:#bcd1d1;font-size:17px;max-width:550px;margin:0}.closing .button{flex:none}.page-hero{background:radial-gradient(circle at 82% 32%,#1a5961,#0c3e4d 31%,#092c3b 70%);color:#fff;position:relative;overflow:hidden}.page-hero-inner{min-height:445px;padding:90px 0 85px;position:relative;z-index:2}.page-hero h1{font-size:clamp(4rem,6.4vw,7.2rem);max-width:980px;margin-bottom:20px}.page-lead{font-size:19px;color:#d4e5e1;max-width:680px;line-height:1.8;margin:0}.page-hero-mark{position:absolute;font:800 700px/1 Manrope;inset-inline-end:-50px;top:-170px;color:#ffffff0b;pointer-events:none}
.story-grid{display:grid;grid-template-columns:.9fr 1fr;gap:14%}.story h2{margin-bottom:0}.story-copy p{font-size:17px;line-height:1.9;color:#476570;margin-bottom:23px}.values{background:#e7f0ec}.values h2{max-width:750px;margin-bottom:55px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.values article{border-top:2px solid var(--teal);padding:23px 12px 5px 0}.values article span{font:800 12px Manrope;color:var(--teal)}.values h3{font-size:28px;margin:35px 0 14px}.values p{color:#526e75;max-width:330px;margin:0}.leader-grid{display:grid;grid-template-columns:.75fr 1fr;gap:12%;align-items:center}.leader-photo{background:#d3e1dd;min-height:550px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:end}.leader-photo::before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#adcdcb;top:-65px;inset-inline-start:-90px}.leader-photo img{position:relative;z-index:1;height:510px;width:auto;max-width:none;object-fit:contain}.leader-photo span{position:absolute;z-index:2;bottom:0;inset-inline-start:0;background:var(--ink);color:#fff;padding:14px 23px;font:800 10px Manrope;letter-spacing:.12em}.leader-content h2{margin-bottom:8px}.quote-glyph{font:500 86px/1 Georgia;color:var(--teal);display:block;height:62px}.leader blockquote{font:500 clamp(1.3rem,2.1vw,1.9rem)/1.6 Manrope;letter-spacing:-.03em;margin-bottom:13px}body[dir=rtl] .leader blockquote{font-family:'Noto Kufi Arabic';line-height:1.9}.draft-note{font-size:11px;color:#667f83;text-transform:uppercase;letter-spacing:.07em}.leader-signature{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;display:flex;flex-direction:column}.leader-signature strong{font:800 17px Manrope}body[dir=rtl] .leader-signature strong{font-family:'Noto Kufi Arabic'}.leader-signature span{font-size:13px;color:#6b8188}
.work-intro{background:#f7f7f3}.work-intro h2{margin-bottom:0}.work-details{background:#e8f0ed}.work-block{display:grid;grid-template-columns:230px 1fr;gap:8%;border-top:1px solid #abc4c1;padding:80px 0}.work-block:last-child{border-bottom:1px solid #abc4c1}.work-block-label{font:800 12px Manrope;color:var(--teal);letter-spacing:.1em;padding-top:12px}.work-block h2{margin-bottom:23px}.work-block-main>p{font-size:18px;line-height:1.85;color:#47636b;max-width:820px}.department-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px}.department-pair>div{border-top:2px solid var(--teal);padding-top:20px}.department-pair h3{font-size:24px;margin-bottom:9px}.department-pair p{font-size:15px;color:#5b747b;line-height:1.8}.estate-block .draft-note{font-size:11px}.approach-band{background:#fff}.approach-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center;padding:100px 0}.approach-grid img{height:440px;width:100%;object-fit:cover}.approach-grid h2{font-size:clamp(2.5rem,4vw,4.3rem)}.approach-grid p:last-child{font-size:17px;color:#5b737a;line-height:1.85}
.contact-grid{display:grid;grid-template-columns:.9fr 1fr;gap:13%}.contact-grid h2{max-width:650px}.contact-grid .large-copy{margin-bottom:28px}.contact-rows{border-top:1px solid #b8cdca}.contact-rows>div{border-bottom:1px solid #b8cdca;padding:23px 0;display:grid;grid-template-columns:180px 1fr;gap:25px}.contact-rows span{font:800 11px Manrope;color:var(--teal);text-transform:uppercase;letter-spacing:.12em}.contact-rows a,.contact-rows p{font-size:17px;font-weight:700;margin:0;overflow-wrap:anywhere}.contact-rows a:hover{color:var(--teal)}.contact-note{background:#e7f0ec;color:#4d696e;padding:28px 0;font-size:14px}.footer{background:var(--deep);color:#d5e5e4}.footer-top{padding:70px 0 75px;display:grid;grid-template-columns:1fr 1fr .95fr;gap:70px}.footer-identity img{width:170px;background:var(--paper);padding:8px}.footer-identity p{font-size:15px;color:#8eafb2;margin:22px 0 0}.footer nav,.footer-contact{display:flex;flex-direction:column;gap:12px;align-items:start}.footer a{font-size:14px}.footer a:hover{color:#b5ded8}.footer-bottom{border-top:1px solid #ffffff2b;padding:22px 0 30px;display:flex;justify-content:space-between;color:#8ea9ad;font-size:12px}
body[dir=rtl] .home-hero-image{transform:scaleX(-1)}body[dir=rtl] .home-hero h1{max-width:850px;font-size:clamp(3.6rem,6vw,6.4rem);line-height:1.4}body[dir=rtl] .home-hero-copy>p:not(.eyebrow){max-width:680px}body[dir=rtl] .photo-caption,body[dir=rtl] .area-number,body[dir=rtl] .work-block-label{letter-spacing:0}body[dir=rtl] .hero-side-label{display:none}body[dir=rtl] .contact-rows span{font-family:'Noto Kufi Arabic';letter-spacing:0}body[dir=rtl] .footer-contact a{direction:ltr}body[dir=rtl] .leader-photo img{transform:scaleX(-1)}
@media(max-width:1080px){.shell{width:min(100% - 50px,1340px)}.header-inner{gap:20px}.brand{width:150px}.desktop-nav{gap:22px}.header-actions{gap:14px}.header-contact{display:none}.home-hero h1{font-size:clamp(4rem,8vw,6.6rem)}.section{padding:95px 0}.leader-grid{gap:7%}.contact-grid{gap:7%}}
@media(max-width:760px){.shell{width:min(100% - 36px,1340px)}.header-inner{height:74px}.brand{width:142px}.desktop-nav{display:none}.header-actions{margin-inline-start:auto}.menu-button{display:block}.mobile-nav{position:absolute;top:74px;inset-inline:0;background:var(--paper);border-top:1px solid var(--line);padding:12px 18px 20px;box-shadow:0 18px 24px #082e3920}.mobile-nav.is-open{display:flex;flex-direction:column}.mobile-nav a{font-weight:700;padding:12px 0;border-bottom:1px solid var(--line)}.home-hero{min-height:0}.home-hero-image{background-position:62% center}.home-hero-inner{min-height:680px}.home-hero-copy{padding:85px 0 115px}.home-hero h1{font-size:clamp(3.6rem,13vw,5.8rem)}.home-hero-copy>p:not(.eyebrow){font-size:16px}.hero-side-label{display:none}.hero-bottom{height:50px}.section{padding:76px 0}.intro-grid,.story-grid,.contact-grid,.approach-grid{grid-template-columns:1fr;gap:35px}.large-copy{font-size:17px}.photo-feature{height:420px}.split-heading{grid-template-columns:1fr;gap:20px}.area{grid-template-columns:70px 1fr 30px;padding:28px 0}.area h3{font-size:26px}.area-arrow{font-size:22px}.closing-inner{display:block;min-height:0;padding:74px 0}.closing .button{margin-top:25px}.page-hero-inner{min-height:390px;padding:78px 0}.page-hero h1{font-size:clamp(3.6rem,11vw,5.7rem)}.page-lead{font-size:16px}.values-grid{grid-template-columns:1fr;gap:28px}.values h2{margin-bottom:35px}.values h3{margin:18px 0 6px}.leader-grid{grid-template-columns:1fr;gap:50px}.leader-photo{max-width:390px;min-height:450px}.leader-photo img{height:420px}.work-block{grid-template-columns:1fr;gap:14px;padding:55px 0}.work-block-label{padding-top:0}.approach-grid{padding:76px 0}.approach-grid img{height:340px}.contact-rows>div{grid-template-columns:135px 1fr}.footer-top{grid-template-columns:1fr 1fr;gap:35px;padding:55px 0}.footer-identity{grid-column:1/-1}.footer-bottom{gap:15px}}
@media(max-width:480px){.shell{width:min(100% - 32px,1340px)}.home-hero-inner{min-height:630px}.home-hero-copy{padding:80px 0 100px}.home-hero h1{font-size:3.45rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom{font-size:9px}.photo-caption{min-width:0;width:100%;padding:20px;font-size:14px}.split-heading h2,h2{font-size:2.5rem}.area{grid-template-columns:42px 1fr;gap:10px}.area-arrow{display:none}.area h3{font-size:22px}.area p{font-size:14px}.page-hero h1{font-size:3.25rem}.contact-rows>div{display:flex;flex-direction:column;gap:7px}.footer-top{grid-template-columns:1fr}.footer-identity{grid-column:auto}.footer-bottom{flex-direction:column}}
:focus-visible{outline:3px solid #0c7584;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Fahmars group profiles and project gallery */
.footer-identity img{width:194px;background:none;padding:0;filter:brightness(0) invert(1);opacity:.96}
.company-intro{background:#f7f7f3}
.companies-section{padding:0 0 120px;background:#f7f7f3}
.company-stack{display:grid;gap:18px}
.company-card{display:grid;grid-template-columns:43% 1fr;min-height:420px;background:#e5edeb;overflow:hidden;transition:transform .25s,box-shadow .25s}
.company-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px #092c3b17}
.company-card-visual{position:relative;min-height:340px;overflow:hidden;background:linear-gradient(145deg,#0b4357,#092c3b)}
.company-card-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent,#031e2b42)}
.company-card-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.company-alfahad .company-card-visual{background:linear-gradient(145deg,#075a6a,#092c3b)}
.company-mithaqs .company-card-visual{background:linear-gradient(145deg,#2f676a,#123a47)}
.company-card-mark{position:absolute;inset:auto -3% -30%;font:800 clamp(23rem,39vw,43rem)/.8 Manrope;color:#ffffff13;letter-spacing:-.1em}
.company-card-content{padding:50px clamp(32px,5vw,80px);display:flex;flex-direction:column;align-items:start}
.company-card-num{font:800 11px Manrope;color:var(--teal);letter-spacing:.16em}
.company-card h2{font-size:clamp(2.7rem,4.4vw,5.4rem);margin:26px 0 8px}
.company-legal{font-size:15px;color:#4a6972;margin:0 0 20px}
.company-line{font-weight:700;color:#255363;margin:0 0 32px}
.company-card .arrow-link{margin-top:auto}
.company-profile{background:#f7f7f3}
.profile-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:13%;align-items:start}
.profile-grid h2{font-size:clamp(2.8rem,4.4vw,5.1rem);margin-bottom:18px}
.legal-name{font-size:17px;color:#5b777f;margin-bottom:35px}
.profile-lead{font-size:21px;line-height:1.8;color:#3d606b;margin:15px 0 45px}
.profile-scope{border-top:1px solid #b2c6c4;padding:24px 0;display:flex;flex-direction:column;gap:10px}
.profile-scope span{font:800 11px Manrope;color:var(--teal);letter-spacing:.15em}
.profile-scope strong{font-size:21px}
.services-section{background:#e6efec}
.services-section h2{margin-bottom:55px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-grid article{border-top:2px solid var(--teal);padding:25px 16px 15px 0}
.service-grid article span{font:800 11px Manrope;color:var(--teal)}
.service-grid h3{font-size:28px;margin:30px 0 15px}
.service-grid p{color:#526d75;max-width:350px}
.project-gallery{background:#f7f7f3}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gallery-grid figure{margin:0;overflow:hidden;background:#d6e0dc}
.gallery-grid figure:first-child{grid-column:1/-1}
.gallery-grid img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .4s}
.gallery-grid figure:first-child img{aspect-ratio:2.25}
.gallery-grid figure:hover img{transform:scale(1.025)}
.gallery-grid figcaption{padding:12px 16px;font-size:11px;font-weight:800;color:#466a72;letter-spacing:.08em;text-transform:uppercase}
body[dir=rtl] .company-card-num,body[dir=rtl] .profile-scope span,body[dir=rtl] .gallery-grid figcaption{letter-spacing:0}
@media(max-width:760px){.companies-section{padding-bottom:76px}.company-card{grid-template-columns:1fr}.company-card-visual{min-height:250px}.company-card-content{padding:32px}.company-card h2{margin:15px 0 6px}.profile-grid{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:1fr;gap:8px}.services-section h2{margin-bottom:28px}.service-grid h3{margin:12px 0}.gallery-grid{grid-template-columns:1fr;gap:14px}.gallery-grid figure:first-child{grid-column:auto}.gallery-grid figure:first-child img{aspect-ratio:1.55}}
.footer-identity img{height:auto;max-height:70px;object-fit:contain;object-position:left center}
body[dir=rtl] .footer-identity img{object-position:right center}
.area{transition:background .2s,padding .2s}
.area:hover{background:#e8f0ed;padding-inline:20px}
.area:hover .area-arrow{transform:translate(3px,-3px)}
.area-arrow{transition:transform .2s}
.company-mawared .company-card-visual{background:linear-gradient(145deg,#384f5a,#102b3a)}
.leader-photo{background:#edf2ef;border:1px solid #9dbab6;padding:12px;box-shadow:0 18px 38px #092c3b18;min-height:0;overflow:visible}
.leader-photo::before{display:none}
.leader-photo img{width:100%;height:550px;object-fit:cover;object-position:center 15%}
.leader-photo span{bottom:12px;inset-inline-start:12px}
body[dir=rtl] .leader-photo img{transform:none}
@media(max-width:760px){.leader-photo img{height:450px}}
.leader-photo-image{width:100%;height:550px;overflow:hidden;background:#1b1b1b;direction:ltr}
.leader-photo-image img{width:125%;max-width:none;height:550px;object-fit:cover;object-position:center 15%;display:block}
@media(max-width:760px){.leader-photo-image,.leader-photo-image img{height:450px}}
.leader-photo-image{background:#fff}
.leader-photo-image img{width:100%;height:550px;object-fit:cover;object-position:center center}
@media(max-width:760px){.leader-photo-image img{height:450px}}
.phone-list{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.phone-list a{white-space:nowrap}
