/* Mr. Engineering V6.0.7 — clean interaction layer */

/* ---------- Homepage continuous projects ---------- */
.mre-home-projects-v607{overflow:hidden}
.mre-project-marquee-v607{width:100%;overflow:hidden;direction:ltr;padding-block:8px 4px}
.mre-project-marquee-v607__viewport{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.mre-project-marquee-v607__track{display:flex;width:max-content;will-change:transform;gap:0}
.mre-project-marquee-v607__group{display:flex;gap:24px;flex:none;padding-inline-end:24px}
.mre-project-marquee-card-v607{width:clamp(285px,24vw,390px);flex:none;border:1px solid rgba(255,255,255,.11);border-radius:18px;overflow:hidden;background:#123158;box-shadow:0 18px 45px rgba(0,0,0,.16);direction:rtl;transition:transform .28s ease,box-shadow .28s ease}
html[dir=ltr] .mre-project-marquee-card-v607{direction:ltr}
.mre-project-marquee-card-v607:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(0,0,0,.25)}
.mre-project-marquee-card-v607__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.mre-project-marquee-card-v607__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mre-project-marquee-card-v607:hover .mre-project-marquee-card-v607__media img{transform:scale(1.045)}
.mre-project-marquee-card-v607__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(6,23,44,.72))}
.mre-project-marquee-card-v607__body{padding:18px 20px 17px;color:#fff}
.mre-project-marquee-card-v607__tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.mre-project-marquee-card-v607__tags span{padding:5px 10px;border-radius:999px;background:rgba(228,186,74,.14);color:#f0c756;font-size:.74rem;font-weight:800}
.mre-project-marquee-card-v607 h3{font-size:1.08rem;margin:0 0 13px;color:#fff}
.mre-project-marquee-card-v607 h3 a{color:inherit;text-decoration:none}
.mre-project-marquee-card-v607__footer{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.68);font-size:.84rem}
.mre-project-marquee-card-v607__footer span,.mre-project-marquee-card-v607__footer a{display:flex;align-items:center;gap:6px}
.mre-project-marquee-card-v607__footer a{width:38px;height:38px;border-radius:50%;justify-content:center;background:#e0aa1c;color:#071b34}
.mre-home-projects-v607__cta{text-align:center;margin-top:34px}
@media(max-width:760px){.mre-project-marquee-v607__group{gap:14px;padding-inline-end:14px}.mre-project-marquee-card-v607{width:min(82vw,320px)}.mre-project-marquee-v607__viewport{mask-image:none}}

/* ---------- Dual-image internal page hero ---------- */
.mre-page-hero{min-height:var(--mre-page-hero-height,340px)!important;display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;background:#071b34!important}
.mre-page-hero__media--v607{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;background:none!important;opacity:1!important}
.mre-page-hero__side{position:absolute;inset-block:0;width:52%;background-repeat:no-repeat;background-size:cover;filter:saturate(1.02) contrast(1.04);opacity:1}
.mre-page-hero__side--left{inset-inline-start:0;background-image:var(--mre-page-hero-left);background-position:var(--mre-page-hero-left-position,center center);clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
.mre-page-hero__side--right{inset-inline-end:0;background-image:var(--mre-page-hero-right);background-position:var(--mre-page-hero-right-position,center center);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}
.mre-page-hero__overlay-v607{position:absolute;inset:0;background:var(--mre-page-hero-overlay-color,#06172c);opacity:var(--mre-page-hero-overlay-opacity,.44)}
.mre-page-hero__center-fade-v607{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,36,.06),rgba(4,18,36,.46) 28%,rgba(4,18,36,.94) 43%,rgba(4,18,36,.96) 57%,rgba(4,18,36,.46) 72%,rgba(4,18,36,.06));pointer-events:none}
.mre-page-hero__media-fade,.mre-page-hero__wireframe{display:none!important}
.mre-page-hero__content{position:relative!important;z-index:2!important;width:min(100%,820px)!important;max-width:820px!important;margin:auto!important;padding:44px 18px!important;text-align:center!important}
.mre-page-hero__title{font-size:clamp(2rem,3.2vw,3.15rem)!important;line-height:1.16!important;margin:8px auto 12px!important}
.mre-page-hero__subtitle{font-size:clamp(.92rem,1.1vw,1.05rem)!important;line-height:1.7!important;max-width:720px!important}
.mre-page-hero .mre-breadcrumbs,.mre-page-hero__meta{justify-content:center!important}
@media(max-width:760px){.mre-page-hero{min-height:var(--mre-page-hero-height-mobile,225px)!important}.mre-page-hero__side{width:100%;clip-path:none!important;background-image:var(--mre-page-hero-mobile,var(--mre-page-hero-left))}.mre-page-hero__side--right{display:none}.mre-page-hero__center-fade-v607{background:rgba(4,18,36,.68)}.mre-page-hero__content{padding:32px 13px!important}.mre-page-hero__title{font-size:clamp(1.65rem,8vw,2.25rem)!important}.mre-page-hero__subtitle{font-size:.86rem!important;line-height:1.6!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}

/* ---------- Compact project archive hero ---------- */
.mre-projects-hero-v607 .mre-projects-hero-v607__stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.mre-projects-hero-v607__stats div{min-width:135px;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(6,23,44,.34);backdrop-filter:blur(8px)}
.mre-projects-hero-v607__stats strong{display:block;color:#e4ba4a;font-size:1.25rem}.mre-projects-hero-v607__stats span{font-size:.78rem;color:rgba(255,255,255,.8)}
@media(max-width:760px){.mre-projects-hero-v607__stats{display:none!important}}

/* ---------- Desktop interactive services hub ---------- */
.mre-nav__item--services-v607{position:static!important}
.mre-services-hub-v607{position:absolute;top:calc(100% + 8px);left:50%;right:auto;inset-inline:auto;transform:translateX(-50%) translateY(8px);width:min(1120px,calc(100vw - 40px));max-height:540px;padding:18px;border:1px solid #e2e7ed;border-top:3px solid #d6a522;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 28px 65px rgba(3,15,29,.23);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:9999;overflow:hidden}
.mre-nav__item--services-v607.is-open .mre-services-hub-v607{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mre-services-hub-v607__search{height:48px;border:1px solid #dce2e9;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#f8fafc;color:#526071}
.mre-services-hub-v607__search input{flex:1;border:0;background:transparent;outline:0;font:inherit;color:#0b1f3a;min-width:0}
.mre-services-hub-v607__search button{border:0;background:#edf1f5;width:30px;height:30px;border-radius:50%;cursor:pointer;color:#4a5666}
.mre-services-hub-v607__body{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;margin-top:14px;min-height:350px}
.mre-services-hub-v607__mains{display:flex;flex-direction:column;gap:5px;padding:6px;border-radius:14px;background:#f4f7fa;overflow:auto}
.mre-services-hub-v607__main{border:0;background:transparent;border-radius:10px;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;text-align:start;padding:10px 11px;color:#243247;cursor:pointer;font:inherit}
.mre-services-hub-v607__main>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#071b34;color:#e4ba4a}.mre-services-hub-v607__main b{font-size:.83rem;line-height:1.4}.mre-services-hub-v607__main.is-active{background:#fff;color:#071b34;box-shadow:0 5px 16px rgba(7,27,52,.08)}
.mre-services-hub-v607__panels{min-width:0;overflow:hidden}.mre-services-hub-v607__panel{height:100%;display:flex;flex-direction:column}.mre-services-hub-v607__panel[hidden]{display:none!important}
.mre-services-hub-v607__intro{display:grid;grid-template-columns:1fr 175px;gap:16px;align-items:center;padding:15px;border-radius:14px;background:#071b34;color:#fff;min-height:112px}.mre-services-hub-v607__intro span{color:#e4ba4a;font-size:.72rem;font-weight:800}.mre-services-hub-v607__intro h3{font-size:1.05rem;margin:4px 0 5px;color:#fff}.mre-services-hub-v607__intro p{margin:0;font-size:.78rem;color:rgba(255,255,255,.73);line-height:1.55}.mre-services-hub-v607__intro img{width:175px;height:90px;object-fit:cover;border-radius:10px}
.mre-services-hub-v607__branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.mre-services-hub-v607__branches>a{display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:9px;border:1px solid #e7ebf0;border-radius:10px;padding:9px;text-decoration:none;color:#14233a;min-height:64px}.mre-services-hub-v607__branches>a:hover{border-color:#d6a522;background:#fffaf0}.mre-services-hub-v607__branches>a>span:first-child{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f0f3f7;color:#0b1f3a}.mre-services-hub-v607__branches b{display:block;font-size:.78rem;line-height:1.35}.mre-services-hub-v607__branches small{display:block;color:#687385;font-size:.66rem;line-height:1.3;margin-top:2px}.mre-services-hub-v607__all-section{margin-top:auto;display:flex;align-items:center;gap:8px;color:#a77913;font-weight:800;text-decoration:none;font-size:.8rem;padding-top:9px}
.mre-services-hub-v607__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f4}.mre-services-hub-v607__footer a{padding:10px 16px;border-radius:9px;text-decoration:none;border:1px solid #d7dde5;color:#0b1f3a;font-size:.78rem;font-weight:800}.mre-services-hub-v607__footer a.is-primary{background:#d6a522;border-color:#d6a522;color:#071b34}
.mre-services-hub-v607__search-results{margin-top:12px;max-height:374px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mre-services-hub-v607__search-results>a{display:block;padding:12px;border:1px solid #e5e9ef;border-radius:10px;text-decoration:none;color:#0b1f3a}.mre-services-hub-v607__search-results>a:hover{border-color:#d6a522;background:#fffaf0}.mre-services-hub-v607__search-results span{font-size:.68rem;color:#9a6e12}.mre-services-hub-v607__search-results b{display:block;font-size:.85rem;margin:3px 0}.mre-services-hub-v607__search-results small{display:block;color:#697486;font-size:.72rem}.mre-services-hub-v607__empty{grid-column:1/-1;text-align:center;padding:40px;color:#697486}
@media(max-width:1180px){.mre-services-hub-v607{width:min(980px,calc(100vw - 28px))}.mre-services-hub-v607__body{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:1024px){.mre-services-hub-v607{display:none!important}}

/* ---------- Mobile services accordion ---------- */
.mre-mobile-services-v607{margin:6px 0 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden}.mre-mobile-services-v607__search{padding:10px}.mre-mobile-services-v607__search input{width:100%;height:44px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;padding:0 12px}.mre-mobile-services-v607__row{border-top:1px solid rgba(255,255,255,.11)}.mre-mobile-services-v607__row:first-of-type{border-top:0}.mre-mobile-services-v607__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:0;background:transparent;color:#fff;font:inherit;font-weight:800;text-align:start}.mre-mobile-services-v607__branches{display:none;padding:0 13px 12px}.mre-mobile-services-v607__row.is-open .mre-mobile-services-v607__branches{display:grid;gap:7px}.mre-mobile-services-v607__branches a{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.07);font-size:.82rem!important}

/* V6.0.7 final hero reset: remove legacy pseudo-layers and keep both side images visible. */
.mre-page-hero::before,.mre-page-hero::after,.mre-page-hero__media--v607::before,.mre-page-hero__media--v607::after{content:none!important;display:none!important}
.mre-page-hero__media--v607{z-index:0!important}
.mre-page-hero__content{z-index:3!important}
@media (min-width:761px) and (max-width:1100px){.mre-project-marquee-card-v607{width:min(43vw,360px)}}

/* ==========================================================
   V6.0.8 — deterministic two-sided internal hero
   Physical left/right coordinates are deliberate: logical inset
   values reverse under RTL and caused both selected images to
   appear on the same visual side in some layouts.
   ========================================================== */
.mre-page-hero__media--v607,
.mre-page-hero__media--v608{
  direction:ltr!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#071b34!important;
  opacity:1!important;
}
.mre-page-hero__media--v607::before,
.mre-page-hero__media--v607::after,
.mre-page-hero__media--v608::before,
.mre-page-hero__media--v608::after,
.mre-page-hero::before,
.mre-page-hero::after{
  content:none!important;
  display:none!important;
}
.mre-page-hero__side{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:52%!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  opacity:1!important;
  transform:none!important;
}
.mre-page-hero__side--left{
  left:0!important;
  right:auto!important;
  inset-inline:auto!important;
  background-image:var(--mre-page-hero-left)!important;
  background-position:var(--mre-page-hero-left-position,center center)!important;
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%)!important;
}
.mre-page-hero__side--right{
  right:0!important;
  left:auto!important;
  inset-inline:auto!important;
  background-image:var(--mre-page-hero-right)!important;
  background-position:var(--mre-page-hero-right-position,center center)!important;
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)!important;
}
.mre-page-hero__overlay-v607,
.mre-page-hero__overlay-v608{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:var(--mre-page-hero-overlay-color,#06172c)!important;
  opacity:var(--mre-page-hero-overlay-opacity,.44)!important;
}
.mre-page-hero__center-fade-v607,
.mre-page-hero__center-fade-v608{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(4,18,36,.02) 0,rgba(4,18,36,.30) 25%,rgba(4,18,36,.92) 42%,rgba(4,18,36,.96) 58%,rgba(4,18,36,.30) 75%,rgba(4,18,36,.02) 100%)!important;
}
.mre-page-hero__content{z-index:4!important}
@media(max-width:760px){
  .mre-page-hero__side--left{left:0!important;width:100%!important;clip-path:none!important;background-image:var(--mre-page-hero-mobile,var(--mre-page-hero-left))!important;background-position:var(--mre-page-hero-position-mobile,center center)!important}
  .mre-page-hero__side--right{display:none!important}
  .mre-page-hero__center-fade-v607,.mre-page-hero__center-fade-v608{background:rgba(4,18,36,.63)!important}
}
