/* QAGC signature layout — asymmetric, blueprint-led and independent from reference sites. */
body{background:#f3f6f7}
.nav{height:88px;background:rgba(6,45,71,.97);border-bottom:3px solid var(--orange);backdrop-filter:blur(18px)}
.nav.scrolled{height:74px;background:rgba(6,45,71,.98);border-color:var(--orange);box-shadow:0 12px 35px rgba(3,28,45,.18)}
.nav-links{color:#fff}.nav-links a:after{bottom:3px}.brand-ar{color:#fff}.brand-en{color:rgba(255,255,255,.62)}
.lang,.menu{border-color:rgba(255,255,255,.28);color:#fff}.menu span,.menu:before,.menu:after{background:#fff}
.quote{background:var(--orange);color:var(--navy-2)}.quote:hover{background:#fff;color:var(--navy)}
.nav-item{height:88px}.nav.scrolled .nav-item{height:74px}
.mega-menu{top:88px;width:min(760px,calc(100vw - 48px));background:#fff;color:var(--navy);border-top:5px solid var(--orange);grid-template-columns:1fr 1fr;box-shadow:0 26px 65px rgba(3,28,45,.22);transform:translate(-50%,-8px)}
.nav.scrolled .mega-menu{top:74px}.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{transform:translate(-50%,0)}
.mega-links{padding:25px 30px}.mega-links a{color:var(--navy);font-size:15px;padding:13px 0!important;border-color:rgba(8,60,95,.13)}.mega-links a:hover{color:#b86700}
.mega-preview{min-height:245px;padding:28px 30px}.mega-preview h3{font-size:25px}

.hero{min-height:760px;height:100vh;background:#fff;color:var(--navy-2);align-items:stretch;padding-top:88px;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:0;inset:88px 44% 0 0;background-image:linear-gradient(rgba(8,60,95,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(8,60,95,.05) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
[dir=ltr] .hero:before{inset:88px 0 0 44%}
.hero-media{inset:88px auto 0 0;width:56%;transform:none;clip-path:polygon(0 0,88% 0,100% 100%,0 100%);filter:saturate(.86) contrast(1.02)}
[dir=ltr] .hero-media{inset:88px 0 0 auto;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.hero-media:after,[dir=rtl] .hero-media:after{background:linear-gradient(0deg,rgba(4,30,48,.54),transparent 48%),linear-gradient(90deg,rgba(6,45,71,.08),transparent)}
.hero>.wrap{position:relative;z-index:2;display:flex;align-items:center}
.hero-content{width:48%;padding:85px 0 125px}
.hero-content:before{content:"QAGC  /  DUBAI";display:inline-block;margin-bottom:24px;padding:9px 12px;background:var(--navy);color:#fff;border-inline-start:4px solid var(--orange);font:700 11px/1 Manrope,Arial;letter-spacing:.14em}
.hero h1{font-size:clamp(50px,5.8vw,86px);color:var(--navy);line-height:1.01;margin:0 0 27px;max-width:650px}
.hero-copy{color:#536873;max-width:590px;font-weight:400}.hero .btn{border-color:rgba(8,60,95,.3);color:var(--navy)}.hero .btn.primary{color:var(--navy)}
.hero-index{z-index:4;left:28px;right:auto;bottom:28px;width:calc(56% - 56px);border:0}
[dir=ltr] .hero-index{left:auto;right:28px}
.hero-index .wrap{width:100%;grid-template-columns:repeat(5,1fr);gap:5px}
.hero-index a{padding:13px 12px;background:rgba(6,45,71,.88);border:0!important;color:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.hero-index a:hover{background:var(--orange);color:var(--navy)}.hero-index a:hover b{color:var(--navy)}

#about{position:relative;background:#fff;overflow:hidden;padding:135px 0}
#about:before{content:"QAGC";position:absolute;inset:auto auto -45px 2%;color:rgba(8,60,95,.035);font:700 clamp(150px,24vw,360px)/.72 Manrope,Arial;letter-spacing:-.08em;pointer-events:none}
.intro-grid{position:relative;z-index:1;grid-template-columns:1.2fr .8fr;gap:9vw}
.intro-grid>div:first-child{padding-inline-start:34px;border-inline-start:6px solid var(--orange)}

.services{background:#eef2f4;color:var(--navy);padding:125px 0}
.services .display-title{color:var(--navy)}.services-head{align-items:start}.services-head p{color:#60747f}
.service-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;border:0}
.service{grid-column:span 2;min-height:286px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px;background:var(--navy);color:#fff;border:0;position:relative;overflow:hidden}
.service:nth-child(4),.service:nth-child(5){grid-column:span 3;min-height:240px}
.service:before{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--orange);transform:scaleX(.18);transform-origin:right;transition:transform .35s var(--ease)}
[dir=ltr] .service:before{transform-origin:left}.service:hover{background:var(--navy-2);padding:26px;transform:translateY(-5px)}.service:hover:before{transform:scaleX(1)}
.service .num{font-size:13px}.service h3{font-size:clamp(23px,2vw,31px);line-height:1.35}.service p{color:rgba(255,255,255,.66);font-size:15px;margin-top:auto}.service .arrow{position:absolute;inset:24px auto auto 24px}
[dir=ltr] .service .arrow{inset:24px 24px auto auto}
.supporting-expertise{background:var(--navy-2);margin:52px -34px -52px;padding:48px 34px 34px;border:0}
.supporting-expertise__head h3{color:#fff}.supporting-expertise__head p{color:rgba(255,255,255,.65)}
.supporting-expertise__grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.supporting-expertise__item{min-height:145px;padding:20px 16px}.supporting-expertise__item strong{font-size:15px}

.showcase{background:#fff;padding-top:130px}.showcase-top{grid-template-columns:.8fr 1.2fr;margin-bottom:58px}
.feature-visual{width:calc(100% - 8vw);height:min(62vw,690px);margin-inline-start:auto;border-inline-start:14px solid var(--orange)}
[dir=ltr] .feature-visual{margin-inline-start:0;margin-inline-end:auto;border-inline-start:0;border-inline-end:14px solid var(--orange)}
.feature-caption{background:rgba(6,45,71,.94);inset:auto auto 0 0;width:min(620px,52%);padding:34px 42px;align-items:center}
[dir=rtl] .feature-caption{inset:auto 0 0 auto}.feature-caption h3{font-size:clamp(27px,3.4vw,46px)}
.project-lab{background:#f3f6f7;margin-top:0;padding:90px 0 125px}
.project-grid{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,280px);gap:16px}
.project-card{min-height:0}.project-card:nth-child(1){grid-column:span 7;grid-row:span 2}.project-card:nth-child(2),.project-card:nth-child(3){grid-column:span 5}
.project-info{padding:28px}.project-card:nth-child(1) .project-info h3{font-size:31px}

.method{background:var(--navy-2);color:#fff;padding:125px 0}
.method .display-title{color:#fff}.method-grid{display:block}.method-grid>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}
[dir=rtl] .method-grid>div:first-child{flex-direction:row-reverse}
.method .steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);counter-reset:step}
.method .step{display:block;margin:0;padding:78px 25px 28px;border:0;border-inline-start:1px solid rgba(255,255,255,.18);position:relative;min-height:255px}
.method .step:first-child{border-inline-start:0}.method .step:before{position:absolute;top:22px;inset-inline-start:25px;font-size:13px;color:var(--orange)}
.method .step:after{content:"";position:absolute;top:-6px;inset-inline-start:22px;width:11px;height:11px;background:var(--orange);transform:rotate(45deg)}
.method .step h3{color:#fff;font-size:20px}.method .step p{color:rgba(255,255,255,.62);font-size:15px}

.contact{background:#fff;padding:125px 0}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.contact .display-title{color:var(--navy)}
.quote-form{background:var(--navy-2);padding:36px;border-top:7px solid var(--orange)}
.quote-form input,.quote-form select{min-height:52px}.submit{min-height:54px}

@media(max-width:1100px){.supporting-expertise__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.supporting-expertise__item{min-height:120px}.hero h1{font-size:58px}}
@media(max-width:980px){.nav{height:74px}.hero{padding-top:74px}.hero:before{inset:74px 42% 0 0}.hero-media{inset:74px auto 0 0;width:53%}.hero-content{width:52%}.hero-index{display:none}.intro-grid{grid-template-columns:1fr 1fr}.service-list{grid-template-columns:repeat(2,1fr)}.service,.service:nth-child(4),.service:nth-child(5){grid-column:span 1;min-height:255px}.service:nth-child(5){grid-column:1/-1;min-height:220px}.method .steps{grid-template-columns:repeat(2,1fr)}.method .step:nth-child(3){border-inline-start:0;border-top:1px solid rgba(255,255,255,.18)}.method .step:nth-child(4){border-top:1px solid rgba(255,255,255,.18)}.project-grid{grid-template-rows:repeat(2,240px)}.feature-caption{width:min(620px,70%)}}
@media(max-width:700px){.nav{height:72px}.hero{height:auto;min-height:0;padding-top:72px;display:block}.hero:before{display:none}.hero-media,[dir=ltr] .hero-media{position:relative;inset:auto;width:100%;height:58vw;min-height:270px;clip-path:none}.hero>.wrap{display:block}.hero-content{width:100%;padding:52px 0 68px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero-copy{font-size:16px}.intro-grid{grid-template-columns:1fr}.intro-grid>div:first-child{padding-inline-start:22px}.services{padding:88px 0}.service-list{grid-template-columns:1fr}.service,.service:nth-child(4),.service:nth-child(5){grid-column:auto;min-height:230px}.supporting-expertise{margin:45px -15px -40px;padding:38px 15px 25px}.supporting-expertise__grid{grid-template-columns:1fr 1fr}.showcase{padding-top:88px}.feature-visual,[dir=ltr] .feature-visual{width:100%;height:520px;border-inline:0;border-top:9px solid var(--orange)}.feature-caption,[dir=rtl] .feature-caption{inset:auto 0 0;width:100%;padding:25px;display:block}.project-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3){grid-column:auto;grid-row:auto;min-height:330px}.method{padding:88px 0}.method-grid>div:first-child{display:block;margin-bottom:38px}.method .steps{grid-template-columns:1fr}.method .step,.method .step:nth-child(3),.method .step:nth-child(4){border-inline-start:0;border-top:1px solid rgba(255,255,255,.18);min-height:210px}.contact{padding:88px 0}.contact-grid{grid-template-columns:1fr;gap:42px}.quote-form{padding:25px 18px}}
@media(max-width:430px){.supporting-expertise__grid{grid-template-columns:1fr}.supporting-expertise__item{min-height:92px}.hero-content:before{font-size:10px}.feature-visual,[dir=ltr] .feature-visual{height:460px}}
.method .steps{counter-reset:none}.method .step{counter-increment:none;padding-top:38px}.method .step:before{content:none;display:none}
.mega-preview h3{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.38)}