/* Hero concept B: a project-control board with a framed site window and vertical scope rail. */
.hero{min-height:800px;height:100vh;background:#062d47;color:#fff;padding-top:88px;overflow:hidden}
.hero:before{display:block;inset:88px 0 0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px}
.hero:after{content:"";position:absolute;z-index:1;top:145px;right:7%;width:74px;height:74px;border-top:8px solid #f99d1b;border-right:8px solid #f99d1b;opacity:.9;pointer-events:none}
[dir=ltr] .hero:after{right:auto;left:7%;border-right:0;border-left:8px solid #f99d1b}
.hero-media,[dir=ltr] .hero-media{inset:132px auto 48px 36px;width:46%;height:auto;clip-path:none;transform:none;outline:1px solid rgba(249,157,27,.72);outline-offset:10px;box-shadow:0 28px 70px rgba(1,18,29,.42);filter:saturate(.82) contrast(1.05)}
[dir=ltr] .hero-media{inset:132px 36px 48px auto}
.hero-media:after,[dir=rtl] .hero-media:after{background:linear-gradient(0deg,rgba(4,30,48,.72),transparent 48%),linear-gradient(90deg,rgba(6,45,71,.18),transparent 65%)}
.hero>.wrap{z-index:3;align-items:center;justify-content:flex-start}
.hero-content{width:47%;padding:90px 0 110px}
.hero-content:before{content:"QAGC  /  PROJECT DELIVERY";margin-bottom:28px;padding:0 0 11px;background:none;color:rgba(255,255,255,.68);border-inline-start:0;border-bottom:2px solid #f99d1b;font-size:10px;letter-spacing:.19em}
.hero .eyebrow{color:#f99d1b}.hero h1{color:#fff;font-size:clamp(50px,5.4vw,78px);line-height:1.08;letter-spacing:-.04em}.hero h1 em{color:#f99d1b}
.hero-copy{color:rgba(255,255,255,.7);font-size:clamp(16px,1.35vw,19px);line-height:1.95;max-width:610px}
.hero-actions{display:grid;grid-template-columns:max-content max-content;gap:12px;margin-top:40px}
.hero .btn{border-color:rgba(255,255,255,.3);color:#fff;min-width:190px}.hero .btn.primary{color:#062d47}.hero .btn:not(.primary):hover{background:#fff;color:#083c5f}
.hero-index{top:158px;bottom:auto;left:calc(46% - 120px);right:auto;width:210px;border:0}
[dir=ltr] .hero-index{left:auto;right:calc(46% - 120px)}
.hero-index .wrap{width:100%;display:grid;grid-template-columns:1fr;gap:3px}
.hero-index a{min-height:74px;padding:13px 16px;display:grid;grid-template-columns:1fr;align-items:center;gap:10px;background:rgba(6,45,71,.91);border-inline-start:3px solid rgba(249,157,27,.38)!important;color:#f99d1b;box-shadow:0 7px 18px rgba(1,18,29,.15);backdrop-filter:blur(9px);transition:.25s ease}
.hero-index a b{margin:0;color:#fff;font-size:12px;line-height:1.35}.hero-index a:hover{background:#f99d1b;color:#062d47;transform:translateX(6px)}
[dir=ltr] .hero-index a:hover{transform:translateX(-6px)}.hero-index a:hover b{color:#062d47}
@media(max-width:1180px){.hero-index{display:none}.hero-media,[dir=ltr] .hero-media{width:45%}.hero-content{width:51%}.hero h1{font-size:58px}}
@media(max-width:780px){.hero{height:auto;min-height:0;padding-top:72px}.hero:before{inset:72px 0 0}.hero:after{top:112px;right:29px;width:54px;height:54px;border-width:6px}.hero-media,[dir=ltr] .hero-media{position:relative;inset:auto;width:calc(100% - 36px);height:54vw;min-height:285px;margin:28px 18px 0;outline-offset:6px}.hero>.wrap{display:block}.hero-content{width:100%;padding:60px 0 74px}.hero h1{font-size:clamp(42px,12vw,60px)}.hero-actions{grid-template-columns:1fr 1fr}.hero .btn{min-width:0;width:100%}}
@media(max-width:520px){.hero-media,[dir=ltr] .hero-media{height:300px}.hero-content{padding-top:52px}.hero-actions{grid-template-columns:1fr}.hero-content:before{font-size:9px}.hero:after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-index a{transition:none}}

/* Final full-width composition based on the approved sketch. */
.hero{min-height:820px;height:100vh;background:#062d47;padding-top:88px}
.hero:before{inset:88px 0 0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}
.hero:after{top:auto;right:auto;left:2.5%;bottom:25px;width:70%;height:210px;border:1px solid rgba(249,157,27,.82);pointer-events:none}
[dir=ltr] .hero:after{right:2.5%;left:auto;border:1px solid rgba(249,157,27,.82)}
.hero-media,[dir=ltr] .hero-media{position:absolute;inset:88px 0 0;width:100%;height:auto;min-height:0;margin:0;outline:0;box-shadow:none;filter:saturate(.83) contrast(1.04);background-position:center 58%}
.hero-media:after,[dir=rtl] .hero-media:after{background:linear-gradient(0deg,rgba(3,25,40,.87) 0%,rgba(3,25,40,.26) 48%,rgba(3,25,40,.35) 100%),linear-gradient(90deg,rgba(6,45,71,.2),transparent 62%)}
.hero>.wrap{position:relative;height:100%;align-items:stretch;pointer-events:none}
.hero-content{position:absolute;z-index:5;left:0;right:auto;bottom:42px;width:calc(100% - 330px);min-height:238px;padding:28px 34px 30px;background:rgba(6,45,71,.91);border-top:5px solid #f99d1b;box-shadow:0 20px 55px rgba(1,18,29,.28);backdrop-filter:blur(13px);display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto auto 1fr;column-gap:34px;pointer-events:auto}
[dir=ltr] .hero-content{left:auto;right:0}
.hero-content:before{display:none}
.hero-content>.eyebrow{grid-column:1;grid-row:1;margin-bottom:10px}
.hero-content>h1{grid-column:1;grid-row:2;margin:0 0 12px;font-size:clamp(35px,3.7vw,54px);line-height:1.08}
.hero-content>.hero-copy{grid-column:1;grid-row:3;margin:0;font-size:16px;line-height:1.75;max-width:760px}
.hero-content>.hero-actions{grid-column:2;grid-row:1/4;align-self:end;display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.hero-content .btn{min-width:0;width:100%;min-height:52px;padding:0 17px}
.hero-index{display:block;z-index:6;top:128px;right:34px;left:auto;bottom:auto;width:285px}
[dir=ltr] .hero-index{right:auto;left:34px}
.hero-index .wrap{display:grid;grid-template-columns:1fr;width:100%;gap:4px}
.hero-index a{min-height:70px;padding:12px 18px;background:rgba(6,45,71,.78);grid-template-columns:1fr;border-inline-start:3px solid rgba(249,157,27,.45)!important;backdrop-filter:blur(7px)}
.hero-index a:hover{transform:translateX(-6px)}[dir=ltr] .hero-index a:hover{transform:translateX(6px)}

@media(max-width:1180px){.hero-index{display:block;width:250px}.hero-content{width:calc(100% - 280px);grid-template-columns:minmax(0,1fr) 190px}.hero-content>h1{font-size:42px}}
@media(max-width:900px){.hero-index{display:none}.hero-content{width:100%;grid-template-columns:minmax(0,1fr) 190px}.hero:after{width:86%}}
@media(max-width:700px){.hero{height:auto;min-height:840px;padding-top:72px}.hero:before{inset:72px 0 0}.hero-media,[dir=ltr] .hero-media{position:absolute;inset:72px 0 0;width:100%;height:auto;min-height:0;margin:0;background-position:center}.hero>.wrap{min-height:768px}.hero-content,[dir=ltr] .hero-content{left:15px;right:15px;bottom:22px;width:auto;min-height:0;padding:24px 20px;display:block}.hero-content>.eyebrow{margin-bottom:14px}.hero-content>h1{font-size:clamp(36px,10.5vw,48px);margin-bottom:15px}.hero-content>.hero-copy{font-size:15px;line-height:1.72}.hero-content>.hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.hero:after,[dir=ltr] .hero:after{left:8px;right:8px;bottom:10px;width:auto;height:360px}}
@media(max-width:480px){.hero{min-height:900px}.hero>.wrap{min-height:828px}.hero-content>.hero-actions{grid-template-columns:1fr}.hero-content .btn{min-height:50px}.hero:after,[dir=ltr] .hero:after{height:430px}}

/* Centered transparent copy panel. */
.hero>.wrap{position:absolute;z-index:3;inset:88px auto 0 50%;width:min(var(--max),calc(100% - 48px));height:auto;transform:translateX(-50%);margin:0}
.hero:after,[dir=ltr] .hero:after{left:50%;right:auto;bottom:20px;width:min(1180px,calc(100% - 48px));height:205px;transform:translateX(-50%);border-color:rgba(249,157,27,.55)}
.hero-content,[dir=ltr] .hero-content{left:40px;right:40px;bottom:24px;width:auto;min-height:0;padding:16px 30px 18px;background:linear-gradient(90deg,rgba(6,45,71,.16),rgba(6,45,71,.5) 50%,rgba(6,45,71,.16));border-top:4px solid rgba(249,157,27,.92);box-shadow:0 18px 50px rgba(1,18,29,.12);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-content>.eyebrow{margin:8px 0 0;justify-content:center}
.hero-content>h1{margin:0 0 7px;font-size:clamp(32px,3vw,46px);line-height:1.12;max-width:none;white-space:nowrap}
.hero-content>.hero-copy{margin:0 auto;max-width:940px;font-size:15px;line-height:1.5}
.hero-content>.hero-actions{display:flex;grid-column:auto;grid-row:auto;align-self:auto;justify-content:center;gap:11px;margin:12px 0 0}
.hero-content .btn{width:auto;min-width:190px;min-height:48px}
.hero-services-mobile{display:none!important}
.hero-index .services-jump{min-height:58px;margin-bottom:5px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(249,157,27,.9);border:1px solid rgba(249,157,27,.96)!important;color:#062d47;font-size:14px;font-weight:800;box-shadow:0 10px 28px rgba(1,18,29,.2);backdrop-filter:blur(7px)}
.hero-index .services-jump b{margin:0;color:#062d47;font-size:19px;line-height:1}
.hero-index .services-jump:hover{background:#fff;border-color:#fff!important;color:#062d47;transform:translateY(-2px)}
.hero-index a:not(.services-jump){background:rgba(6,45,71,.6);backdrop-filter:blur(3px) saturate(.9);box-shadow:0 7px 18px rgba(1,18,29,.1)}
.hero-index a:not(.services-jump)>b{grid-column:1;min-width:0}
.hero-index a:not(.services-jump)>b.ar-only{grid-row:1}
.hero-index a:not(.services-jump)>b.en-only{grid-row:2;white-space:nowrap;font-size:11.5px}
.hero-index a:not(.services-jump):hover{background:rgba(249,157,27,.9)}
@media(min-width:901px){.hero:after,[dir=ltr] .hero:after{height:150px}.hero-content,[dir=ltr] .hero-content{min-height:0;padding:12px 26px 14px;display:grid;grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:auto auto auto;column-gap:30px;align-items:center}.hero-content>h1{grid-column:1;grid-row:1;font-size:clamp(30px,2.5vw,40px);letter-spacing:-.035em}.hero-content>.hero-copy{grid-column:1;grid-row:2}.hero-content>.eyebrow{grid-column:1;grid-row:3;justify-content:center}.hero-content>.hero-actions{grid-column:2;grid-row:1/4;align-self:center;margin:0;width:100%}.hero-content>.hero-actions .btn{width:100%;min-width:0}body.en .hero-content>h1{font-size:clamp(27px,2.15vw,34px)}}
@media(min-width:901px){.hero-index{top:105px}.hero-index .wrap{gap:3px}.hero-index a:not(.services-jump){min-height:56px;padding:8px 16px}.hero-index .services-jump{min-height:50px;margin-bottom:3px;padding:0 16px}}
@media(max-width:900px){.hero-content,[dir=ltr] .hero-content{left:22px;right:22px}.hero-content>h1{white-space:normal}.hero:after,[dir=ltr] .hero:after{width:calc(100% - 24px)}}
@media(max-width:900px){.hero-services-mobile{display:inline-flex!important}}
@media(max-width:700px){.hero{min-height:850px}.hero>.wrap{inset:72px 0 0;left:0;width:100%;height:auto;min-height:0;transform:none}.hero-content,[dir=ltr] .hero-content{left:15px;right:15px;bottom:17px;padding:24px 18px;background:linear-gradient(180deg,rgba(6,45,71,.3),rgba(6,45,71,.64));backdrop-filter:blur(4px)}.hero-content>h1{white-space:normal}.hero-content>.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:20px}.hero-content .btn{width:100%;min-width:0}.hero:after,[dir=ltr] .hero:after{bottom:8px;height:410px}}
@media(max-width:480px){.hero{min-height:910px}.hero>.wrap{min-height:838px}.hero-content>.hero-actions{grid-template-columns:1fr}.hero:after,[dir=ltr] .hero:after{height:490px}}