/*
Theme Name: Khalid Awad Al Johi Group Premium
Theme URI: https://1262025.us12.myftpupload.com/
Author: Muhammad Zubayer Sheikh
Version: 13.0.0
Description: Premium editable bilingual corporate group theme for Khalid Awad Al Johi Trading Group. Complete company directory and interactive project map edition.
*/
:root{--green:#075844;--green2:#0b6b52;--navy:#102c33;--gold:#c99b2c;--gold2:#e5c66b;--ivory:#fbfaf5;--paper:#fff;--ink:#193239;--muted:#6f7d80;--line:rgba(13,64,57,.14);--shadow:0 25px 70px rgba(10,55,49,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 80px));margin:auto}.section{position:relative;padding:125px 0;overflow:hidden;background:#fff}.eyebrow{display:inline-block;font-size:14px;font-weight:800;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.section-head{position:relative;z-index:5;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:62px}.section-head h2{font:600 clamp(54px,6vw,82px)/.86 Cormorant Garamond,serif;color:var(--navy);margin:18px 0 0;letter-spacing:-2px}.section-head h2 em{color:var(--green2);font-style:italic}.section-head p{font-size:14px;line-height:1.9;color:var(--muted);max-width:500px;margin:0}.section-art{position:absolute;pointer-events:none;z-index:1}.section-art img{width:100%;height:auto;display:block}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
/* Header */
.site-header{position:fixed;z-index:1000;left:0;right:0;top:0;height:92px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,64,57,.12)}.nav-wrap{height:100%;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brand img{width:60px;height:60px;object-fit:contain}.brand-name{font:600 19px/1 Cormorant Garamond,serif;color:var(--navy)}.brand-name small{display:block;font:700 14px/1.4 Montserrat,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-top:5px}.primary-nav{flex:1;min-width:0}.primary-nav ul{display:flex;justify-content:center;align-items:center;gap:21px;list-style:none;margin:0;padding:0}.primary-nav li{position:relative}.primary-nav a{font-size:14px;font-weight:800;letter-spacing:.9px;color:#43585b;white-space:nowrap;padding:34px 0}.primary-nav li:hover>a{color:var(--green)}.primary-nav .sub-menu{display:none;position:absolute;top:100%;left:-20px;min-width:225px;padding:12px;background:#fff;border:1px solid rgba(201,155,44,.22);box-shadow:0 25px 60px rgba(10,55,49,.14)}.primary-nav li:hover>.sub-menu{display:block}.primary-nav .sub-menu li{display:block}.primary-nav .sub-menu a{display:block;padding:11px 12px;font-size:14px;white-space:normal}.primary-nav .sub-menu .sub-menu{top:-12px;left:100%}.primary-nav .mega-fallback>.sub-menu{min-width:760px;display:none;grid-template-columns:repeat(3,1fr);gap:10px}.primary-nav .mega-fallback>.sub-menu>li>a{font-size:14px;color:var(--green);font-weight:800;border-bottom:1px solid var(--line)}.primary-nav .mega-fallback>.sub-menu .sub-menu{position:static;display:block;border:0;box-shadow:none;min-width:0;padding:0}.primary-nav .mega-fallback>.sub-menu .sub-menu a{font-size:14px;padding:7px 12px}.language-switch{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:800;white-space:nowrap;color:#6b797b}.lang-btn{border:0;background:transparent;font:800 14px Montserrat,sans-serif;cursor:pointer;color:#899496}.lang-btn.is-active{color:var(--green)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);padding:13px 18px;font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.header-cta{background:var(--green);color:#fff}.mobile-toggle{display:none;border:0;background:none;font-size:24px;color:var(--green)}
/* Hero */
.hero{position:relative;min-height:850px;padding-top:92px;background:linear-gradient(135deg,#fff 0%,#f9faf5 60%,#f1f6f1 100%);overflow:hidden}.heritage-sun{position:absolute;width:760px;height:760px;right:-180px;top:10px;border-radius:50%;background:radial-gradient(circle,rgba(201,155,44,.16),transparent 66%)}.heritage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,88,68,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,88,68,.045) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,#000 35%,#000 85%,transparent)}.hero-map-watermark{position:absolute;right:4%;top:105px;width:700px;height:700px;opacity:.12;transform:rotate(-8deg)}#heroSaudiMap{width:100%;height:100%}#heroSaudiMap svg{width:100%;height:100%}.hero-cultural{position:absolute;pointer-events:none;z-index:2}.hero-palm{left:-35px;bottom:-40px;width:300px;opacity:.16}.hero-dallah{right:47%;bottom:28px;width:125px;opacity:.13}.hero-camel{right:7%;bottom:40px;width:390px;opacity:.14}.hero-inner{position:relative;z-index:10;min-height:758px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-copy{width:56%;padding-bottom:55px}.hero-copy h1{font:600 clamp(64px,7.3vw,110px)/.82 Cormorant Garamond,serif;color:var(--navy);margin:20px 0 26px;letter-spacing:-3px}.hero-copy h1 em{color:var(--green);font-style:italic}.hero-copy p{max-width:560px;font-size:14px;line-height:1.9;color:#68787b}.actions{display:flex;gap:12px;margin-top:30px}.btn-gold{background:var(--gold);color:#fff}.btn-outline{border-color:var(--green);color:var(--green);background:#fff}.hero-emblem{position:relative;width:480px;height:480px;display:grid;place-items:center;margin-right:2%;transform:translateZ(0)}.emblem-core{width:260px;height:260px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(201,155,44,.7);box-shadow:0 30px 100px rgba(10,55,49,.15),inset 0 0 0 12px rgba(201,155,44,.04);animation:floatLogo 6s ease-in-out infinite}.emblem-core img{width:220px;height:220px;object-fit:contain}.emblem-orbit{position:absolute;border:1px solid rgba(201,155,44,.45);border-radius:50%;animation:spin 22s linear infinite}.orbit-a{width:340px;height:340px}.orbit-b{width:415px;height:300px;transform:rotate(35deg);animation-duration:28s}.orbit-c{width:470px;height:470px;border-color:rgba(7,88,68,.2);animation-duration:35s}.hero-bottom{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:12;display:flex;gap:14px;align-items:center;font-size:14px;letter-spacing:2px;color:#788487;white-space:nowrap}.hero-bottom i{width:35px;height:1px;background:var(--gold)}
/* About */
.about-section{background:var(--ivory)}.art-arch{left:-60px;top:90px;width:360px;opacity:.07}.art-dunes{right:-90px;bottom:-30px;width:700px;opacity:.09}.art-pattern{inset:0;opacity:.018}.art-pattern img{width:100%;height:100%;object-fit:cover}.heritage-stat-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.heritage-stat-grid>div{min-height:190px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.68)}.heritage-stat-grid b{display:block;font:600 64px/1 Cormorant Garamond,serif;color:var(--green)}.heritage-stat-grid span{display:block;margin-top:15px;font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#7d898b}.culture-ribbon{display:flex;justify-content:space-between;gap:15px;margin-top:24px;padding:18px 20px;border:1px solid rgba(201,155,44,.2);background:#fff;color:#718083;font-size:14px;font-weight:800;letter-spacing:2px}
/* sectors */
.sectors-section{background:#fff}.art-falcon{right:-70px;top:90px;width:390px;opacity:.055}.art-dallah-large{left:-30px;bottom:-20px;width:280px;opacity:.055}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sector-card{position:relative;min-height:255px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#fff,#f7faf7);transition:.35s;overflow:hidden}.sector-card:after{content:"";position:absolute;width:140px;height:140px;right:-55px;bottom:-55px;border-radius:50%;background:rgba(201,155,44,.08);transition:.35s}.sector-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(201,155,44,.4)}.sector-card:hover:after{transform:scale(1.5)}.sector-number{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.sector-symbol{font-size:28px;color:var(--green);margin-top:52px}.sector-card h3{position:relative;z-index:2;font:600 28px/1 Cormorant Garamond,serif;color:var(--navy);max-width:230px;margin:15px 0}.sector-arrow{position:absolute;right:24px;bottom:22px;font-size:20px;color:var(--green)}
/* company tree */
.companies-section{background:linear-gradient(180deg,#fbfaf5,#f6f8f3)}.art-palm-tree{right:-60px;bottom:-80px;width:330px;opacity:.055}.art-geo{left:0;top:0;width:100%;height:100%;opacity:.025}.art-geo img{width:100%;height:100%;object-fit:cover}.company-tree{position:relative;min-height:900px;border:1px solid rgba(13,64,57,.12);background:radial-gradient(circle at 50% 55%,rgba(7,88,68,.08),transparent 27%),linear-gradient(180deg,#fff,#f6f8f3);overflow:hidden;box-shadow:0 30px 80px rgba(10,55,49,.06)}.tree-canopy-art{position:absolute;left:50%;top:70px;transform:translateX(-50%);width:610px;height:300px;filter:blur(1px);z-index:1}.tree-canopy-art span{position:absolute;width:230px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(7,88,68,.13),transparent 70%)}.tree-canopy-art span:nth-child(1){left:0;top:80px}.tree-canopy-art span:nth-child(2){left:90px;top:10px}.tree-canopy-art span:nth-child(3){left:190px;top:70px}.tree-canopy-art span:nth-child(4){left:290px;top:0}.tree-canopy-art span:nth-child(5){left:380px;top:75px}.tree-canopy-art span:nth-child(6){left:200px;top:130px}.tree-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2}.tree-trunk{fill:none;stroke:url(#trunkGold);stroke-width:25;stroke-linecap:round}.tree-branch{fill:none;stroke:#b88a30;stroke-width:10;stroke-linecap:round}.tree-root{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);z-index:8;width:190px;height:190px;border-radius:50%;background:#fff;border:2px solid var(--gold);display:grid;place-items:center;align-content:center;box-shadow:0 25px 70px rgba(10,55,49,.18)}.tree-root img{width:112px;height:112px;object-fit:contain}.tree-root span{display:block;text-align:center;font-size:14px;font-weight:800;letter-spacing:1.5px;color:var(--gold);line-height:1.4}.tree-branch-card{position:absolute;z-index:9;width:245px}.tree-pos-1{left:2%;top:30%}.tree-pos-2{left:14%;top:7%}.tree-pos-3{left:3%;top:67%}.tree-pos-4{left:38%;top:2%}.tree-pos-5{right:2%;top:30%}.tree-pos-6{right:14%;top:7%}.tree-pos-7{right:3%;top:67%}.tree-leaf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:28px 28px 28px 7px;background:linear-gradient(135deg,#075844,#0d6d55);color:#fff;box-shadow:0 15px 35px rgba(7,88,68,.2);font:600 18px/1 Cormorant Garamond,serif}.tree-pos-5 .tree-leaf,.tree-pos-6 .tree-leaf,.tree-pos-7 .tree-leaf{border-radius:28px 28px 7px 28px}.tree-leaf b{color:var(--gold2);font:400 20px Montserrat}.tree-company-list{margin-top:10px;padding:11px 14px;background:rgba(255,255,255,.9);border-left:2px solid rgba(201,155,44,.5);box-shadow:0 12px 30px rgba(10,55,49,.06)}.tree-pos-5 .tree-company-list,.tree-pos-6 .tree-company-list,.tree-pos-7 .tree-company-list{border-left:0;border-right:2px solid rgba(201,155,44,.5)}.tree-company-list a{display:block;padding:7px 0;border-bottom:1px solid #e9eeeb;font-size:14px;line-height:1.45;color:#637477}.tree-company-list a:last-child{border-bottom:0}.tree-company-list a:hover{color:var(--green)}
/* Trust */
.trust-section{background:#fff}.art-camel-trust{left:-40px;bottom:-10px;width:350px;opacity:.055}.art-arch-trust{right:-80px;top:50px;width:430px;opacity:.055}.values-wheel{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.value-card{position:relative;min-height:280px;padding:25px;border-right:1px solid var(--line);background:linear-gradient(160deg,#fff,#f7faf8);overflow:hidden}.value-card:last-child{border-right:0}.value-card>span{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.value-card h3{font:600 33px/1 Cormorant Garamond,serif;color:var(--navy);margin-top:125px}.value-card i{position:absolute;right:20px;top:20px;width:58px;height:58px;border:1px solid rgba(201,155,44,.5);border-radius:50%}.value-card i:after{content:"";position:absolute;inset:12px;border:1px solid rgba(7,88,68,.35);transform:rotate(45deg)}
/* Projects */
.projects-section{background:var(--ivory)}.art-dunes-project{right:-100px;bottom:-50px;width:780px;opacity:.08}.art-map-pattern{left:0;top:0;width:100%;height:100%;opacity:.02}.art-map-pattern img{width:100%;height:100%;object-fit:cover}.project-showcase{position:relative;z-index:5;display:grid;grid-template-columns:300px 1fr;min-height:730px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.project-rail{padding:25px;border-right:1px solid var(--line);background:#f7f9f5}.rail-title{font-size:14px;font-weight:800;letter-spacing:2px;color:var(--gold);padding-bottom:18px}.project-select{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:17px 0;cursor:pointer}.project-select span{font-size:14px;color:var(--gold);display:block;margin-bottom:5px}.project-select strong{display:block;font:600 22px/1 Cormorant Garamond,serif;color:#506266}.project-select small{display:block;margin-top:5px;font-size:14px;color:#879295}.project-select.is-active strong,.project-select:hover strong{color:var(--green)}.more-projects{display:inline-block;margin-top:24px;font-size:14px;font-weight:800;letter-spacing:1px;color:var(--green);text-transform:uppercase}.saudi-map-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 52% 50%,rgba(7,88,68,.07),transparent 45%),linear-gradient(135deg,#fdfdf9,#eef5ef);perspective:1300px}.saudi-map-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(201,155,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(201,155,44,.08) 1px,transparent 1px);background-size:58px 58px}.saudi-map-3d{position:absolute;inset:55px 30px 20px;display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(1300px) rotateX(12deg) rotateY(var(--ry,0deg)) rotateZ(var(--rx,0deg));transition:transform .35s ease}.saudi-map-3d svg{width:100%;height:100%;overflow:visible}.map-grid{stroke:#c99b2c;stroke-opacity:.08;stroke-width:1}.saudi-map-shadow{fill:#063a31;opacity:.15}.saudi-map-inner{stroke-linejoin:round}.node-stem{stroke:#c99b2c;stroke-width:2;stroke-opacity:.7}.node-halo{fill:#d9b84e;fill-opacity:.13;stroke:#e9d17a;stroke-width:1.5;animation:nodePulse 2.2s infinite}.node-dot{fill:#fff1b5;stroke:#9b7220;stroke-width:4}.project-node{cursor:pointer}.project-node:hover .node-dot,.project-node.is-selected .node-dot{fill:#fff;stroke:#075844;stroke-width:5}.node-label-bg{fill:rgba(255,255,255,.94);stroke:rgba(201,155,44,.3);stroke-width:1}.node-title{font:700 14px Montserrat,sans-serif;fill:#193239}.node-location{font:500 14px Montserrat,sans-serif;fill:#778488}.map-caption{position:absolute;z-index:15;left:28px;top:24px;display:flex;flex-direction:column;gap:5px}.map-caption span{font-size:14px;font-weight:800;letter-spacing:3px;color:var(--green)}.map-caption small{font-size:14px;letter-spacing:2px;color:#899597}.map-compass{position:absolute;right:26px;top:22px;width:42px;height:42px;border:1px solid rgba(201,155,44,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:14px;font-weight:800}.map-tooltip{position:absolute;z-index:20;right:24px;bottom:25px;width:290px;padding:18px;background:rgba(255,255,255,.96);border:1px solid rgba(201,155,44,.35);box-shadow:0 20px 55px rgba(10,55,49,.12);opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.map-tooltip.is-visible{opacity:1;transform:none}.map-tooltip b{display:block;font:600 25px/1 Cormorant Garamond,serif;color:var(--navy)}.map-tooltip span,.map-tooltip em{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:#758285;font-style:normal}.ongoing-strip{position:relative;margin-top:25px;padding:28px 32px;border:1px solid rgba(201,155,44,.25);background:#fff;overflow:hidden}.ongoing-strip span{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.ongoing-strip strong{display:block;font:600 32px/1 Cormorant Garamond,serif;color:var(--navy);margin-top:8px}.ongoing-art{position:absolute;right:20px;bottom:-20px;width:260px;opacity:.1}
/* Why */
.why-section{background:#f8faf7}.art-vision{right:25px;top:50px;width:360px;opacity:.06}.art-palm-why{left:-50px;bottom:-50px;width:290px;opacity:.05}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.why-card{min-height:290px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.why-card>span{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.why-icon{font-size:30px;color:var(--green);margin-top:45px}.why-card h3{font:600 30px/1 Cormorant Garamond,serif;color:var(--navy);margin:12px 0}.why-card p{font-size:14px;line-height:1.7;color:#788588}
/* leadership */
.leadership-section{background:#fff}.art-tower{right:-50px;bottom:-110px;width:500px;opacity:.06}.art-falcon-lead{left:20px;top:100px;width:280px;opacity:.04}.leadership-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.leader-card{padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f5f8f5)}.leader-art{height:290px;display:grid;place-items:center;background:radial-gradient(circle,rgba(7,88,68,.1),transparent 45%),linear-gradient(135deg,#f5f1e6,#eef4ef);border:1px solid rgba(201,155,44,.25);font:600 70px Cormorant Garamond,serif;color:rgba(7,88,68,.25)}.leader-card span{display:block;margin-top:20px;font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.leader-card h3{font:600 28px/1 Cormorant Garamond,serif;color:var(--navy);margin:8px 0 15px}
/* Sustainability */
.sustainability-section{background:var(--ivory)}.art-palm-sus{right:-30px;top:50px;width:330px;opacity:.055}.art-vision-sus{left:-30px;bottom:-30px;width:390px;opacity:.045}.vision-panel{position:relative;z-index:5;display:grid;grid-template-columns:260px 1fr;gap:50px;align-items:center;padding:45px;border:1px solid rgba(201,155,44,.28);background:linear-gradient(135deg,#fff,#f3f8f3);box-shadow:var(--shadow)}.vision-seal{height:200px;display:grid;place-items:center;border:1px solid var(--gold);font:600 78px Cormorant Garamond,serif;color:var(--green);background:radial-gradient(circle,rgba(201,155,44,.1),transparent 65%)}.vision-panel span{font-size:14px;font-weight:800;letter-spacing:2px;color:var(--gold)}.vision-panel h3{font:600 42px/1 Cormorant Garamond,serif;color:var(--navy);margin:12px 0}.vision-panel p{font-size:14px;line-height:1.8;color:#778487}
/* News */
.news-section{background:#fff}.art-arabesque{inset:0;opacity:.02}.art-arabesque img{width:100%;height:100%;object-fit:cover}.art-camel-news{right:-80px;bottom:-30px;width:430px;opacity:.04}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.news-grid article{min-height:310px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.88)}.news-grid article>span{font-size:14px;letter-spacing:2px;color:var(--gold);font-weight:800}.news-grid h3{font:600 32px/1 Cormorant Garamond,serif;color:var(--navy);margin:70px 0 12px}.news-grid p{font-size:14px;line-height:1.7;color:#778487}.news-grid a{font-size:14px;font-weight:800;color:var(--green);letter-spacing:1px}
/* CTA + Footer */
.cta-section{position:relative;min-height:560px;display:flex;align-items:center;background:linear-gradient(135deg,#062f2b,#0b614d);color:#fff;overflow:hidden}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(229,198,107,.15) 1px,transparent 1px);background-size:26px 26px;opacity:.25}.cta-art{position:absolute;right:0;bottom:-50px;width:560px;opacity:.12}.cta-art img{width:100%}.cta-arch{position:absolute!important;width:350px!important;right:420px;bottom:-40px}.cta-content{position:relative;z-index:5}.cta-content .eyebrow{color:var(--gold2)}.cta-content h2{font:600 clamp(62px,8vw,105px)/.82 Cormorant Garamond,serif;margin:20px 0 35px;letter-spacing:-3px}.cta-content h2 em{color:var(--gold2);font-style:italic}.site-footer{position:relative;background:#09252a;color:#dfe9e6;padding:78px 0 20px;overflow:hidden}.footer-cultural{position:absolute;inset:0;pointer-events:none;opacity:.035}.footer-cultural>img:first-child{width:100%;height:100%;object-fit:cover}.footer-palm{position:absolute;right:0;bottom:-80px;width:380px}.footer-grid{position:relative;z-index:5;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.25fr;gap:38px}.footer-brand .footer-logo{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}.footer-brand h3{font:600 27px/1 Cormorant Garamond,serif;color:#fff;margin:18px 0 12px}.footer-brand p,.footer-contact p{font-size:14px;line-height:1.8;color:#9fb0af}.footer-grid h4{font:600 22px Cormorant Garamond,serif;color:#fff;margin:0 0 16px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:0 0 9px}.footer-grid li a,.footer-contact a{font-size:14px;color:#a9b8b7}.footer-grid li a:hover,.footer-contact a:hover{color:var(--gold2)}.footer-socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.footer-socials a,.footer-socials span{padding:8px 9px;border:1px solid rgba(229,198,107,.2);font-size:14px;letter-spacing:1px;color:#b8c6c4}.footer-actions{display:flex;gap:7px;flex-wrap:wrap}.footer-actions a{padding:8px 10px;border:1px solid rgba(229,198,107,.3);font-size:14px!important}.legal-row,.credit-row{position:relative;z-index:5;display:flex;justify-content:space-between;gap:25px;padding-top:22px;margin-top:40px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:#748a8a}.legal-row>div:first-child{display:flex;gap:13px;flex-wrap:wrap}.legal-row a,.credit-row a{color:#90a4a2}.credit-row{margin-top:14px;padding-top:15px;border-top:0}
/* RTL */
html[dir=rtl] body{font-family:'Noto Kufi Arabic',Montserrat,sans-serif}.menu-ar ul{direction:rtl}.menu-ar .sub-menu{left:auto;right:-20px}.menu-ar .sub-menu .sub-menu{left:auto;right:100%}.hero-copy,.section-head{text-align:inherit}.primary-nav ul{direction:inherit}html[dir=rtl] .brand-name{direction:ltr;text-align:left}html[dir=rtl] .project-select{text-align:right}html[dir=rtl] .tree-pos-1,html[dir=rtl] .tree-pos-2,html[dir=rtl] .tree-pos-3{left:auto}html[dir=rtl] .tree-pos-1{right:2%}html[dir=rtl] .tree-pos-2{right:14%}html[dir=rtl] .tree-pos-3{right:3%}html[dir=rtl] .tree-pos-5,html[dir=rtl] .tree-pos-6,html[dir=rtl] .tree-pos-7{right:auto}html[dir=rtl] .tree-pos-5{left:2%}html[dir=rtl] .tree-pos-6{left:14%}html[dir=rtl] .tree-pos-7{left:3%}html[dir=rtl] .tree-pos-5 .tree-leaf,html[dir=rtl] .tree-pos-6 .tree-leaf,html[dir=rtl] .tree-pos-7 .tree-leaf{border-radius:28px 28px 28px 7px}html[dir=rtl] .tree-pos-5 .tree-company-list,html[dir=rtl] .tree-pos-6 .tree-company-list,html[dir=rtl] .tree-pos-7 .tree-company-list{border-left:2px solid rgba(201,155,44,.5);border-right:0}
@keyframes floatLogo{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nodePulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.22);opacity:1}}
@media(max-width:1200px){.primary-nav{display:none}.mobile-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero-copy{width:58%}.hero-emblem{width:400px;height:400px}.sector-grid{grid-template-columns:repeat(2,1fr)}.project-showcase{grid-template-columns:260px 1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.container{width:calc(100% - 32px)}.site-header{height:74px}.brand{min-width:0}.brand img{width:52px;height:52px}.brand-name{display:none}.language-switch{margin-left:auto}.hero{min-height:930px;padding-top:74px}.hero-inner{min-height:850px;display:block;padding-top:90px}.hero-copy{width:100%}.hero-copy h1{font-size:58px}.hero-emblem{position:absolute;width:280px;height:280px;right:50%;bottom:35px;transform:translateX(50%)}.emblem-core{width:165px;height:165px}.emblem-core img{width:140px;height:140px}.orbit-a{width:220px;height:220px}.orbit-b{width:260px;height:195px}.orbit-c{width:300px;height:300px}.hero-map-watermark{right:-28%;top:180px;width:650px;height:650px}.hero-camel{width:290px;right:-15%}.hero-palm{width:230px;left:-18%}.hero-bottom{display:none}.section{padding:90px 0}.section-head{display:block;margin-bottom:42px}.section-head p{margin-top:22px}.section-head h2{font-size:58px}.heritage-stat-grid{grid-template-columns:repeat(2,1fr)}.culture-ribbon{flex-wrap:wrap}.sector-grid{grid-template-columns:1fr}.company-tree{min-height:1500px}.tree-lines{display:none}.tree-canopy-art{width:450px}.tree-root{top:50%;width:165px;height:165px}.tree-root img{width:92px;height:92px}.tree-branch-card,.tree-pos-1,.tree-pos-2,.tree-pos-3,.tree-pos-4,.tree-pos-5,.tree-pos-6,.tree-pos-7{position:relative;left:auto;right:auto;top:auto;width:min(100%,350px);margin:0 auto 20px}.tree-branch-card:nth-of-type(odd){transform:translateX(-20px)}.tree-branch-card:nth-of-type(even){transform:translateX(20px)}.tree-company-list{max-height:none}.company-tree{padding-top:380px}.tree-root{top:190px}.project-showcase{grid-template-columns:1fr}.project-rail{border-right:0;border-bottom:1px solid var(--line)}.saudi-map-stage{min-height:620px}.saudi-map-3d{inset:60px 5px 20px}.node-label-bg{width:145px}.node-title{font-size:14px}.node-location{font-size:14px}.map-tooltip{left:18px;right:18px;width:auto}.why-grid,.leadership-cards,.news-grid{grid-template-columns:1fr}.values-wheel{grid-template-columns:1fr}.value-card{border-right:0;border-bottom:1px solid var(--line)}.value-card:last-child{border-bottom:0}.vision-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.legal-row,.credit-row{display:block}.legal-row>div{margin-bottom:10px}.cta-section{min-height:500px}.cta-art{width:390px}.cta-arch{right:270px;width:240px!important}.primary-nav.is-open{display:block;position:fixed;inset:74px 0 0;background:#fff;padding:20px;overflow:auto}.primary-nav.is-open ul{display:block}.primary-nav.is-open li{border-bottom:1px solid var(--line)}.primary-nav.is-open a{display:block;padding:15px 0}.primary-nav.is-open .sub-menu{position:static;display:none;width:auto;min-width:0;border:0;box-shadow:none;padding:0 15px;background:#fafbf8}.primary-nav.is-open li.open>.sub-menu{display:block}.primary-nav.is-open .mega-fallback>.sub-menu{display:none;grid-template-columns:1fr}.primary-nav.is-open .mega-fallback.open>.sub-menu{display:block}.primary-nav.is-open .mega-fallback>.sub-menu>li>a{font-size:14px}.primary-nav.is-open .mega-fallback>.sub-menu .sub-menu{display:block}}

/* V7 premium cultural art + navigation polish */
:root{--emerald:#075844;--emerald2:#0e8062;--gold:#c99b2c;--champagne:#e8c96a;--sand:#e8d7b0;--terracotta:#b76545;--royal:#183b6b;--turquoise:#2a8c87;--plum:#593d55;--ivory:#fbf7ed;--ink:#17343a}
body{background:#fff;color:var(--ink)}
.section{isolation:isolate;background-color:#fff}
.section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 15%,rgba(42,140,135,.07),transparent 24%),radial-gradient(circle at 92% 78%,rgba(183,101,69,.06),transparent 23%)}
.section>.container{z-index:5}
.section-art{z-index:2!important;mix-blend-mode:multiply;transition:transform 1.2s ease,opacity .8s ease;filter:drop-shadow(0 20px 35px rgba(17,55,55,.08))}
.section:hover .section-art{transform:translateY(-5px) scale(1.015)}
.art-arch{opacity:.13!important;filter:drop-shadow(0 18px 30px rgba(201,155,44,.12))}
.art-dunes,.art-dunes-project{opacity:.18!important;filter:drop-shadow(0 20px 35px rgba(183,101,69,.13))}
.art-falcon,.art-falcon-lead{opacity:.13!important;filter:drop-shadow(0 15px 30px rgba(24,59,107,.12))}
.art-dallah-large,.art-dallah{opacity:.16!important;filter:drop-shadow(0 15px 25px rgba(201,155,44,.15))}
.art-palm-tree,.art-palm-why,.art-palm-sus{opacity:.13!important;filter:drop-shadow(0 15px 25px rgba(14,128,98,.13))}
.art-vision,.art-vision-sus{opacity:.14!important;filter:drop-shadow(0 15px 35px rgba(42,140,135,.12))}
.art-tower{opacity:.13!important;filter:drop-shadow(0 20px 35px rgba(201,155,44,.13))}
.art-arabesque,.art-map-pattern,.art-geo{opacity:.055!important;mix-blend-mode:multiply}
.art-camel-trust,.art-camel-news{opacity:.12!important;filter:drop-shadow(0 15px 30px rgba(183,101,69,.13))}
/* Rich Saudi-inspired section palettes */
.about-section{background:linear-gradient(135deg,#fffdf8 0%,#f7f3e8 52%,#eef7f2 100%)}
.sectors-section{background:linear-gradient(135deg,#ffffff,#f3f9f6 54%,#fff6e9)}
.companies-section{background:radial-gradient(circle at 50% 30%,rgba(14,128,98,.10),transparent 32%),linear-gradient(135deg,#fbf7ed,#f4faf7 60%,#f6efe8)}
.trust-section{background:linear-gradient(135deg,#fff,#f6f1e7 55%,#eef7f5)}
.projects-section{background:linear-gradient(135deg,#fbf7ed,#eef7f4 60%,#fff)}
.why-section{background:linear-gradient(135deg,#f3f9f7,#fff,#f7f0e7)}
.leadership-section{background:linear-gradient(135deg,#fff,#f4f0e7 50%,#eef7f4)}
.sustainability-section{background:linear-gradient(135deg,#eef8f3,#fff,#f6f0e5)}
.news-section{background:linear-gradient(135deg,#fff,#f7f2e8 55%,#f0f7f5)}
/* Decorative cultural borders */
.about-section:after,.sectors-section:after,.companies-section:after,.trust-section:after,.projects-section:after,.why-section:after,.leadership-section:after,.sustainability-section:after,.news-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--emerald),var(--gold),var(--terracotta),var(--turquoise),var(--gold),var(--emerald));opacity:.6;z-index:3}
.section-head{position:relative}
.section-head:before{content:"";position:absolute;left:-22px;top:4px;width:3px;height:78px;border-radius:5px;background:linear-gradient(var(--gold),var(--terracotta),var(--emerald));opacity:.85}
html[dir=rtl] .section-head:before{left:auto;right:-22px}
/* Header / dropdown */
.site-header{background:rgba(255,255,255,.97);box-shadow:0 10px 35px rgba(14,57,52,.08);border-bottom:1px solid rgba(201,155,44,.22)}
.brand img{filter:drop-shadow(0 5px 12px rgba(201,155,44,.22))}
.primary-nav{position:relative;z-index:1002}
.primary-nav ul{gap:18px}
.primary-nav li{z-index:20}
.primary-nav li:hover{z-index:1000}
.primary-nav .sub-menu{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);display:block;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{pointer-events:auto}
.primary-nav .mega-fallback.open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto}
.primary-nav .mega-fallback>.sub-menu{left:50%;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));width:min(980px,92vw);max-height:calc(100vh - 110px);overflow:auto;padding:18px;transform:translate(-50%,8px)}
.primary-nav .mega-fallback:hover>.sub-menu,.primary-nav .mega-fallback:focus-within>.sub-menu,.primary-nav .mega-fallback.open>.sub-menu{transform:translate(-50%,0)}
.primary-nav .mega-fallback>.sub-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.primary-nav .mega-fallback>.sub-menu>li{padding:0 8px 10px}
.primary-nav .mega-fallback>.sub-menu>li>a{font-size:14px;padding:10px 8px;color:var(--emerald);background:linear-gradient(90deg,rgba(7,88,68,.05),transparent);border-bottom:1px solid rgba(201,155,44,.22)}
.primary-nav .mega-fallback>.sub-menu .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.primary-nav .mega-fallback>.sub-menu .sub-menu a{padding:7px 8px;color:#607275}
.primary-nav .sub-menu a:hover{background:linear-gradient(90deg,rgba(201,155,44,.12),rgba(7,88,68,.04));color:var(--emerald)}
.nav-chevron{color:var(--gold);font-size:14px;margin-left:4px}
html[dir=rtl] .nav-chevron{margin-left:0;margin-right:4px}
/* Hero artwork */
.hero{background:radial-gradient(circle at 82% 32%,rgba(201,155,44,.14),transparent 26%),radial-gradient(circle at 10% 75%,rgba(42,140,135,.10),transparent 24%),linear-gradient(135deg,#fff,#f6f0e4 48%,#edf8f4)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,transparent,rgba(7,88,68,.06)),url('assets/culture/pattern.svg');background-size:auto,220px;opacity:.65;pointer-events:none}
.hero-map-watermark{opacity:.22;filter:drop-shadow(0 25px 45px rgba(7,88,68,.1))}
.hero-map-watermark:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(201,155,44,.3);box-shadow:0 0 0 20px rgba(201,155,44,.03),0 0 0 55px rgba(42,140,135,.025)}
.emblem-core{background:rgba(255,255,255,.94);border:2px solid var(--gold);box-shadow:0 35px 90px rgba(7,88,68,.16),0 0 0 12px rgba(201,155,44,.06),0 0 0 28px rgba(42,140,135,.04)}
.hero-cultural{filter:drop-shadow(0 20px 25px rgba(20,70,65,.12))}
.hero-palm{opacity:.27!important;filter:drop-shadow(0 20px 30px rgba(14,128,98,.18))}
.hero-dallah{opacity:.25!important;filter:drop-shadow(0 15px 25px rgba(201,155,44,.18))}
.hero-camel{opacity:.22!important;filter:drop-shadow(0 18px 30px rgba(183,101,69,.18))}
/* Sectors */
.sector-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,248,244,.92) 62%,rgba(255,247,233,.95));border-color:rgba(201,155,44,.18)}
.sector-card:nth-child(3n+1) .sector-symbol{color:var(--emerald)}
.sector-card:nth-child(3n+2) .sector-symbol{color:var(--terracotta)}
.sector-card:nth-child(3n) .sector-symbol{color:var(--royal)}
.sector-card:nth-child(4n) .sector-symbol{color:var(--gold)}
.sector-card:hover{box-shadow:0 28px 65px rgba(14,57,52,.14)}
/* Company tree: clear category labels, visible branches and richer canopy */
.company-tree{min-height:980px;border:1px solid rgba(201,155,44,.35);background:radial-gradient(circle at 50% 35%,rgba(14,128,98,.15),transparent 25%),radial-gradient(circle at 50% 60%,rgba(201,155,44,.08),transparent 36%),linear-gradient(180deg,#fffdf7,#eef8f3 72%,#f4e9da);box-shadow:0 35px 100px rgba(14,57,52,.12)}
.tree-canopy-art{width:760px;height:360px;filter:blur(.2px) drop-shadow(0 18px 30px rgba(7,88,68,.12));opacity:1}
.tree-canopy-art span{background:radial-gradient(circle at 50% 50%,rgba(7,88,68,.25),rgba(42,140,135,.13) 45%,rgba(201,155,44,.05) 62%,transparent 73%);box-shadow:inset 0 0 40px rgba(255,255,255,.2)}
.tree-root{width:215px;height:215px;background:radial-gradient(circle,#fff,#f7f0df);border:3px solid var(--gold);box-shadow:0 30px 80px rgba(14,57,52,.2),0 0 0 12px rgba(201,155,44,.06)}
.tree-root img{width:128px;height:128px}
.tree-branch-card{width:270px}
.tree-leaf{min-height:58px;background:linear-gradient(135deg,#075844,#0e8062 52%,#1a5b63);border:1px solid rgba(232,201,106,.65);font-size:20px;box-shadow:0 18px 38px rgba(7,88,68,.2)}
.tree-company-list{background:rgba(255,255,255,.96);border:1px solid rgba(201,155,44,.18);border-left:3px solid var(--gold);border-radius:0 0 12px 12px;box-shadow:0 15px 35px rgba(14,57,52,.1)}
.tree-company-list a{color:#465c60}
.tree-company-list a:hover{background:#f7f1e4;color:var(--emerald);padding-left:7px}
/* Project map fallback and visible pins */
.map-fallback-layer{position:absolute;inset:95px 90px 45px;display:grid;place-items:center;opacity:.95;z-index:1;transform:rotateX(12deg) translateZ(-10px);filter:drop-shadow(0 25px 35px rgba(7,88,68,.14))}
.map-fallback-layer img{width:100%;height:100%;object-fit:contain}
.saudi-map-3d{z-index:3}
.static-project-pin{position:absolute;z-index:12;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;gap:6px;filter:drop-shadow(0 7px 12px rgba(14,57,52,.16))}
.static-project-pin i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#e7c96e 22% 45%,#075844 48%);border:2px solid #fff;box-shadow:0 0 0 5px rgba(201,155,44,.17),0 0 25px rgba(201,155,44,.3);animation:nodePulse 2s infinite}
.static-project-pin span{max-width:145px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.96);border:1px solid rgba(201,155,44,.32);font:700 14px/1.2 Montserrat,sans-serif;color:var(--navy);white-space:nowrap}
.static-project-pin:hover span{background:#fff6df;color:var(--emerald)}
.map-legend{position:absolute;z-index:20;left:26px;bottom:20px;padding:9px 12px;border:1px solid rgba(201,155,44,.24);background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:14px;letter-spacing:1px;color:#667679}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:6px}.map-legend b{margin-left:12px;color:var(--emerald)}
/* More visible cultural panels */
.values-wheel .value-card:nth-child(1){background:linear-gradient(145deg,#fff,#eef7f3)}
.values-wheel .value-card:nth-child(2){background:linear-gradient(145deg,#fff,#fbf0e6)}
.values-wheel .value-card:nth-child(3){background:linear-gradient(145deg,#fff,#eef3fa)}
.values-wheel .value-card:nth-child(4){background:linear-gradient(145deg,#fff,#fff7df)}
.values-wheel .value-card:nth-child(5){background:linear-gradient(145deg,#fff,#f2edf4)}
.leader-art{background:radial-gradient(circle at 50% 30%,rgba(201,155,44,.2),transparent 26%),linear-gradient(135deg,#f7f0e1,#eaf6f2);border-color:rgba(201,155,44,.38)}
.vision-panel{background:radial-gradient(circle at 15% 50%,rgba(42,140,135,.12),transparent 24%),linear-gradient(135deg,#fff,#f4efe2 55%,#eef8f3);border-color:rgba(201,155,44,.42)}
.news-grid article:nth-child(1){background:linear-gradient(145deg,#fff,#eef8f3)}.news-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#fff4e6)}.news-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#eef2f9)}
/* Footer premium cultural composition */
.site-footer{background:radial-gradient(circle at 85% 20%,rgba(201,155,44,.16),transparent 22%),radial-gradient(circle at 10% 75%,rgba(42,140,135,.14),transparent 25%),linear-gradient(135deg,#061f25,#0a3f3a 58%,#183b45);border-top:4px solid var(--gold)}
.footer-cultural{opacity:.11!important}.footer-cultural>img:first-child{filter:sepia(.2) saturate(1.2)}
.footer-palm{opacity:.5}.footer-logo{box-shadow:0 15px 35px rgba(201,155,44,.18)}
.footer-grid h4{color:#f6df91}.footer-grid li a:hover{background:rgba(255,255,255,.05)}
/* Mobile dropdowns */
@media(max-width:1200px){.primary-nav.is-open{z-index:1001}.primary-nav.is-open .sub-menu{opacity:1;visibility:visible;transform:none}.primary-nav.is-open .mega-fallback>.sub-menu{display:none}.primary-nav.is-open .mega-fallback.open>.sub-menu{display:block}.primary-nav.is-open .mega-fallback>.sub-menu .sub-menu{display:none}.primary-nav.is-open .mega-fallback>.sub-menu>li.open>.sub-menu{display:block}.map-fallback-layer{inset:100px 35px 40px}.static-project-pin span{max-width:110px;font-size:14px}}
@media(max-width:800px){.section-head:before{display:none}.section-art{opacity:.11!important}.company-tree{min-height:1700px}.tree-canopy-art{width:500px}.tree-root{top:190px;width:185px;height:185px}.tree-branch-card{width:min(100% - 24px,360px)}.map-fallback-layer{inset:90px 12px 55px}.static-project-pin span{display:none}.static-project-pin i{width:14px;height:14px}.map-legend{left:12px;right:12px;text-align:center}.site-footer{padding-top:60px}}

.map-enhanced .static-project-pin{opacity:0;pointer-events:none}

/* 7.1: unified navigation states and refined navy / gold finish. */
:root{--navy:#0b1d2a;--gold:#b28b2f;--gold2:#d4af37;--ink:#21333e;--muted:#647078;--shadow:0 18px 55px rgba(11,29,42,.08)}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,.project-node:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
button{font:inherit}section[id]{scroll-margin-top:110px}
.site-header{border-bottom-color:rgba(178,139,47,.25)}
.primary-nav>div>ul>li>a{display:inline-flex;align-items:center;min-height:64px;padding:18px 0;font-size:14px;letter-spacing:.4px}
.primary-nav .nav-chevron{display:none}
.submenu-toggle{border:0;background:transparent;color:var(--navy);cursor:pointer;min-width:32px;min-height:44px;border-radius:6px}
.submenu-toggle[aria-expanded=true]{color:var(--gold)}
.primary-nav .sub-menu{display:none!important;opacity:1;visibility:visible;transform:none;border-radius:10px;padding:12px;min-width:250px}
.primary-nav li.open>.sub-menu{display:block!important}
.primary-nav .sub-menu a{font-size:14px;line-height:1.6;border-radius:5px;padding:10px 12px;overflow-wrap:anywhere}
.primary-nav .sub-menu>li:has(>.submenu-toggle)>a{padding-inline-end:42px}
.primary-nav .sub-menu .submenu-toggle{position:absolute;inset-inline-end:0;top:0}
.primary-nav .mega-fallback>.sub-menu{width:min(880px,calc(100vw - 80px));min-width:0}
@media(min-width:1201px){
 .primary-nav{position:static}.primary-nav>div>ul>.mega-fallback{position:static}
 .primary-nav .mega-fallback>.sub-menu{left:50%;right:auto;top:calc(100% - 1px);transform:translateX(-50%);max-height:calc(100dvh - 120px);overflow:auto}
 .primary-nav li:hover>.sub-menu{display:block!important}
 .primary-nav .mega-fallback:hover>.sub-menu,.primary-nav .mega-fallback.open>.sub-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
 .primary-nav .mega-fallback>.sub-menu .sub-menu{display:block!important;position:static;min-width:0;padding:0}
 .primary-nav .mega-fallback>.sub-menu>li>.submenu-toggle{display:none}
 .primary-nav .sub-menu .sub-menu{inset-inline-start:100%;inset-inline-end:auto;top:0}
}
@media(max-width:1200px){
 .site-header{backdrop-filter:none}
 .primary-nav{display:none}.mobile-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;margin-inline-start:12px;font-size:28px;cursor:pointer}
 .primary-nav.is-open{display:block;position:fixed;inset:92px 0 0;z-index:1001;background:#fff;padding:20px max(24px,calc((100vw - 800px)/2));overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(32px,env(safe-area-inset-bottom))}
 .primary-nav.is-open ul{display:block;direction:inherit}
 .primary-nav.is-open li{position:relative;border-bottom:1px solid var(--line)}
 .primary-nav.is-open a,.primary-nav>div>ul>li>a{display:block;min-height:48px;padding:16px 48px 16px 8px;font-size:14px;white-space:normal;line-height:1.5}
 .primary-nav.is-open .submenu-toggle{position:absolute;inset-inline-end:0;top:2px;width:44px;height:44px;background:#f7f5ef}
 .primary-nav.is-open .sub-menu,.primary-nav.is-open .mega-fallback>.sub-menu,.primary-nav.is-open .mega-fallback>.sub-menu .sub-menu{display:none!important;position:static;transform:none;width:auto;min-width:0;max-height:none;border:0;box-shadow:none;background:#f8f9f7;padding:0 12px;margin:0;border-radius:6px}
 .primary-nav.is-open li.open>.sub-menu,.primary-nav.is-open .mega-fallback>.sub-menu>li.open>.sub-menu{display:block!important}
 .primary-nav.is-open .sub-menu a,.primary-nav.is-open .mega-fallback>.sub-menu .sub-menu a{font-size:14px;padding:14px 48px 14px 8px}
 html[dir=rtl] .primary-nav.is-open a{padding-left:48px;padding-right:8px}
}
@media(max-width:800px){.primary-nav.is-open{top:74px}.brand-name{display:block;font-size:17px}.nav-wrap{gap:10px}.language-switch{margin-inline-start:auto}.hero-copy h1{line-height:1}.section-head h2{line-height:1.02}}
body.admin-bar .site-header{top:32px}body.admin-bar .primary-nav.is-open{top:124px}
@media(max-width:800px){body.admin-bar .primary-nav.is-open{top:106px}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}body.admin-bar .primary-nav.is-open{top:120px}}
@media(max-width:600px){body.admin-bar #wpadminbar{position:fixed}}
.hero-copy h1{line-height:.98}.section-head h2{line-height:1.02}
.btn,.header-cta{min-height:44px;font-size:14px;border-radius:4px;transition:background .2s,box-shadow .2s}
.btn-gold{background:var(--gold2);color:var(--navy)}.btn:hover,.header-cta:hover{box-shadow:0 7px 22px rgba(11,29,42,.15)}
.section-head p,.hero-copy p{color:#596870;line-height:1.9}
.project-showcase{border-radius:18px;overflow:hidden}.project-rail{background:#f8f8f4}
.project-select{padding:18px 12px;border-radius:8px}.project-select.is-active{background:#fff;box-shadow:0 5px 20px rgba(11,29,42,.06);border-inline-start:3px solid var(--gold2)}
.project-select small{font-size:14px}.rail-title{font-size:14px}
.map-enhanced .map-fallback-layer{display:none}
.saudi-map-3d{inset:75px 22px 175px;transform:none}
.node-halo{transform-box:fill-box;transform-origin:center}.project-node .node-label{display:none}.project-node.is-selected .node-dot{fill:#fff;stroke:#d4af37}
.map-tooltip{pointer-events:auto;width:auto;left:24px;right:24px;bottom:62px;border-radius:10px;padding:16px 20px}
.map-tooltip span,.map-tooltip em{font-size:14px}.map-tooltip b{font-size:25px;line-height:1.15}.map-project-link{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:var(--green);text-decoration:underline}
.map-legend{font-size:14px}.map-caption small{font-size:14px}.map-caption span{font-size:14px}
@media(max-width:800px){.saudi-map-stage{min-height:600px}.saudi-map-3d{inset:70px 6px 210px}.map-tooltip{left:12px;right:12px;bottom:60px}.project-rail{max-height:300px;overflow:auto}.map-tooltip b{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* 8.0 readable type, bilingual content, unlimited company groups, real coordinate anchors. */
body{font-size:17px;line-height:1.75}p,li{overflow-wrap:anywhere}
h1,h2,h3{text-wrap:balance}.hero-copy h1{font-size:clamp(44px,5.8vw,86px);line-height:1.08;letter-spacing:-1.5px}.section-head h2{font-size:clamp(36px,4.8vw,64px);line-height:1.12;letter-spacing:-.8px}
.hero-copy p,.section-head p,.why-card p,.news-grid p,.footer-brand p,.footer-contact p{font-size:17px;line-height:1.85}
.eyebrow{font-size:14px;letter-spacing:1.5px;line-height:1.6}.btn,.header-cta{font-size:15px;letter-spacing:.4px;min-height:48px}
.brand{min-width:0;max-width:265px;flex-shrink:0}.brand-name{font-size:21px;line-height:1.2}.brand-name small{font-size:14px;letter-spacing:.4px}.brand img{width:64px;height:64px;flex-shrink:0}
.primary-nav>div>ul>li>a{font-size:14px;letter-spacing:0}.primary-nav ul{gap:14px}.primary-nav .sub-menu a,.primary-nav .mega-fallback>.sub-menu .sub-menu a{font-size:15px;line-height:1.65}.primary-nav .sub-menu{max-height:65dvh;overflow-y:auto;min-width:300px}
.lang-btn{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:4px 6px}
.company-directory{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.company-category{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold2);border-radius:14px;padding:28px}.company-category h3{font:600 29px/1.25 'Cormorant Garamond',serif;color:var(--navy);margin:0 0 20px}.company-category ul{padding:0;list-style:none}.company-category li{border-top:1px solid var(--line)}.company-category a{display:block;padding:14px 0;font-size:16px;line-height:1.65}
.project-showcase{grid-template-columns:minmax(250px,320px) minmax(0,1fr);min-height:0}.project-select strong{font-size:25px;line-height:1.25}.project-select small,.project-select span,.rail-title,.more-projects{font-size:14px}.project-rail{max-height:820px;overflow:auto}
.saudi-map-stage{min-height:0;padding:24px;display:flex;flex-direction:column;gap:16px;perspective:none}.map-caption{position:static}.map-caption span,.map-caption small{font-size:14px;letter-spacing:.8px}.map-compass,.map-legend,.map-fallback-layer{display:none}
.saudi-map-3d{position:relative;inset:auto;display:block;transform:none;width:100%;height:420px;perspective:none;overflow:hidden;border-radius:12px}.saudi-map-3d svg{width:100%;height:420px;overflow:hidden;display:block}
.map-toolbar{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:5}.map-toolbar button{font-size:14px;min-height:44px;padding:8px 12px;border:1px solid var(--gold);border-radius:6px;background:#fff;color:var(--navy);cursor:pointer}.map-toolbar button[aria-pressed=true]{background:var(--navy);color:#fff}
.map-help{position:relative;font-size:14px;line-height:1.6;margin:0;color:#475a63}.map-tooltip{position:relative;inset:auto;width:100%;opacity:1;transform:none;margin:0;box-shadow:none}.map-tooltip b{font-size:28px;line-height:1.3}.map-tooltip span,.map-tooltip em,.map-project-link{font-size:15px;line-height:1.65}.marker-number{font:700 16px Arial,sans-serif;fill:#0b1d2a;pointer-events:none}.project-node .node-dot{stroke-width:2}.project-node.is-selected .node-dot{fill:#d4af37;stroke:#0b1d2a;stroke-width:3}
.leader-art img{width:100%;height:100%;max-height:300px;object-fit:contain}.leader-card h3{font-size:29px;line-height:1.3}.news-grid article h3{font-size:30px;line-height:1.3}.news-grid img{width:100%;height:220px;object-fit:cover;border-radius:8px}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:48px}.footer-grid li a,.footer-contact a,.footer-socials a,.footer-actions a{font-size:15px!important;line-height:1.7}.legal-row,.credit-row{font-size:14px;line-height:1.7;color:#b9c8c7}.footer-brand p,.footer-contact p,.footer-grid li a{color:#c1cfcb}
.content-page{padding-top:145px;padding-bottom:90px;min-height:65vh}.content-page h1{font:600 clamp(36px,5vw,68px)/1.2 'Cormorant Garamond',serif;color:var(--navy);margin:0 0 32px}.entry-content{font-size:18px;line-height:1.9;max-width:850px}.entry-content img{height:auto}.entry-content table{max-width:100%}.project-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-facts dt{font-weight:700}.project-facts dd{margin:0}
html[dir=rtl] body{font-family:'Noto Kufi Arabic',Arial,sans-serif;font-size:17px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand-name,html[dir=rtl] .project-select strong,html[dir=rtl] .map-tooltip b{font-family:'Noto Kufi Arabic',Arial,sans-serif;line-height:1.7;letter-spacing:0}html[dir=rtl] .hero-copy h1{font-size:clamp(32px,4.4vw,60px)}html[dir=rtl] .section-head h2{font-size:clamp(28px,3.5vw,45px)}html[dir=rtl] .brand-name{direction:rtl;text-align:right;font-size:17px}html[dir=rtl] .eyebrow,html[dir=rtl] .btn{letter-spacing:0}html[dir=rtl] .company-category h3,html[dir=rtl] .leader-card h3{font-size:23px}
@media(max-width:1200px){.primary-nav.is-open a,.primary-nav.is-open .sub-menu a,.primary-nav.is-open .mega-fallback>.sub-menu .sub-menu a{font-size:16px}.primary-nav.is-open .sub-menu{max-height:none;min-width:0}.company-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.brand-name{font-size:16px}.brand-name small{display:none}.brand{max-width:220px}.brand img{width:46px;height:46px}.nav-wrap{gap:6px}.language-switch{gap:2px}.lang-btn{font-size:14px;padding:2px 4px}.mobile-toggle{margin-inline-start:0}.hero-inner{padding-top:55px}.hero-copy h1{font-size:44px}.hero-copy{padding-bottom:350px}.hero-inner{min-height:0}.hero{min-height:0}.hero-emblem{bottom:45px}.section{padding:72px 0}.company-directory,.footer-grid{grid-template-columns:1fr}.project-showcase{grid-template-columns:1fr}.saudi-map-stage{padding:14px;min-height:0}.saudi-map-3d{inset:auto;height:420px}.map-tooltip{inset:auto}.project-rail{max-height:340px}.content-page{padding-top:115px}.actions{flex-wrap:wrap}.cta-content h2{font-size:46px;line-height:1.1}html[dir=rtl] .brand-name{font-size:14px}.hero-copy p,.section-head p{font-size:17px}}
@media(max-width:380px){.brand-name{display:none}.brand{max-width:60px}}
@media(min-width:1201px){.primary-nav .sub-menu .sub-menu{position:static;inset:auto;width:auto;min-width:0;max-height:none;overflow:visible;box-shadow:none;border:0;background:#f6f7f3;padding:0 10px;margin-inline-start:12px}.primary-nav li:hover>.sub-menu .sub-menu{display:none!important}.primary-nav li:hover>.sub-menu li.open>.sub-menu{display:block!important}}
@media(max-width:800px){.brand{flex:1 1 auto;min-width:0;max-width:230px}.brand-name{min-width:0}.language-switch,.mobile-toggle{flex-shrink:0}}

/* 9.0 — premium company hierarchy, de-duplicated data presentation, refined mobile navigation. */
.company-directory-fallback{display:none}
.company-tree{min-height:1040px;border-radius:26px;border:1px solid rgba(178,139,47,.28);background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 24%),radial-gradient(circle at 50% 65%,rgba(7,88,68,.1),transparent 38%),linear-gradient(180deg,#fff 0%,#f8faf6 56%,#eef5ee 100%);box-shadow:0 35px 90px rgba(11,29,42,.1);isolation:isolate}
.company-tree:before{content:"";position:absolute;inset:18px;border:1px solid rgba(212,175,55,.15);border-radius:20px;pointer-events:none}
.tree-canopy-art{opacity:.85;filter:blur(7px)}
.tree-canopy-art span{background:radial-gradient(circle,rgba(7,88,68,.19),rgba(7,88,68,.05) 56%,transparent 73%)}
.tree-lines{filter:drop-shadow(0 8px 10px rgba(11,29,42,.08))}
.tree-trunk{stroke-width:22}.tree-branch{stroke-width:8;opacity:.86}
.tree-root{top:66%;width:226px;height:226px;border:2px solid var(--gold2);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,245,236,.98));box-shadow:0 26px 70px rgba(11,29,42,.16),0 0 0 10px rgba(212,175,55,.07)}
.tree-root img{width:118px;height:118px}.tree-root span{max-width:170px;font-size:13px;letter-spacing:.9px;color:var(--navy)}
.tree-branch-card{width:280px}.tree-leaf{min-height:62px;padding:15px 18px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#064b3c,#087057);font-family:Montserrat,sans-serif;font-size:16px;line-height:1.35;box-shadow:0 18px 38px rgba(7,88,68,.2)}
.tree-leaf b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.09);font-size:13px;font-weight:800;color:#f6d66e}
.tree-company-list{margin-top:9px;padding:8px 14px 10px;border:1px solid rgba(178,139,47,.18);border-inline-start:3px solid var(--gold2)!important;border-radius:0 12px 12px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 12px 30px rgba(11,29,42,.07)}
.tree-company-list a{font-size:14px;line-height:1.5;color:#465b60}.tree-company-list a:hover{color:var(--green);padding-inline-start:4px}
.tree-pos-1{left:3%;top:31%}.tree-pos-2{left:15%;top:8%}.tree-pos-3{left:4%;top:69%}.tree-pos-4{left:50%;top:3%;transform:translateX(-50%)}.tree-pos-5{right:3%;top:31%}.tree-pos-6{right:15%;top:8%}.tree-pos-7{right:4%;top:69%}

@media(max-width:1200px){
 .primary-nav.is-open{box-shadow:0 20px 50px rgba(11,29,42,.12)}
 .primary-nav.is-open>div>ul>li>a{font-weight:800;color:var(--navy)}
 .primary-nav.is-open .mega-fallback>.sub-menu>li>a{font-size:15px;font-weight:800;color:var(--green)}
 .primary-nav.is-open .mega-fallback>.sub-menu .sub-menu a{font-size:15px;color:#52666b;padding-inline-start:20px}
}
@media(max-width:800px){
 .company-tree{min-height:auto;padding:300px 16px 26px;border-radius:18px}
 .company-tree:before{inset:10px}
 .tree-lines{display:none}.tree-canopy-art{top:40px;width:360px;height:210px}.tree-root{top:68px;width:178px;height:178px}.tree-root img{width:88px;height:88px}.tree-root span{font-size:12px}
 .tree-branch-card,.tree-pos-1,.tree-pos-2,.tree-pos-3,.tree-pos-4,.tree-pos-5,.tree-pos-6,.tree-pos-7{position:relative;inset:auto;transform:none!important;width:100%;margin:0 0 16px}
 .tree-branch-card:nth-of-type(odd),.tree-branch-card:nth-of-type(even){transform:none}
 .tree-leaf{border-radius:14px!important;min-height:58px}.tree-company-list{border-radius:0 0 12px 12px;margin-top:-2px;padding-top:10px}
 .primary-nav.is-open{padding-inline:16px}.primary-nav.is-open a{font-size:16px}.primary-nav.is-open .submenu-toggle{border:1px solid rgba(178,139,47,.22);border-radius:8px}
}


/* ===== Al Johi Group Final 10.0 fixes ===== */
.brand{min-width:285px}.brand-name{font-size:17px;line-height:1.15;max-width:210px}.brand-name small:empty{display:none}
.primary-nav .mega-fallback>.sub-menu{width:min(920px,74vw);min-width:760px;grid-template-columns:repeat(3,minmax(220px,1fr));padding:20px;gap:16px;border-top:3px solid var(--gold)}
.primary-nav .mega-fallback>.sub-menu>li{background:#fbfcf9;border:1px solid #e6ece7;padding:8px 10px}.primary-nav .mega-fallback>.sub-menu>li>a{padding:8px 6px 10px}.primary-nav .mega-fallback>.sub-menu .sub-menu a{padding:7px 6px;color:#526669}.primary-nav .mega-fallback>.sub-menu .sub-menu a:hover{color:var(--green);padding-inline-start:10px}
.company-tree{min-height:940px;background:radial-gradient(ellipse at 50% 28%,rgba(34,112,72,.13),transparent 34%),linear-gradient(180deg,#fffdf6 0%,#f2f6ed 70%,#e5eee0 100%);border-radius:28px;box-shadow:0 35px 90px rgba(17,61,42,.10)}
.company-tree:after{content:"";position:absolute;left:8%;right:8%;bottom:50px;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(79,97,51,.18),transparent 68%);z-index:0}
.tree-canopy-art{width:760px;height:390px;top:22px;filter:none;opacity:.92}.tree-canopy-art span{width:290px;height:205px;background:radial-gradient(ellipse at 50% 55%,rgba(7,88,68,.24) 0,rgba(28,121,77,.16) 45%,transparent 72%)}
.tree-lines{z-index:2}.tree-trunk-shadow{stroke:#3f301d!important;stroke-width:48!important;opacity:.15;transform:translate(8px,8px)}.tree-trunk{stroke-width:38}.tree-branch{stroke:url(#branchGreen);stroke-width:15}.tree-twig{fill:none;stroke:#326b43;stroke-width:7;stroke-linecap:round;opacity:.75}.tree-root-line{fill:none;stroke:#6c5127;stroke-width:12;stroke-linecap:round;opacity:.72}
.tree-root{top:72%;width:176px;height:176px;background:rgba(255,255,255,.97);box-shadow:0 22px 70px rgba(29,77,52,.22),0 0 0 10px rgba(212,175,55,.08)}.tree-root img{width:100px;height:100px}.tree-root span{font-size:12px;padding:0 14px}
.tree-leaf{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 36px rgba(7,88,68,.23)}.tree-leaf:before,.tree-leaf:after{content:"";position:absolute;border-radius:60% 40% 60% 40%;background:rgba(255,255,255,.08);transform:rotate(28deg)}.tree-leaf:before{width:55px;height:28px;right:10px;top:4px}.tree-leaf:after{width:32px;height:18px;left:15px;bottom:4px}
.tree-company-list{border-radius:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.saudi-map-3d{transform:none;inset:72px 26px 34px}.saudi-map-3d svg{overflow:visible}.project-node .node-dot{filter:drop-shadow(0 4px 6px rgba(11,29,42,.25))}.project-node:hover .node-dot,.project-node:focus .node-dot{fill:#d4af37;stroke:#075844;stroke-width:5}.marker-number{font:800 12px Montserrat,sans-serif;fill:#0b1d2a;pointer-events:none}.location-anchor{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.location-leader{stroke-dasharray:4 4;opacity:.85}
.map-hover-card{position:absolute;z-index:50;width:274px;padding:15px 16px;background:rgba(255,255,255,.98);border:1px solid rgba(178,139,47,.5);border-radius:12px;box-shadow:0 18px 50px rgba(8,51,42,.18);pointer-events:none}.map-hover-card strong{display:block;font:600 20px/1.15 Cormorant Garamond,serif;color:var(--navy)}.map-hover-card span,.map-hover-card em{display:block;margin-top:5px;font:500 12px/1.45 Montserrat,sans-serif;color:#65777a;font-style:normal}.map-hover-card[hidden]{display:none}.map-tooltip{right:18px;bottom:18px;border-radius:14px}
@media(max-width:1100px){.brand{min-width:220px}.brand-name{font-size:15px;max-width:160px}.primary-nav .mega-fallback>.sub-menu{min-width:650px;grid-template-columns:repeat(2,minmax(230px,1fr))}.company-tree{min-height:1040px}.tree-root{top:76%}}
@media(max-width:820px){.brand{min-width:0}.brand-name{max-width:190px;font-size:16px}.company-tree{min-height:auto;padding:34px 18px;background:linear-gradient(180deg,#fffdf7,#edf4e9)}.tree-lines,.tree-canopy-art{display:none}.tree-root{position:relative;left:auto;top:auto;transform:none;margin:0 auto 26px;width:150px;height:150px}.tree-branch-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%;margin:14px 0}.tree-leaf{border-radius:22px!important}.tree-company-list{margin-bottom:12px}.primary-nav .mega-fallback>.sub-menu{width:auto;min-width:0;display:block;padding:0;border-top:0}.map-hover-card{display:none!important}}


/* 11.0 — always show company names beneath sector headings in desktop mega menu. */
@media(min-width:1201px){
  .primary-nav .mega-fallback:hover>.sub-menu,
  .primary-nav .mega-fallback:focus-within>.sub-menu,
  .primary-nav .mega-fallback.open>.sub-menu{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu,
  .primary-nav .mega-fallback:hover>.sub-menu>li>.sub-menu,
  .primary-nav .mega-fallback:focus-within>.sub-menu>li>.sub-menu{display:block!important;opacity:1!important;visibility:visible!important;position:static!important;transform:none!important;margin:0!important;padding:4px 0 0!important;background:transparent!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu>li>a{display:block!important;font-size:14px!important;line-height:1.45!important;padding:7px 6px!important;color:#526669!important;white-space:normal!important}
}
.company-tree .tree-company-list{display:flex;flex-direction:column;gap:2px}
.company-tree .tree-company-list a{display:block!important;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1200px){
 .primary-nav.is-open .mega-fallback.open>.sub-menu{display:block!important}
 .primary-nav.is-open .mega-fallback>.sub-menu>li.open>.sub-menu{display:block!important}
}


/* 12.0 — stable desktop mega menu: company names are always visible and hover cannot fall into a dead gap. */
@media(min-width:1201px){
  .site-header{overflow:visible}
  .primary-nav,.primary-nav>div,.primary-nav>div>ul{height:100%}
  .primary-nav>div>ul>li{height:100%;display:flex;align-items:center}
  .primary-nav>div>ul>li>a{display:flex;align-items:center;height:100%;padding:0}
  .primary-nav .mega-fallback>.sub-menu{
    position:fixed!important;
    top:84px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(1080px,calc(100vw - 48px))!important;
    min-width:0!important;
    max-height:calc(100vh - 104px);
    overflow:auto;
    padding:22px!important;
    gap:14px!important;
    border-radius:0 0 18px 18px;
    border-top:3px solid var(--gold)!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 32px 70px rgba(7,55,45,.18)!important;
    z-index:1200;
  }
  .primary-nav .mega-fallback:hover>.sub-menu,
  .primary-nav .mega-fallback:focus-within>.sub-menu,
  .primary-nav .mega-fallback.open>.sub-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .primary-nav .mega-fallback>.sub-menu>li{display:block!important;height:auto!important;min-width:0;background:#fbfcf9;border:1px solid #e3e9e5;border-radius:12px;padding:10px 12px!important}
  .primary-nav .mega-fallback>.sub-menu>li>a{height:auto!important;display:block!important;padding:7px 5px 10px!important;font-size:14px!important;line-height:1.35!important;color:var(--green)!important;font-weight:900!important;border-bottom:1px solid var(--line)!important;white-space:normal!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:5px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu>li{display:block!important;height:auto!important;border:0!important;padding:0!important;background:transparent!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu>li>a{display:block!important;height:auto!important;padding:7px 5px!important;font-size:13.5px!important;line-height:1.42!important;color:#3f565a!important;font-weight:700!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu>li>a:hover{color:var(--green)!important;background:#f3f7f3;border-radius:7px;padding-inline-start:9px!important}
  .primary-nav .mega-fallback>.submenu-toggle{display:none!important}
}
@media(min-width:1201px) and (max-width:1450px){
  .primary-nav .mega-fallback>.sub-menu{width:min(980px,calc(100vw - 30px))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .primary-nav .mega-fallback>.sub-menu>li>.sub-menu>li>a{font-size:13px!important}
}