:root{
  --ink:#121936;
  --brand:#24166e;
  --brand-2:#35258f;
  --red:#e5262e;
  --red-deep:#c9141d;
  --paper:#fff;
  --soft:#f4f6fa;
  --line:#dfe4ec;
  --muted:#637086;
  --dark:#11183b;
  --shadow:0 22px 60px rgba(18,25,54,.12);
  --radius:22px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button,a{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{box-shadow:0 10px 35px rgba(18,25,54,.12)}
.utility-bar{background:var(--dark);color:#fff;font-size:12px;letter-spacing:.035em}
.utility-inner{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:20px}
.utility-links{display:flex;gap:22px}
.utility-links a{opacity:.86;transition:opacity .2s,color .2s}
.utility-links a:hover{opacity:1;color:#ffb4b8}
.nav-shell{background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;min-width:0}
.brand-wide{width:420px;max-height:59px;object-fit:contain;object-position:left center}
.brand-mark{display:none;width:58px;height:58px;object-fit:contain}
.mainnav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px;white-space:nowrap}
.mainnav>a:not(.nav-cta){position:relative;padding:30px 0 26px}
.mainnav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--red);transition:right .25s ease}
.mainnav>a:hover::after,.mainnav>a.is-active::after{right:0}
.nav-cta{background:var(--brand);color:#fff;padding:11px 16px;border-radius:999px;transition:transform .2s,background .2s,box-shadow .2s}
.nav-cta:hover{transform:translateY(-2px);background:var(--red);box-shadow:0 12px 28px rgba(229,38,46,.22)}
.nav-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:8px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--brand);margin:7px 0;transition:transform .25s,opacity .25s}

/* Hero */
.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#161b33;color:#fff}
.hero-slides,.hero-shade,.hero-slide{position:absolute;inset:0}

.hero-slide{background-position:center center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity 1.1s ease,transform 7s ease}
.hero-slide.is-active{opacity:1;transform:scale(1.065)}
.hero-shade{z-index:2;background:linear-gradient(90deg,rgba(10,16,42,.88) 0%,rgba(15,20,50,.70) 38%,rgba(20,24,48,.22) 70%,rgba(20,24,48,.08) 100%)}
.hero-inner{position:relative;z-index:3;padding:92px 0}
.hero-copy{max-width:760px}
.eyebrow{margin:0 0 14px;font-size:12px;font-weight:900;letter-spacing:.21em;color:var(--red);text-transform:uppercase}
.eyebrow.light{color:#ff7a80}
.hero h1{font-size:clamp(48px,5.8vw,82px);line-height:.98;margin:0 0 26px;letter-spacing:-.045em;max-width:900px;text-wrap:balance}
.hero h1 span{color:#fff}
.hero-lead{font-size:20px;line-height:1.65;max-width:680px;color:rgba(255,255,255,.88);margin:0 0 32px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-120%);transition:transform .65s ease}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 28px rgba(229,38,46,.26)}
.btn-primary:hover{background:var(--red-deep);box-shadow:0 17px 34px rgba(229,38,46,.32)}
.btn-ghost{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.42);backdrop-filter:blur(7px)}
.btn-ghost:hover{background:#fff;color:var(--brand)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;max-width:760px;border-top:1px solid rgba(255,255,255,.28)}
.hero-proof div{padding:20px 22px 0 0}
.hero-proof strong,.hero-proof span{display:block}
.hero-proof strong{font-size:18px}
.hero-proof span{color:rgba(255,255,255,.68);font-size:13px;margin-top:3px}
.hero-controls{position:absolute;z-index:4;right:32px;bottom:34px;display:flex;gap:10px}
.hero-dot{width:30px;height:4px;border:0;background:rgba(255,255,255,.38);padding:0;cursor:pointer;transition:width .25s,background .25s}
.hero-dot.is-active{width:54px;background:#fff}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:28px;width:30px;height:48px;border:1px solid rgba(255,255,255,.45);border-radius:20px;transform:translateX(-50%)}
.scroll-cue span{position:absolute;left:50%;top:9px;width:4px;height:8px;border-radius:4px;background:#fff;transform:translateX(-50%);animation:scrollDot 2s infinite}
@keyframes scrollDot{0%{transform:translate(-50%,0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translate(-50%,18px);opacity:0}}

/* Shared */
.section{padding:110px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:70px;align-items:end;margin-bottom:44px}
.section h2,.projects h2,.contact h2,.capability-band h2{font-size:clamp(38px,4.6vw,62px);line-height:1.04;letter-spacing:-.035em;margin:0;text-wrap:balance}
.section-head>p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.lead{font-size:20px;line-height:1.7;color:#343e56}
.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:850;color:var(--brand);position:relative}
.text-link::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--red);transition:width .25s}
.text-link:hover::after{width:100%}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in-view{opacity:1;transform:none}

/* About */
.about{background:linear-gradient(180deg,#fff,#fafbfe)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:76px;align-items:center}
.about-copy h2{margin:0 0 24px;font-size:clamp(38px,4.4vw,58px);line-height:1.05;letter-spacing:-.035em}
.about-copy>p:not(.eyebrow){color:#4a566c}
.brand-promise{margin:32px 0 26px;padding:25px 28px;border-left:4px solid var(--red);background:#fff;box-shadow:0 14px 35px rgba(18,25,54,.08);font-size:19px;font-weight:750;line-height:1.5}
.brand-promise span{color:var(--red);font-size:38px;line-height:0;vertical-align:-9px;margin-right:4px}
.about-actions{display:flex;gap:28px;flex-wrap:wrap}
.about-visual{position:relative}
.image-frame{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#eef2f7}
.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .35s}
.image-frame:hover img{transform:scale(1.025);filter:saturate(1.04)}
.image-frame-large{height:590px}
.image-frame-large img{object-position:center}
.about-badge{position:absolute;right:-26px;bottom:34px;width:min(330px,78%);background:var(--brand);color:#fff;padding:20px 22px;border-radius:14px;box-shadow:0 18px 40px rgba(36,22,110,.28)}
.about-badge strong,.about-badge span{display:block}
.about-badge strong{font-size:18px}
.about-badge span{margin-top:4px;color:rgba(255,255,255,.72);font-size:13px}

/* Services */
.services{background:var(--soft)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-card{appearance:none;text-align:left;border:1px solid #e5e9f0;background:#fff;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 8px 20px rgba(18,25,54,.045);transition:transform .28s,box-shadow .28s,border-color .28s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 46px rgba(18,25,54,.13);border-color:rgba(36,22,110,.24)}
.service-image{height:205px;overflow:hidden;background:#dfe4eb}
.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s}
.service-card:hover .service-image img{transform:scale(1.045);filter:saturate(1.06)}
.service-body{padding:21px}
.service-no{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--red)}
.service-body h3{font-size:20px;line-height:1.2;margin:9px 0 11px;letter-spacing:-.02em}
.service-body p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 18px}
.service-more{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:13px;font-weight:850;color:var(--brand)}
.service-more b{color:var(--red);font-size:18px}

/* Capability band */
.capability-band{padding:85px 0;background:linear-gradient(135deg,#18124f 0%,#26186f 55%,#171e43 100%);color:#fff;position:relative;overflow:hidden}
.capability-band::after{content:"";position:absolute;width:460px;height:460px;border:90px solid rgba(255,255,255,.025);border-radius:50%;right:-150px;top:-180px}
.capability-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;position:relative;z-index:1}
.capability-intro p:not(.eyebrow){color:rgba(255,255,255,.72)}
.capability-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.14)}
.fact{padding:28px;background:#211965}
.fact span{font-size:11px;color:#ff858a;font-weight:900;letter-spacing:.16em}
.fact strong,.fact small{display:block}
.fact strong{font-size:21px;margin:6px 0 3px}
.fact small{color:rgba(255,255,255,.66)}

/* Why */
.why{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit{padding:32px 24px 32px 0;margin-right:24px;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0;margin-right:0}
.benefit-icon{font-size:34px;color:var(--red);font-weight:900}
.benefit h3{font-size:18px;line-height:1.28;margin:10px 0 10px}
.benefit p{font-size:14px;color:var(--muted);margin:0}

/* Projects */
.projects{padding:105px 0 0;background:#121a42;color:#fff}
.projects-head{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:38px}
.projects-head>p{color:rgba(255,255,255,.68);margin:0}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:4px;background:#121a42}
.project{position:relative;border:0;padding:0;overflow:hidden;background:#18204b;cursor:zoom-in}
.project-tall{grid-row:span 2}
.project-wide{grid-column:span 2}
.project img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}
.project::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,13,35,.78));opacity:.75;transition:opacity .3s}
.project span{position:absolute;z-index:2;left:22px;bottom:18px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.project:hover img{transform:scale(1.045);filter:saturate(1.08)}
.project:hover::after{opacity:1}

/* QHSE */
.qhse{background:#f7f8fb}
.qhse-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}
.qhse-copy h2{font-size:clamp(38px,4.2vw,56px);line-height:1.04;margin:0 0 22px;letter-spacing:-.035em}
.qhse-copy>p:not(.eyebrow){color:#4f5b70}
.qhse-quote{margin-top:26px;background:var(--brand);color:#fff;padding:18px 20px;border-radius:12px;font-weight:800}
.qhse-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.principle{background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px;min-height:220px}
.principle span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.17em}
.principle h3{font-size:20px;line-height:1.22;margin:23px 0 10px}
.principle p{font-size:14px;color:var(--muted);margin:0}
.certification-panel{margin-top:65px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center}
.certification-panel h3{font-size:28px;margin:0}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.cert{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px;border-radius:14px;background:#f8f9fc}
.cert img{grid-row:1/3;width:70px;height:70px;object-fit:contain}
.cert strong{font-size:15px;align-self:end}
.cert span{font-size:12px;color:var(--muted);align-self:start}

/* Contact */
.contact{padding:100px 0;background:linear-gradient(135deg,#1e165f,#101a42);color:#fff}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.contact h2{margin:0 0 18px}
.contact-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:17px;max-width:620px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn-white{background:#fff;color:var(--brand)}
.btn-white:hover{background:#f5f5ff;box-shadow:0 15px 32px rgba(0,0,0,.18)}
.btn-outline-white{border-color:rgba(255,255,255,.42);color:#fff;background:transparent}
.btn-outline-white:hover{background:rgba(255,255,255,.10)}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contact-card{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:16px;padding:22px;min-height:190px;display:flex;flex-direction:column;transition:transform .25s,background .25s,border-color .25s}
.contact-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.34)}
.contact-card span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#ff8d92;text-transform:uppercase}
.contact-card strong{font-size:17px;line-height:1.45;margin-top:16px}
.contact-card b{margin-top:auto;padding-top:20px;font-size:13px}

/* Footer */
.site-footer{background:#0b1030;color:#fff;padding:46px 0 18px}
.footer-grid{display:grid;grid-template-columns:1.5fr .55fr .7fr;gap:60px}
.footer-brand img{width:460px;max-width:100%;filter:brightness(0) invert(1)}
.footer-brand p{color:rgba(255,255,255,.58);font-size:13px;max-width:470px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px}
.footer-links strong{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#ff8d92;margin-bottom:4px}
.footer-links a{color:rgba(255,255,255,.68)}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:12px}

/* Dialogs */
dialog{border:0;padding:0}
dialog::backdrop{background:rgba(6,10,31,.72);backdrop-filter:blur(5px)}
.service-modal{width:min(700px,calc(100% - 28px));border-radius:20px;padding:34px 36px 36px;box-shadow:0 28px 90px rgba(0,0,0,.35)}
.service-modal h2{font-size:36px;line-height:1.05;margin:0 0 16px;letter-spacing:-.03em}
.service-modal h3{margin:25px 0 10px;font-size:16px}
.modal-intro{color:var(--muted)}
.service-modal ul{padding-left:20px;color:#344056;display:grid;gap:8px}
.modal-contact{margin-top:22px}
.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f3f7;color:#1c2440;width:40px;height:40px;border-radius:50%;font-size:25px;cursor:pointer;transition:background .2s,transform .2s}
.modal-close:hover{background:#e4e7ee;transform:rotate(4deg)}
.lightbox{width:min(1120px,calc(100% - 24px));background:#080d26;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.lightbox img{width:100%;max-height:78vh;object-fit:contain;background:#080d26}
.lightbox p{margin:0;padding:14px 20px 18px;color:#fff;font-weight:700}
.lightbox-close{background:rgba(255,255,255,.9);z-index:2}

/* Responsive */
@media(max-width:1120px){
  .brand-wide{width:330px}
  .mainnav{gap:19px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-grid{grid-template-columns:repeat(3,1fr);border-bottom:0}
  .benefit{border-bottom:1px solid var(--line)}
  .project-grid{grid-auto-rows:250px}
  .contact-cards{grid-template-columns:1fr}
  .contact-card{min-height:125px}
}
@media(max-width:900px){
  html{scroll-padding-top:82px}
  .utility-bar{display:none}
  .nav-inner{height:76px}
  .brand-wide{width:300px}
  .nav-toggle{display:block}
  .mainnav{position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 18px 30px rgba(18,25,54,.12);padding:18px 24px 24px;display:grid;gap:0;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
  .mainnav.is-open{opacity:1;transform:none;pointer-events:auto}
  .mainnav>a:not(.nav-cta){padding:13px 0}
  .mainnav>a:not(.nav-cta)::after{bottom:7px}
  .nav-cta{margin-top:8px;text-align:center}
  .nav-toggle.is-open span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .nav-toggle.is-open span:nth-child(2){opacity:0}
  .nav-toggle.is-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .hero{min-height:680px}
  .hero-shade{background:linear-gradient(90deg,rgba(9,15,42,.9),rgba(9,15,42,.56) 70%,rgba(9,15,42,.25))}
  .hero-controls{right:20px}
  .scroll-cue{display:none}
  .about-grid,.capability-grid,.qhse-grid,.contact-grid{grid-template-columns:1fr}
  .about-visual{max-width:760px}
  .image-frame-large{height:480px}
  .about-badge{right:18px}
  .section-head,.projects-head{grid-template-columns:1fr;gap:20px}
  .capability-grid{gap:35px}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid{grid-template-columns:repeat(2,1fr)}
  .project-tall{grid-row:span 1}
  .project-wide{grid-column:span 1}
  .certification-panel{grid-template-columns:1fr}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,var(--max))}
  .brand-wide{display:none}
  .brand-mark{display:block;width:54px;height:54px}
  .hero{min-height:650px}
  .hero-inner{padding:70px 0 84px}
  .hero h1{font-size:45px}
  .hero-lead{font-size:17px}
  .hero-proof{grid-template-columns:1fr;gap:0;margin-top:35px}
  .hero-proof div{padding-top:12px}
  .hero-controls{left:14px;right:auto;bottom:18px}
  .section{padding:78px 0}
  .section h2,.projects h2,.contact h2,.capability-band h2{font-size:38px}
  .about-copy h2,.qhse-copy h2{font-size:38px}
  .image-frame-large{height:390px}
  .about-badge{position:relative;right:auto;bottom:auto;margin:-36px 16px 0;width:auto}
  .service-grid{grid-template-columns:1fr}
  .service-image{height:230px}
  .capability-facts{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}
  .benefit{margin-right:0;border-right:0}
  .projects{padding-top:76px}
  .project-grid{grid-template-columns:1fr;grid-auto-rows:270px}
  .qhse-principles,.cert-grid{grid-template-columns:1fr}
  .principle{min-height:auto}
  .certification-panel{padding:22px}
  .cert{grid-template-columns:60px 1fr}
  .cert img{width:60px;height:60px}
  .contact{padding:78px 0}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .service-modal{padding:30px 22px 26px}
  .service-modal h2{font-size:30px}
}
@media(max-width:390px){
  .hero h1{font-size:39px}
  .hero-actions .btn{width:100%}
  .hero-proof strong{font-size:16px}
  .service-image{height:205px}
  .project-grid{grid-auto-rows:235px}
}
@media(hover:none){
  .service-card:hover,.contact-card:hover,.btn:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}


/* V2 bilingual refinements */
.language-switch{
  padding:8px 11px !important;
  border:1px solid rgba(36,22,110,.18);
  border-radius:999px;
  color:var(--brand);
  font-weight:900;
}
.language-switch::after{display:none!important}
.language-switch:hover{background:#f1effb}

/* Complex projects capability showcase */
.complex-projects{
  padding:105px 0;
  background:linear-gradient(135deg,#141a3d 0%,#21175e 58%,#131a3d 100%);
  color:#fff;
}
.complex-head{
  max-width:900px;
  margin-bottom:38px;
}
.complex-head h2{
  font-size:clamp(40px,5vw,64px);
  line-height:1.03;
  letter-spacing:-.04em;
  margin:0 0 18px;
  text-wrap:balance;
}
.complex-head>p:not(.eyebrow){
  color:rgba(255,255,255,.72);
  font-size:17px;
  max-width:760px;
}
.complex-grid{
  display:grid;
  grid-template-columns:1.35fr .9fr .9fr;
  grid-template-rows:310px 310px;
  gap:5px;
}
.complex-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border-radius:4px;
  background:#171d45;
}
.complex-large{grid-row:1 / span 2}
.complex-card:last-child{grid-column:2 / span 2}
.complex-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s ease;
}
.complex-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,9,26,0) 35%,rgba(5,9,26,.88) 100%);
}
.complex-card>div{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:20px;
}
.complex-card span{
  color:#ff7f86;
  font-weight:900;
  font-size:11px;
  letter-spacing:.18em;
}
.complex-card h3{
  margin:5px 0 6px;
  font-size:22px;
  line-height:1.15;
}
.complex-card p{
  margin:0;
  max-width:530px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.5;
}
.complex-card:hover img{
  transform:scale(1.04);
  filter:saturate(1.07) contrast(1.02);
}

/* Better service image consistency */
.service-image img{object-position:center}
.service-card:nth-child(1) .service-image img{object-position:center 54%}
.service-card:nth-child(2) .service-image img{object-position:center 58%}
.service-card:nth-child(3) .service-image img{object-position:center 52%}
.service-card:nth-child(4) .service-image img{object-position:center 58%}
.service-card:nth-child(5) .service-image img{object-position:center}
.service-card:nth-child(6) .service-image img{object-position:center}
.service-card:nth-child(7) .service-image img{object-position:center}

/* Arabic / RTL */
html[dir="rtl"] body{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  text-align:right;
}
html[dir="rtl"] .brand{direction:ltr}
html[dir="rtl"] .utility-inner,
html[dir="rtl"] .nav-inner,
html[dir="rtl"] .mainnav,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .about-actions,
html[dir="rtl"] .contact-actions,
html[dir="rtl"] .footer-bottom{
  direction:rtl;
}
html[dir="rtl"] .brand-wide{object-position:right center}
html[dir="rtl"] .hero-shade{
  background:linear-gradient(270deg,rgba(10,16,42,.88) 0%,rgba(15,20,50,.70) 38%,rgba(20,24,48,.22) 70%,rgba(20,24,48,.08) 100%);
}
html[dir="rtl"] .hero-copy{margin-left:auto}
html[dir="rtl"] .brand-promise{border-left:0;border-right:4px solid var(--red)}
html[dir="rtl"] .benefit{padding:32px 0 32px 24px;margin-right:0;margin-left:24px;border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .benefit:last-child{border-left:0;margin-left:0}
html[dir="rtl"] .service-card{text-align:right}
html[dir="rtl"] .service-more b{transform:rotate(180deg)}
html[dir="rtl"] .complex-card>div{left:24px;right:24px}
html[dir="rtl"] .service-modal ul{padding-left:0;padding-right:20px}
html[dir="rtl"] .modal-close{right:auto;left:14px}
html[dir="rtl"] .contact-card,
html[dir="rtl"] .footer-links{align-items:flex-start;text-align:right}
html[dir="rtl"] .footer-brand img{margin-left:auto}

@media(max-width:900px){
  .complex-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:300px 250px 250px;
  }
  .complex-large{grid-column:1 / span 2;grid-row:1}
  .complex-card:last-child{grid-column:auto}
}
@media(max-width:640px){
  .language-switch{display:inline-flex;justify-content:center;margin:8px 0}
  .complex-projects{padding:78px 0}
  .complex-head h2{font-size:38px}
  .complex-grid{grid-template-columns:1fr;grid-template-rows:none}
  .complex-large,.complex-card:last-child{grid-column:auto;grid-row:auto}
  .complex-card{height:260px}
  html[dir="rtl"] .benefit{margin-left:0;border-left:0}
}


/* V3 enhancements */
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
.brand-wide{display:none !important}
.brand-mark{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
}
.brand-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.brand-copy strong{
  color:#201667;
  font-size:14px;
  line-height:1.15;
  letter-spacing:-.01em;
}
.brand-copy span{
  color:#5f6a89;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:none;
}
.footer-brand{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.footer-brand img{
  width:56px;
  height:56px;
  object-fit:contain;
}
.footer-brand strong{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  line-height:1.3;
}
.footer-brand p{margin:0}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 22%,rgba(255,198,0,.16),transparent 28%);
  z-index:1;
  pointer-events:none;
}
.hero-inner,.hero-controls{position:relative; z-index:2}

@media(max-width:640px){
  .brand-copy strong{font-size:11px; max-width:180px}
  .brand-mark{width:48px;height:48px;flex-basis:48px}
}


html[lang="ar"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0}
html[lang="ar"] .eyebrow{letter-spacing:0;font-weight:800}
.hero-note{margin:0 0 30px;max-width:760px;padding:16px 18px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:16px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.7;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.hero-note strong{color:#fff}
.hero-proof-3{grid-template-columns:repeat(3,1fr)}
.list-checks{list-style:none;margin:26px 0 6px;padding:0;display:grid;gap:12px}
.list-checks li{position:relative;padding-left:28px;font-weight:600;color:#23314d}
.list-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:900}
html[lang="ar"] .list-checks li{padding-left:0;padding-right:28px}
html[lang="ar"] .list-checks li::before{left:auto;right:0}
.premium-about-grid{align-items:center;gap:72px}
.premium-about-visual{position:relative;padding-bottom:34px}
.about-showcase-clean{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.72fr);gap:14px;align-items:stretch}
.about-showcase-clean .about-main,.about-showcase-clean .about-thumb{overflow:hidden;background:#dfe4eb;box-shadow:0 16px 36px rgba(18,25,54,.10)}
.about-showcase-clean .about-main{height:520px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.about-showcase-clean .about-main img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.02)}
.about-showcase-clean .about-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.about-showcase-clean .about-thumb{height:auto;min-height:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.about-showcase-clean .about-thumb img{width:100%;height:100%;object-fit:cover}
.about-showcase-clean .about-thumb:first-child img{object-position:center}
.about-showcase-clean .about-thumb:last-child img{object-position:center 58%}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 18px}
.about-values>div{padding:16px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(18,25,54,.04)}
.about-values strong{display:block;font-size:14px;color:var(--brand);margin-bottom:5px}
.about-values span{display:block;font-size:12px;line-height:1.45;color:var(--muted)}
.about-badge{position:absolute;right:26px;bottom:0;width:min(470px,82%);background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 20px 44px rgba(36,22,110,.28)}
.about-badge strong{font-size:18px;font-weight:800}
.about-badge span{display:block;margin-top:7px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.84)}
html[dir="rtl"] .about-badge{right:auto;left:26px}
@media(max-width:1180px){
  .premium-about-grid{gap:48px}
  .about-showcase-clean{grid-template-columns:minmax(0,1.35fr) minmax(180px,.7fr)}
  .about-showcase-clean .about-main{height:480px}
}
@media(max-width:980px){
  .hero-note{font-size:15px}
  .premium-about-grid{gap:34px}
  .about-showcase-clean{grid-template-columns:1fr}
  .about-showcase-clean .about-main{height:420px;clip-path:none;border-radius:18px}
  .about-showcase-clean .about-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .about-showcase-clean .about-thumb{height:190px;clip-path:none;border-radius:16px}
  .about-badge,html[dir="rtl"] .about-badge{position:relative;right:auto;left:auto;bottom:auto;margin-top:16px;width:auto}
  .about-values{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
  .hero-proof-3{grid-template-columns:1fr}
  .about-showcase-clean .about-stack{grid-template-columns:1fr}
  .about-showcase-clean .about-thumb{height:190px}
  .about-values{grid-template-columns:1fr}
  .hero-note{padding:14px 16px}
}


/* ==========================================================
   V9 FINAL — approved high-end industrial/logistics layout
   Real HETCO photography only. Red is restrained to accents.
   ========================================================== */
:root{--brand:#171d67;--brand-2:#273a8c;--red:#d52330;--red-deep:#b81723;--soft:#f5f7fb}
.utility-bar{display:none}
.nav-inner{height:78px}
.nav-shell{border-bottom:1px solid rgba(23,29,103,.08);box-shadow:0 5px 20px rgba(18,25,54,.04)}
.brand-copy strong{font-size:15px;line-height:1.2;color:var(--brand)}
.brand-copy span{font-size:10px;letter-spacing:.025em;color:#6d7891}
.mainnav{gap:22px;font-size:13px}
.mainnav>a:not(.nav-cta){padding:27px 0 24px}
.mainnav>a:not(.nav-cta)::after{bottom:16px;height:2px}
.nav-cta{border-radius:8px;background:var(--brand);padding:12px 17px}
.nav-cta:hover{background:var(--red);box-shadow:0 12px 24px rgba(213,35,48,.16)}
.language-switch{border-color:rgba(23,29,103,.16)!important}

.hero-v9{display:block;min-height:0;background:#fff;color:#fff;overflow:visible}
.hero-v9::after{display:none}
.hero-v9-stage{position:relative;height:650px;background:#0c1437;overflow:hidden}
.hero-v9-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s ease;z-index:0}
.hero-v9-panel.is-active{opacity:1;visibility:visible;z-index:1}
.hero-v9-bg{position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center;transform:scale(1.006);transition:transform 7.5s ease}
.hero-v9-panel.is-active .hero-v9-bg{transform:scale(1.035)}
.hero-v9-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,61,.91) 0%,rgba(11,28,78,.78) 32%,rgba(8,22,61,.38) 56%,rgba(8,22,61,.08) 78%)}
.hero-v9-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:62px 0}
.hero-v9-copy{max-width:680px;padding-right:20px}
.hero-v9-copy .eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:15px}
.hero-v9-copy .eyebrow::after{content:"";display:inline-block;width:48px;height:2px;background:var(--red);vertical-align:middle;margin-left:12px}
.hero-v9-copy h1{font-size:clamp(45px,5.1vw,72px);line-height:1.01;margin:0 0 20px;letter-spacing:-.042em;max-width:720px;color:#fff;text-wrap:balance}
.hero-v9-copy>p:not(.eyebrow){font-size:18px;line-height:1.58;color:rgba(255,255,255,.9);max-width:650px;margin:0 0 27px}
.hero-v9 .btn-primary{background:var(--red);border-color:var(--red)}
.hero-v9 .btn-primary:hover{background:var(--red-deep);border-color:var(--red-deep)}
.hero-v9 .btn-ghost{background:rgba(7,17,50,.22);border-color:rgba(255,255,255,.62)}
.hero-v9-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:rgba(7,17,50,.28);backdrop-filter:blur(8px);color:#fff;font-size:29px;display:grid;place-items:center;cursor:pointer;opacity:.7;transition:opacity .2s,background .2s}
.hero-v9-arrow:hover{opacity:1;background:rgba(7,17,50,.56)}
.hero-v9-prev{left:22px}.hero-v9-next{right:22px}
.hero-v9-dots{position:absolute;z-index:5;right:28px;bottom:28px;display:flex;gap:8px}
.v9-hero-dot{border:0;width:24px;height:3px;background:rgba(255,255,255,.38);padding:0;cursor:pointer;transition:width .25s,background .25s}
.v9-hero-dot.is-active{width:48px;background:#fff}
.hero-v9-strip{position:relative;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:-26px;padding-bottom:14px}
.hero-v9-strip-item{appearance:none;border:1px solid #e2e7f0;border-radius:12px;background:#fff;padding:0;overflow:hidden;box-shadow:0 12px 30px rgba(18,25,54,.10);cursor:pointer;text-align:left;transition:transform .22s,box-shadow .22s,border-color .22s}
.hero-v9-strip-item:hover,.hero-v9-strip-item.is-active{transform:translateY(-3px);box-shadow:0 18px 34px rgba(18,25,54,.15);border-color:rgba(23,29,103,.25)}
.hero-v9-strip-item img{display:block;width:100%;height:88px;object-fit:cover}
.hero-v9-strip-item span{display:block;padding:12px 13px 13px;color:#17234c;font-size:12px;font-weight:800;line-height:1.25;min-height:54px}
.hero-v9-strip-item b{color:var(--red);margin-right:7px;font-size:11px}

.about-v9{padding-top:92px;background:#fff}
.about-v9-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.28fr);gap:58px;align-items:center}
.about-v9-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.03;letter-spacing:-.035em;margin:0 0 22px;color:#151f54}
.about-v9-copy .lead{font-size:19px;line-height:1.58;color:#263454;margin-bottom:14px}
.about-v9-copy>p:not(.eyebrow):not(.lead){color:#536078;line-height:1.7}
.about-v9-points{display:grid;gap:14px;margin:26px 0}
.about-v9-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid #e8ebf2}
.about-v9-points>div:first-child{border-top:0;padding-top:0}
.about-v9-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef1f8;color:var(--brand);font-size:10px;font-weight:900}
.about-v9-points p{margin:0;color:#5a657a;font-size:13px;line-height:1.5}
.about-v9-points strong{color:#24304f;font-size:14px}
.about-v9 .brand-promise{font-size:16px;padding:18px 20px;margin:24px 0 0;border-left-width:3px;background:#f7f8fc;box-shadow:none}
.about-v9-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,52px);gap:9px;min-width:0}
.about-v9-photo{margin:0;position:relative;overflow:hidden;border-radius:10px;background:#e3e7ee;box-shadow:0 12px 26px rgba(18,25,54,.07)}
.about-v9-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .35s ease}
.about-v9-photo:hover img{transform:scale(1.025);filter:saturate(1.04)}
.about-v9-photo figcaption{position:absolute;left:10px;bottom:9px;padding:6px 9px;border-radius:6px;background:rgba(9,18,53,.72);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em}
.about-v9-large{grid-column:1/8;grid-row:1/8}
.about-v9-rig{grid-column:8/13;grid-row:1/4}
.about-v9-crane{grid-column:8/13;grid-row:4/8}
.about-v9-port{grid-column:1/5;grid-row:8/11}
.about-v9-heavy{grid-column:5/9;grid-row:8/11}
.about-v9-fleet{grid-column:9/13;grid-row:8/11}
.about-v9-large img{object-position:center 54%}
.about-v9-rig img{object-position:center 45%}
.about-v9-crane img{object-position:center 46%}
.about-v9-port img{object-position:center 52%}
.about-v9-heavy img{object-position:center 48%}
.about-v9-fleet img{object-position:center 38%}

.services-v9{background:#f4f6fa;padding-top:88px}
.services-v9 .section-head h2{color:#152052}
.service-grid-v9{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-grid-v9 .service-card{border-radius:12px;box-shadow:0 8px 20px rgba(18,25,54,.035)}
.service-grid-v9 .service-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(18,25,54,.11)}
.service-grid-v9 .service-image{height:188px}
.service-grid-v9 .service-no{color:var(--red)}
.service-grid-v9 .service-body h3{color:#16214e;font-size:18px;min-height:44px}
.service-grid-v9 .service-body p{min-height:66px}
.service-grid-v9 .service-more b{color:var(--red)}

/* legal/professional tone: local-authority card */
.why .benefit:first-child .benefit-icon{color:var(--brand)}

/* RTL refinements */
html[dir="rtl"] .hero-v9-shade{background:linear-gradient(270deg,rgba(8,20,61,.92) 0%,rgba(11,28,78,.79) 32%,rgba(8,22,61,.40) 56%,rgba(8,22,61,.08) 78%)}
html[dir="rtl"] .hero-v9-copy{padding-right:0;padding-left:20px}
html[dir="rtl"] .hero-v9-copy .eyebrow::after{margin-left:0;margin-right:12px}
html[dir="rtl"] .hero-v9-strip-item{text-align:right}
html[dir="rtl"] .hero-v9-strip-item b{margin-right:0;margin-left:7px}
html[dir="rtl"] .hero-v9-dots{right:auto;left:28px}
html[dir="rtl"] .about-v9-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.28fr)}
html[dir="rtl"] .about-v9-points>div{grid-template-columns:42px 1fr}
html[dir="rtl"] .about-v9-photo figcaption{left:auto;right:10px}
html[dir="rtl"] .about-v9 .brand-promise{border-left:0;border-right:3px solid var(--red)}
html[dir="rtl"] .service-card{text-align:right}

@media(max-width:1180px){
  .brand-copy strong{font-size:13px}.brand-copy span{display:none}.mainnav{gap:17px}
  .hero-v9-stage{height:610px}.hero-v9-strip{gap:8px}.hero-v9-strip-item img{height:78px}.hero-v9-strip-item span{font-size:11px}
  .about-v9-grid{grid-template-columns:1fr;gap:36px}.about-v9-collage{grid-template-rows:repeat(10,48px)}
}
@media(max-width:900px){
  .nav-inner{height:72px}.brand-copy strong{font-size:12px}.nav-toggle{display:block}.mainnav{top:72px}
  .hero-v9-stage{height:620px}.hero-v9-inner{padding:50px 0}.hero-v9-copy{max-width:610px}.hero-v9-copy h1{font-size:52px}
  .hero-v9-strip{grid-template-columns:repeat(5,200px);overflow-x:auto;padding-bottom:17px;scroll-snap-type:x mandatory}.hero-v9-strip-item{scroll-snap-align:start}
  .service-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .brand-copy strong{font-size:10.5px;max-width:190px}.brand-mark{width:46px;height:46px;flex-basis:46px}
  .hero-v9-stage{height:610px}.hero-v9-copy h1{font-size:40px;line-height:1.04}.hero-v9-copy>p:not(.eyebrow){font-size:16px}.hero-v9-arrow{display:none}.hero-v9-dots{bottom:18px}
  .hero-v9-strip{margin-top:-16px;padding-left:14px;padding-right:14px;width:100%;grid-template-columns:repeat(5,178px)}
  .about-v9{padding-top:68px}.about-v9-copy h2{font-size:38px}.about-v9-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:8px}.about-v9-photo{height:180px}.about-v9-large{grid-column:1/3;grid-row:auto;height:270px}.about-v9-rig,.about-v9-crane,.about-v9-port,.about-v9-heavy,.about-v9-fleet{grid-column:auto;grid-row:auto}.about-v9-fleet{grid-column:1/3}
  .service-grid-v9{grid-template-columns:1fr}.service-grid-v9 .service-image{height:215px}.service-grid-v9 .service-body p{min-height:0}
}


/* ==========================================================
   V10 FINAL — real-photo/CSP-safe hero, unique image mapping
   ========================================================== */
.hero-v10 .hero-v9-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:none!important;
  transform:scale(1.002);
  transition:transform 7s ease;
}
.hero-v10 .hero-v9-panel.is-active .hero-v9-bg{transform:scale(1.018)}
.hero-v10-img-1{object-position:center 56%}
.hero-v10-img-2{object-position:center 48%}
.hero-v10-img-3{object-position:center 44%}
.hero-v10-img-4{object-position:center 48%}
.hero-v10-img-5{object-position:center 38%}
.hero-v10 .hero-v9-shade{background:linear-gradient(90deg,rgba(7,18,58,.93) 0%,rgba(9,28,80,.78) 32%,rgba(8,23,65,.34) 58%,rgba(8,23,65,.04) 82%)}
html[dir="rtl"] .hero-v10 .hero-v9-shade{background:linear-gradient(270deg,rgba(7,18,58,.93) 0%,rgba(9,28,80,.78) 32%,rgba(8,23,65,.34) 58%,rgba(8,23,65,.04) 82%)}
.hero-v10 .hero-v9-copy h1{max-width:760px}
.hero-v10 .hero-v9-dots{bottom:24px}
/* About collage: editorial images only — no visible name tags */
.about-v9-photo figcaption{display:none!important}
.about-v9-photo::after{display:none!important}
.about-v9-photo img{filter:none}
.about-v9-photo:hover img{transform:scale(1.018);filter:none}
.about-v9-large img{object-position:center 55%}
.about-v9-rig img{object-position:center 48%}
.about-v9-crane img{object-position:center 40%}
.about-v9-port img{object-position:center 48%}
.about-v9-heavy img{object-position:center 46%}
.about-v9-fleet img{object-position:center 45%}
/* Service imagery: consistent crops according to service */
.service-grid-v9 .service-image img{object-position:center center}
.service-grid-v9 [data-service="lifting"] .service-image img{object-position:center 55%}
.service-grid-v9 [data-service="personnel"] .service-image img{object-position:center 52%}
.service-grid-v9 [data-service="rigmoves"] .service-image img{object-position:center 56%}
@media(max-width:640px){
  .hero-v10 .hero-v9-stage{height:600px}
  .hero-v10-img-1{object-position:58% center}
  .hero-v10-img-2{object-position:56% center}
  .hero-v10-img-3{object-position:56% center}
  .hero-v10-img-4{object-position:60% center}
  .hero-v10-img-5{object-position:47% center}
}


/* ===== V11 hero and about refinement ===== */
.hero-v11{display:block;background:#fff;color:#fff;overflow:hidden}
.hero-v11-stage{position:relative;min-height:700px;background:radial-gradient(circle at top right,rgba(70,128,226,.22),transparent 32%),linear-gradient(108deg,#08235f 0%,#0a2f7a 42%,#0b3b92 100%);overflow:hidden}
.hero-v11-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,52,.22),transparent 48%,rgba(255,255,255,.03) 100%);pointer-events:none}
.hero-v11 .hero-v9-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.hero-v11 .hero-v9-panel.is-active{opacity:1;visibility:visible;z-index:1}
.hero-v11-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:34px;min-height:700px;padding:64px 0 185px}
.hero-v11-copy{max-width:420px}
.hero-v11-copy .eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:16px}
.hero-v11-copy .eyebrow::after{content:"";display:inline-block;width:54px;height:2px;background:var(--red);vertical-align:middle;margin-left:12px}
.hero-v11-copy h1{font-size:clamp(46px,5vw,76px);line-height:.98;margin:0 0 18px;color:#fff;letter-spacing:-.04em;text-wrap:balance}
.hero-v11-copy p:not(.eyebrow){font-size:18px;line-height:1.6;color:rgba(255,255,255,.92);margin:0 0 28px}
.hero-v11 .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-v11 .btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.48);box-shadow:none}
.hero-v11-media{align-self:end;justify-self:end;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:40px}
.hero-v11-image{display:block;max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 30px 42px rgba(8,20,61,.28))}
.hero-v11-image-main{max-height:540px}
.hero-v11-bottom{position:absolute;left:0;right:0;bottom:28px;z-index:5}
.hero-v11-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:stretch}
.hero-v11-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.hero-v11-strip-item{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(6,17,50,.42);backdrop-filter:blur(10px);border-radius:12px;min-height:88px;padding:10px 12px;display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;color:#fff;box-shadow:0 14px 28px rgba(7,16,44,.18)}
.hero-v11-strip-item:hover,.hero-v11-strip-item.is-active{background:rgba(8,24,70,.7);border-color:rgba(255,255,255,.34);transform:translateY(-2px)}
.hero-v11-strip-item.is-active{box-shadow:0 16px 36px rgba(4,14,40,.24)}
.hero-v11-strip-item img{width:86px;height:54px;display:block;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12)}
.hero-v11-strip-meta{display:grid;gap:4px;min-width:0}
.hero-v11-strip-meta b{font-size:12px;color:#ff6575;letter-spacing:.08em}
.hero-v11-strip-meta strong{font-size:15px;line-height:1.28;font-weight:800;color:#fff}
.hero-v11-nav{display:flex;gap:10px;align-items:center}
.hero-v11-arrow{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(7,17,50,.48);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.hero-v11-arrow:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42);transform:translateY(-1px)}
.hero-v11-arrow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hero-v11-dots{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:6;gap:8px}
.hero-v11-dots .v9-hero-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.24)}
.hero-v11-dots .v9-hero-dot.is-active{background:#fff;border-color:#fff}

.about-v11{padding-top:88px}
.about-v11 .about-v9-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:center}
.about-v11 .about-v9-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.02;margin:0 0 18px;color:#16245f}
.about-v11 .about-v9-copy .lead{font-size:19px;line-height:1.62;color:#22345f;margin:0 0 10px}
.about-v11 .about-v9-copy>p:not(.eyebrow):not(.lead){color:#58657f;line-height:1.74}
.about-v11-features{display:grid;gap:18px;margin-top:28px}
.about-v11-feature{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.about-v11-feature h3{margin:0;font-size:18px;line-height:1.45;color:#1f2e59;font-weight:600}
.about-v11-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0d2d74;color:#fff;box-shadow:0 8px 18px rgba(13,45,116,.16)}
.about-v11-icon svg{width:22px;height:22px;fill:currentColor}
.about-v11-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,50px);gap:10px;min-width:0}
.about-v11-photo{margin:0;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 12px 28px rgba(18,25,54,.08);background:#e9edf5}
.about-v11-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.about-v11-photo:hover img{transform:scale(1.02)}
.about-v11-large{grid-column:1/8;grid-row:1/8}.about-v11-rig{grid-column:8/13;grid-row:1/4}.about-v11-crane{grid-column:8/13;grid-row:4/7}.about-v11-port{grid-column:1/5;grid-row:8/11}.about-v11-heavy{grid-column:5/9;grid-row:8/11}.about-v11-field{grid-column:9/13;grid-row:7/11}
.about-v11-large img{object-position:center 50%}.about-v11-rig img{object-position:center 52%}.about-v11-crane img{object-position:center 45%}.about-v11-port img{object-position:center 52%}.about-v11-heavy img{object-position:center 48%}.about-v11-field img{object-position:center 50%}

html[dir="rtl"] .hero-v11-copy .eyebrow::after{margin-left:0;margin-right:12px}
html[dir="rtl"] .hero-v11-bottom-grid{grid-template-columns:auto minmax(0,1fr)}
html[dir="rtl"] .hero-v11-strip-item{text-align:right;grid-template-columns:1fr 86px}
html[dir="rtl"] .hero-v11-strip-item img{order:2}
html[dir="rtl"] .hero-v11-strip-meta{order:1}
html[dir="rtl"] .hero-v11-copy{max-width:450px}
html[dir="rtl"] .hero-v11-inner{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
html[dir="rtl"] .hero-v11-copy p:not(.eyebrow),html[dir="rtl"] .hero-v11-copy h1{text-align:right}
html[dir="rtl"] .hero-v11-media{justify-self:start;justify-content:flex-start}
html[dir="rtl"] .hero-v11-image{object-position:left bottom}
html[dir="rtl"] .hero-v11-nav{order:-1}
html[dir="rtl"] .hero-v11-dots{left:auto;right:50%;transform:translateX(50%)}
html[dir="rtl"] .about-v11-feature{grid-template-columns:1fr 52px}
html[dir="rtl"] .about-v11-icon{order:2}
html[dir="rtl"] .about-v11-feature h3{text-align:right}

@media (max-width: 1220px){
  .hero-v11-inner{grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:24px}
  .hero-v11-copy h1{font-size:60px}.hero-v11-strip-meta strong{font-size:14px}
}
@media (max-width: 1080px){
  .hero-v11-stage,.hero-v11-inner{min-height:660px}.hero-v11-inner{grid-template-columns:1fr;gap:18px;padding:56px 0 210px}.hero-v11-copy{max-width:680px}.hero-v11-media{justify-self:center;align-self:end}.hero-v11-image{max-height:340px}
  .hero-v11-bottom-grid{grid-template-columns:1fr}.hero-v11-nav{justify-content:flex-end}.hero-v11-strip{grid-template-columns:repeat(5,220px);overflow-x:auto;padding-bottom:4px}
  html[dir="rtl"] .hero-v11-bottom-grid{grid-template-columns:1fr} html[dir="rtl"] .hero-v11-nav{order:0;justify-content:flex-start}
  .about-v11 .about-v9-grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width: 700px){
  .hero-v11-stage,.hero-v11-inner{min-height:620px}.hero-v11-inner{padding:48px 0 150px}.hero-v11-copy h1{font-size:42px;line-height:1.03}.hero-v11-copy p:not(.eyebrow){font-size:16px}.hero-v11-image{max-height:250px}
  .hero-v11-bottom{display:none}.hero-v11-dots{display:flex}
  .about-v11{padding-top:70px}.about-v11 .about-v9-copy h2{font-size:38px}.about-v11-feature{grid-template-columns:44px 1fr}.about-v11-icon{width:40px;height:40px}.about-v11-feature h3{font-size:16px}
  .about-v11-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:8px}.about-v11-photo{height:190px}.about-v11-large{grid-column:1/3;grid-row:auto;height:260px}.about-v11-rig,.about-v11-crane,.about-v11-port,.about-v11-heavy,.about-v11-field{grid-column:auto;grid-row:auto}.about-v11-field{grid-column:1/3}
  html[dir="rtl"] .about-v11-feature{grid-template-columns:1fr 44px}
}


/* ===== V12 final review layout ===== */
.hero-v12{background:#fff;color:#fff;overflow:hidden}
.hero-v12-stage{position:relative;height:575px;background:linear-gradient(110deg,#072661 0%,#0b397e 46%,#e8f1fb 46.2%,#edf5fc 100%);overflow:hidden}
.hero-v12-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.hero-v12-panel.is-active{opacity:1;visibility:visible;z-index:1}
.hero-v12-inner{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch;height:575px;position:relative}
.hero-v12-copy{align-self:center;padding:44px 0 48px;max-width:570px;z-index:2}
.hero-kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.86);margin:0 0 18px;display:flex;align-items:center;gap:12px}.hero-kicker::after{content:"";width:62px;height:2px;background:var(--red);display:inline-block}
.hero-v12-copy h1{font-size:clamp(46px,5vw,74px);line-height:.98;letter-spacing:-.045em;color:#fff;margin:0 0 18px;text-wrap:balance}.hero-v12-copy>p:not(.hero-kicker){font-size:17px;line-height:1.58;color:rgba(255,255,255,.9);max-width:530px;margin:0 0 28px}
.hero-v12 .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-v12 .btn-ghost{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.04);box-shadow:none}
.hero-v12-media{height:575px;display:flex;align-items:center;justify-content:center;padding:18px 0 18px 28px;overflow:hidden}.hero-v12-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;filter:none}
.hero-v12-navband{background:#0b2d69;color:#fff;border-top:1px solid rgba(255,255,255,.12)}.hero-v12-navgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px}.hero-v12-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.hero-v12-tab{border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:12px;padding:10px 14px;min-height:86px;text-align:left;cursor:pointer;position:relative}.hero-v12-tab:first-child{border-left:1px solid rgba(255,255,255,.12)}.hero-v12-tab::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:transparent}.hero-v12-tab.is-active::after{background:var(--red)}.hero-v12-tab img{width:82px;height:52px;object-fit:cover;border-radius:4px}.hero-v12-tab b{display:inline-block;color:#ff6574;font-size:12px;margin-bottom:3px}.hero-v12-tab strong{display:block;color:#fff;font-size:14px;line-height:1.22}.hero-v12-tab:hover{background:rgba(255,255,255,.05)}
.hero-v12-arrows{display:flex;align-items:center;gap:8px;padding:0 8px}.hero-v12-arrow{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer}.hero-v12-arrow:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.6)}

.about-v12{padding:86px 0 80px;background:#fff}.about-v12-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:50px;align-items:center}.about-v12-copy h2{font-size:clamp(42px,4.4vw,62px);line-height:1.01;letter-spacing:-.035em;color:#15245d;margin:0 0 20px}.about-v12-copy .lead{font-size:18px;line-height:1.62;color:#263b6b;margin-bottom:10px}.about-v12-copy>p:not(.eyebrow):not(.lead){line-height:1.72;color:#63708a}.about-v12-features{display:grid;gap:16px;margin-top:28px}.about-v12-features article{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center}.about-v12-features p{margin:0;color:#24345f;font-size:16px;line-height:1.45}.about-feature-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0c2d72;color:#fff}.about-feature-icon svg{width:21px;height:21px;fill:currentColor}
.about-v12-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,58px);gap:8px}.about-v12-collage figure{margin:0;overflow:hidden;border-radius:9px;background:#eef2f8;box-shadow:0 10px 24px rgba(18,34,72,.08)}.about-v12-collage img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.about-v12-collage figure:hover img{transform:scale(1.025)}.about-v12-collage .a1{grid-column:1/8;grid-row:1/6}.about-v12-collage .a2{grid-column:8/13;grid-row:1/3}.about-v12-collage .a3{grid-column:8/13;grid-row:3/6}.about-v12-collage .a4{grid-column:1/5;grid-row:6/9}.about-v12-collage .a5{grid-column:5/9;grid-row:6/9}.about-v12-collage .a6{grid-column:9/13;grid-row:6/9}.about-v12-collage .a1 img{object-position:center 48%}.about-v12-collage .a2 img{object-position:center 52%}.about-v12-collage .a3 img{object-position:center 43%}.about-v12-collage .a4 img{object-position:center 50%}.about-v12-collage .a5 img{object-position:center 50%}.about-v12-collage .a6 img{object-position:center 50%}

.services-v12{background:linear-gradient(180deg,#f5f9ff 0%,#edf4fd 100%);padding:78px 0}.section-head-v12{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,470px);gap:34px;align-items:end;margin-bottom:28px}.section-head-v12 h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.035em;color:#15245d;margin:0}.section-head-v12>p{margin:0;color:#64718a;line-height:1.65}.services-v12-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-v12-card{border:1px solid rgba(15,45,108,.1);background:#fff;border-radius:10px;overflow:hidden;padding:0;text-align:left;box-shadow:0 12px 28px rgba(16,45,96,.07);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.service-v12-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,45,96,.14);border-color:rgba(15,45,108,.18)}.service-v12-image{height:166px;overflow:hidden}.service-v12-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.service-v12-card:hover .service-v12-image img{transform:scale(1.035)}.service-v12-band{min-height:68px;background:#0b2d69;color:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:11px 13px}.service-v12-icon{display:grid;place-items:center;width:34px;height:34px;border-right:1px solid rgba(255,255,255,.23);padding-right:9px}.service-v12-icon svg{width:22px;height:22px;fill:currentColor}.service-v12-band b{display:block;color:#ff6876;font-size:11px;letter-spacing:.08em;margin-bottom:2px}.service-v12-band strong{font-size:14px;line-height:1.22;color:#fff}.service-v12-arrow{font-size:19px;color:#fff}.service-v12-summary{padding:13px 15px 15px;min-height:122px}.service-v12-summary p{margin:0 0 10px;color:#5b6780;font-size:14px;line-height:1.5}.service-v12-summary span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#0c2d72}

.projects-v12{padding:82px 0;background:#fff}.projects-v12-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,470px);gap:32px;align-items:end;margin-bottom:28px}.projects-v12-head h2{font-size:clamp(42px,4.5vw,64px);line-height:.98;letter-spacing:-.04em;color:#15245d;margin:0 0 6px}.projects-v12-tagline{font-size:23px!important;font-weight:800;color:#377bd0!important;margin:0!important}.projects-v12-head>p{margin:0;color:#66728a;line-height:1.65}.projects-v12-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:255px 220px;gap:12px}.project-v12-card{position:relative;overflow:hidden;border:0;border-radius:9px;padding:0;background:#e9eef7;cursor:pointer;box-shadow:0 10px 22px rgba(18,34,72,.07)}.project-v12-card.project-v12-large{grid-column:1/3;grid-row:1/3}.project-v12-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.project-v12-card:hover img{transform:scale(1.025)}.project-v12-card::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(5,20,55,.76))}.project-v12-card span{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-size:15px;font-weight:800}

html[dir="rtl"] .hero-kicker::after{order:-1}.hero-v12[dir="rtl"]{}
html[dir="rtl"] .hero-v12-tab{text-align:right;grid-template-columns:1fr 82px}.hero-v12-tab img{order:0}html[dir="rtl"] .hero-v12-tab img{order:2}html[dir="rtl"] .hero-v12-tab span{order:1}html[dir="rtl"] .about-v12-features article{grid-template-columns:1fr 48px}html[dir="rtl"] .about-feature-icon{order:2}html[dir="rtl"] .service-v12-card{text-align:right}html[dir="rtl"] .service-v12-band{grid-template-columns:24px minmax(0,1fr) 40px}html[dir="rtl"] .service-v12-arrow{order:1}html[dir="rtl"] .service-v12-band div{order:2}html[dir="rtl"] .service-v12-icon{order:3;border-right:0;border-left:1px solid rgba(255,255,255,.23);padding-right:0;padding-left:9px}html[dir="rtl"] .project-v12-card span{left:auto;right:16px}

@media(max-width:1120px){.hero-v12-stage,.hero-v12-inner,.hero-v12-media{height:535px}.hero-v12-inner{grid-template-columns:44% 56%}.hero-v12-tabs{overflow-x:auto;grid-template-columns:repeat(5,240px)}.services-v12-grid{grid-template-columns:repeat(2,1fr)}.about-v12-grid{grid-template-columns:1fr;gap:35px}.projects-v12-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 220px 220px}.project-v12-card.project-v12-large{grid-column:1/3;grid-row:1}}
@media(max-width:760px){.hero-v12-stage{height:auto;min-height:620px;background:linear-gradient(180deg,#072661 0%,#0b397e 58%,#eef5fc 58.2%,#eef5fc 100%)}.hero-v12-inner{height:auto;min-height:620px;display:grid;grid-template-columns:1fr;padding:38px 0 18px}.hero-v12-copy{max-width:none;padding:0 0 18px}.hero-v12-copy h1{font-size:42px}.hero-v12-media{height:260px;padding:0}.hero-v12-image{max-height:250px}.hero-v12-navgrid{grid-template-columns:1fr}.hero-v12-arrows{display:none}.hero-v12-tabs{grid-template-columns:repeat(5,210px);padding:0 0 4px}.hero-v12-tab{min-height:74px;grid-template-columns:68px 1fr}.hero-v12-tab img{width:68px;height:46px}.section-head-v12,.projects-v12-head{grid-template-columns:1fr}.services-v12-grid{grid-template-columns:1fr}.about-v12-collage{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.about-v12-collage figure{height:180px}.about-v12-collage .a1{grid-column:1/3;grid-row:auto;height:250px}.about-v12-collage .a2,.about-v12-collage .a3,.about-v12-collage .a4,.about-v12-collage .a5{grid-column:auto;grid-row:auto}.about-v12-collage .a6{grid-column:1/3;grid-row:auto}.projects-v12-grid{grid-template-columns:1fr;grid-template-rows:none}.projects-v12-grid .project-v12-card,.project-v12-card.project-v12-large{grid-column:auto;grid-row:auto;height:230px}}


/* ===== V13 international corporate refinement ===== */
:root{--v13-navy:#0b2e72;--v13-navy-deep:#08245b;--v13-red:#e61f36;--v13-ink:#14245b;--v13-muted:#66728b;--v13-pale:#f4f8fe}
.brand-mark{display:block!important;width:52px!important;height:66px!important;object-fit:contain!important;background:transparent!important}
.nav-inner{min-height:76px}.brand{gap:12px}.brand-copy strong{font-size:15px!important;font-weight:800;color:#182365!important}.brand-copy span{font-size:9.5px!important;letter-spacing:.025em!important}.mainnav{gap:25px}.mainnav>a{font-weight:700}.nav-cta{background:#17236f!important;border-radius:8px!important;padding:13px 18px!important}.language-switch{border-radius:999px!important}

/* Hero: full photographic treatment instead of split card */
.hero-v12{background:#fff}.hero-v12-stage{height:570px;background:var(--v13-navy-deep);position:relative;overflow:hidden}.hero-v12-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.hero-v12-panel.is-active{opacity:1;visibility:visible;z-index:2}.hero-v12-inner{height:570px;display:block;position:relative;padding:0}.hero-v12-media{position:absolute;z-index:0;right:0;top:0;width:73%;height:100%;padding:0;overflow:hidden;background:#dfe9f6}.hero-v12-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,36,91,.92) 0%,rgba(8,36,91,.64) 18%,rgba(8,36,91,.18) 43%,rgba(8,36,91,0) 66%);pointer-events:none}.hero-v12-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 52%;display:block;filter:none}.hero-v12-panel:first-child .hero-v12-image{object-position:center 48%}.hero-v12-copy{position:relative;z-index:2;max-width:540px;padding:72px 0 40px;color:#fff}.hero-kicker{font-size:12px!important;letter-spacing:.15em!important;margin-bottom:24px!important;max-width:480px}.hero-v12-copy h1{font-size:clamp(46px,4.8vw,70px);line-height:.98;max-width:520px;margin-bottom:20px}.hero-v12-copy>p:not(.hero-kicker){font-size:17px;line-height:1.55;max-width:505px}.hero-v12 .hero-actions{margin-top:28px}.hero-v12 .btn-primary{background:var(--v13-red);box-shadow:none}.hero-v12 .btn-ghost{border-color:rgba(255,255,255,.62);background:rgba(5,27,70,.2)}
.hero-v12-navband{background:#0a2c68;border-top:1px solid rgba(255,255,255,.1)}.hero-v12-navgrid{min-height:88px}.hero-v12-tab{min-height:88px;padding:10px 13px;grid-template-columns:76px 1fr;gap:11px}.hero-v12-tab img{width:76px;height:50px;border-radius:5px}.hero-v12-tab strong{font-size:13px;line-height:1.2}.hero-v12-tab b{font-size:11px}.hero-v12-tab::after{left:13px;right:13px;height:2px}.hero-v12-arrows{padding:0 4px 0 12px}.hero-v12-arrow{width:42px;height:42px;font-size:0;position:relative}.hero-v12-arrow::before{content:"";width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;display:block}.hero-v12-prev::before{transform:rotate(-135deg);margin-left:4px}.hero-v12-next::before{transform:rotate(45deg);margin-right:4px}.hero-v12-arrow span{display:none}

/* About: annual-report editorial collage */
.about-v12{padding:82px 0 82px}.about-v12-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:center}.about-v12-copy h2{font-size:clamp(42px,4vw,60px);max-width:580px}.about-v12-copy .lead{font-size:18px;line-height:1.58}.about-v12-features{gap:15px;margin-top:27px}.about-v12-features article{grid-template-columns:46px 1fr}.about-feature-icon{width:42px;height:42px;background:#0b327b}.about-v12-features p{font-size:15px;line-height:1.45;color:#26375f}
.about-v12-collage{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,36px);gap:8px;min-height:520px}.about-v12-collage figure{border-radius:7px;box-shadow:0 10px 22px rgba(18,34,72,.08)}.about-v12-collage .a1{grid-column:1/7;grid-row:1/13}.about-v12-collage .a2{grid-column:7/13;grid-row:1/5}.about-v12-collage .a3{grid-column:7/10;grid-row:5/9}.about-v12-collage .a4{grid-column:10/13;grid-row:5/9}.about-v12-collage .a5{grid-column:7/10;grid-row:9/13}.about-v12-collage .a6{grid-column:10/13;grid-row:9/13}.about-v12-collage .a1 img{object-position:center 50%}.about-v12-collage .a2 img{object-position:center 52%}.about-v12-collage .a3 img{object-position:center 46%}.about-v12-collage .a4 img{object-position:center 52%}.about-v12-collage .a5 img{object-position:center 50%}.about-v12-collage .a6 img{object-position:center 50%}

/* Services: photo-led cards with a restrained title rail */
.services-v12{background:linear-gradient(180deg,#f7faff 0%,#eef5fd 100%);padding:74px 0 80px}.section-head-v12{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.section-head-v12 h2{font-size:clamp(36px,3.7vw,54px);max-width:780px}.section-text-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#172d72;text-decoration:none;font-weight:800;font-size:14px;border-bottom:2px solid var(--v13-red);padding-bottom:5px}.services-v12-grid{gap:14px}.service-v12-card{border:0;border-radius:9px;box-shadow:0 10px 24px rgba(15,45,100,.08);background:#fff;position:relative}.service-v12-image{height:190px}.service-v12-band{min-height:54px;background:#0b3279;grid-template-columns:30px minmax(0,1fr) 28px;gap:9px;padding:8px 11px}.service-v12-icon{width:28px;height:28px;padding-right:8px}.service-v12-icon svg{width:18px;height:18px}.service-v12-band b{font-size:10px;margin:0 0 1px}.service-v12-band strong{font-size:13px;line-height:1.2}.service-v12-arrow{width:24px;height:24px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:14px}.service-v12-summary{display:none}.service-v12-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,45,100,.14)}.service-v12-card:hover .service-v12-band{background:#082b69}

/* Projects: clean editorial gallery */
.projects-v12{padding:82px 0 88px;background:#fff}.projects-v12-head{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:44px;margin-bottom:30px}.projects-v12-head h2{font-size:clamp(42px,4.2vw,62px);line-height:1.01;max-width:800px}.projects-v12-head>p{font-size:16px;line-height:1.7}.projects-v12-grid{grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:235px 235px;gap:10px}.project-v12-card.project-v12-large{grid-column:1;grid-row:1/3}.project-v12-card:nth-child(2){grid-column:2;grid-row:1}.project-v12-card:nth-child(3){grid-column:3;grid-row:1}.project-v12-card:nth-child(4){grid-column:2;grid-row:2}.project-v12-card:nth-child(5){grid-column:3;grid-row:2}.project-v12-card{border-radius:8px}.project-v12-card::after{inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(5,24,60,.8))}.project-v12-card span{font-size:14px;letter-spacing:.01em;bottom:13px}.project-v12-card:hover span{color:#fff}

/* Remove duplicated benefit section in V13; About already carries these points */
#why{display:none!important}

html[dir="rtl"] .hero-v12-media{right:auto;left:0}.hero-v12-panel[dir="rtl"]{}
html[dir="rtl"] .hero-v12-media::after{background:linear-gradient(270deg,rgba(8,36,91,.92) 0%,rgba(8,36,91,.64) 18%,rgba(8,36,91,.18) 43%,rgba(8,36,91,0) 66%)}
html[dir="rtl"] .hero-v12-copy{margin-right:0;margin-left:auto;text-align:right}.rtl-page .hero-v12-copy{margin-right:0;margin-left:auto}.rtl-page .hero-v12-copy h1,.rtl-page .hero-v12-copy>p{text-align:right}.rtl-page .hero-v12-media{right:auto;left:0}.rtl-page .hero-v12-media::after{background:linear-gradient(270deg,rgba(8,36,91,.92) 0%,rgba(8,36,91,.64) 18%,rgba(8,36,91,.18) 43%,rgba(8,36,91,0) 66%)}
html[dir="rtl"] .section-text-link{flex-direction:row-reverse}
html[dir="rtl"] .service-v12-band{grid-template-columns:28px minmax(0,1fr) 30px}

@media(max-width:1120px){
  .mainnav{gap:15px}.brand-copy span{display:none}.hero-v12-stage,.hero-v12-inner{height:540px}.hero-v12-media{width:76%;height:540px}.hero-v12-copy{padding-top:60px;max-width:470px}.hero-v12-copy h1{font-size:54px}.about-v12-grid{grid-template-columns:1fr;gap:36px}.about-v12-collage{min-height:500px}.services-v12-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .brand-copy strong{font-size:11.5px!important;max-width:210px}.brand-mark{width:44px!important;height:54px!important}.hero-v12-stage{height:650px;min-height:650px;background:#08285f}.hero-v12-inner{height:650px;min-height:650px;padding:0}.hero-v12-media{position:absolute;width:100%;height:300px;left:0!important;right:0!important;top:auto;bottom:0}.hero-v12-media::after,.rtl-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(8,36,91,0) 0%,rgba(8,36,91,.12) 72%,rgba(8,36,91,.4) 100%)}.hero-v12-copy{padding:42px 0 18px;max-width:none}.hero-v12-copy h1{font-size:42px;max-width:100%}.hero-v12-copy>p:not(.hero-kicker){font-size:15px;max-width:100%}.hero-v12-navgrid{display:block}.hero-v12-arrows{display:none}.hero-v12-tabs{display:grid;grid-template-columns:repeat(5,210px);overflow-x:auto}.hero-v12-tab{grid-template-columns:65px 1fr;min-height:72px}.hero-v12-tab img{width:65px;height:44px}
  .section-head-v12{display:block}.section-text-link{margin-top:14px}.services-v12-grid{grid-template-columns:1fr}.service-v12-image{height:210px}.about-v12-collage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:none;min-height:0}.about-v12-collage figure{height:180px!important;grid-column:auto!important;grid-row:auto!important}.about-v12-collage .a1{grid-column:1/3!important;height:260px!important}.projects-v12-head{grid-template-columns:1fr}.projects-v12-grid{grid-template-columns:1fr;grid-template-rows:none}.projects-v12-grid .project-v12-card,.project-v12-card.project-v12-large{grid-column:auto!important;grid-row:auto!important;height:230px}.about-v12-copy h2,.projects-v12-head h2{font-size:38px}
}


/* ==========================================================
   V14 FINAL REVIEW — one-line identity, approved About + Services,
   fully responsive phone/tablet/laptop/desktop refinements
   ========================================================== */
:root{--v14-navy:#142266;--v14-red:#d92533;--v14-soft:#f5f7fb;--v14-line:#dde3ee;}

/* Header identity: keep full company name on one line */
.nav-inner{min-height:78px;display:flex;align-items:center;gap:24px}
.brand{min-width:0;flex:1 1 auto;max-width:575px;gap:12px}
.brand-mark{width:58px!important;height:58px!important;flex:0 0 58px!important}
.brand-copy{min-width:0;overflow:visible}
.brand-copy strong{display:block!important;white-space:nowrap!important;max-width:none!important;font-size:15px!important;line-height:1.15!important;letter-spacing:-.018em!important}
.brand-copy span{white-space:nowrap;font-size:9.5px!important}
.mainnav{flex:0 0 auto;gap:21px}
.mainnav>a{white-space:nowrap}

/* About section: compact text + 1 large / 2 medium / 3 supporting images */
.about-v12{padding:72px 0 74px!important;background:#fff}
.about-v12-grid{grid-template-columns:minmax(340px,.72fr) minmax(0,1.38fr)!important;gap:44px!important;align-items:center!important}
.about-v12-copy .eyebrow{margin-bottom:14px}
.about-v12-copy h2{font-size:clamp(38px,3.6vw,54px)!important;line-height:1.02!important;max-width:520px;margin-bottom:18px!important}
.about-v12-copy .lead{font-size:16px!important;line-height:1.55!important;margin-bottom:14px!important;color:#203266!important}
.about-v12-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.68;color:#5f6d87;margin-bottom:0}
.about-v12-features{margin-top:24px!important;gap:14px!important}
.about-v12-features article{grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center}
.about-feature-icon{width:38px!important;height:38px!important}
.about-feature-icon svg{width:18px!important;height:18px!important}
.about-v12-features p{font-size:13px!important;line-height:1.42!important;color:#24345f!important}
.about-v12-collage{grid-template-columns:repeat(12,1fr)!important;grid-template-rows:repeat(10,42px)!important;gap:7px!important;min-height:427px!important}
.about-v12-collage figure{border-radius:4px!important;box-shadow:none!important;background:#edf1f6}
.about-v12-collage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.about-v12-collage figure:hover img{transform:scale(1.018)}
.about-v12-collage .a1{grid-column:1/8!important;grid-row:1/8!important}
.about-v12-collage .a2{grid-column:8/13!important;grid-row:1/4!important}
.about-v12-collage .a3{grid-column:8/13!important;grid-row:4/8!important}
.about-v12-collage .a4{grid-column:1/5!important;grid-row:8/11!important}
.about-v12-collage .a5{grid-column:5/9!important;grid-row:8/11!important}
.about-v12-collage .a6{grid-column:9/13!important;grid-row:8/11!important}
.about-v12-collage .a1 img{object-position:center 52%}.about-v12-collage .a2 img{object-position:center 50%}.about-v12-collage .a3 img{object-position:center 48%}.about-v12-collage .a4 img,.about-v12-collage .a5 img,.about-v12-collage .a6 img{object-position:center 50%}

/* Services: approved white editorial cards, no solid blue title block */
.services-v12{padding:70px 0 78px!important;background:linear-gradient(180deg,#f7f9fc 0%,#f2f5fa 100%)!important}
.section-head-v12{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:52px!important;align-items:end!important;margin-bottom:34px!important}
.section-head-v12 h2{font-size:clamp(42px,4.1vw,62px)!important;line-height:1.04!important;max-width:700px!important;color:var(--v14-navy)!important}
.section-head-v12>p{margin:0!important;font-size:16px!important;line-height:1.75!important;color:#697590!important;max-width:520px!important;justify-self:end}
.services-v12-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.service-v12-card{display:block!important;overflow:hidden!important;border:1px solid #e1e6ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 10px 25px rgba(16,45,96,.055)!important;text-align:left!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.service-v12-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 36px rgba(16,45,96,.12)!important;border-color:#d3dbea!important}
.service-v12-image{height:188px!important;overflow:hidden!important;background:#e7ebf1}
.service-v12-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.service-v12-card:hover .service-v12-image img{transform:scale(1.025)}
.service-v12-band,.service-v12-summary{display:none!important}
.service-v14-body{min-height:252px;padding:24px 21px 20px;display:flex;flex-direction:column}
.service-v14-title{display:block}
.service-v14-number{display:block;color:var(--v14-red);font-size:12px;font-weight:900;letter-spacing:.09em;margin-bottom:14px}
.service-v14-title h3{margin:0;color:#0f2361;font-size:18px;line-height:1.28;letter-spacing:-.015em;min-height:48px}
.service-v14-body>p{margin:16px 0 18px;color:#65718b;font-size:14px;line-height:1.55;flex:1}
.service-v14-action{border-top:1px solid #dbe1eb;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#0f2361}
.service-v14-action strong{text-transform:none;font-size:13px;letter-spacing:0;font-weight:800}
.service-v14-action span{color:var(--v14-red);font-size:18px;line-height:1}

/* Projects spacing/presentation refinement */
.projects-v12{padding:76px 0 82px!important;background:#fff}
.projects-v12-head{margin-bottom:30px!important}
.projects-v12-head h2{max-width:760px;color:var(--v14-navy)}
.project-v12-card{border-radius:8px!important;box-shadow:0 9px 25px rgba(15,35,78,.08)!important}
.project-v12-card span{background:rgba(10,35,91,.84)!important;border-radius:6px!important;padding:8px 11px!important;font-size:12px!important}

/* RTL */
html[dir="rtl"] .brand-copy strong{letter-spacing:0!important}
html[dir="rtl"] .service-v12-card{text-align:right!important}
html[dir="rtl"] .section-head-v12>p{justify-self:start}
html[dir="rtl"] .service-v14-action{direction:rtl}

/* Wide desktop */
@media(min-width:1440px){
  .container{max-width:1400px}
  .brand{max-width:620px}
  .brand-copy strong{font-size:15.5px!important}
  .about-v12-grid{gap:58px!important}
  .service-v12-image{height:205px!important}
}

/* Laptop / small desktop */
@media(max-width:1240px){
  .nav-inner{gap:16px}
  .brand{max-width:500px}
  .brand-copy strong{font-size:13px!important}
  .brand-copy span{display:none!important}
  .mainnav{gap:15px;font-size:12px}
  .mainnav .nav-cta{padding:11px 14px!important}
  .about-v12-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;gap:32px!important}
  .about-v12-collage{grid-template-rows:repeat(10,38px)!important;min-height:387px!important}
  .services-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-v12-image{height:220px!important}
  .service-v14-body{min-height:220px}
}

/* Tablet / iPad landscape and portrait */
@media(max-width:980px){
  .nav-inner{height:72px!important;min-height:72px!important}
  .brand{max-width:calc(100% - 66px)}
  .brand-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .brand-copy strong{font-size:12px!important;white-space:nowrap!important}
  .nav-toggle{display:block!important}
  .mainnav{top:72px!important}
  .about-v12{padding-top:64px!important}
  .about-v12-grid{grid-template-columns:1fr!important;gap:30px!important}
  .about-v12-copy{max-width:760px}
  .about-v12-copy h2{max-width:680px}
  .about-v12-collage{grid-template-rows:repeat(10,44px)!important;min-height:447px!important}
  .section-head-v12{grid-template-columns:1fr!important;gap:14px!important}
  .section-head-v12>p{justify-self:start!important;max-width:760px!important}
  .services-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .projects-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Phone / narrow tablet */
@media(max-width:640px){
  .container{width:min(100% - 28px,1200px)}
  .nav-inner{gap:9px}
  .brand{max-width:calc(100% - 54px);gap:8px}
  .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
  .brand-copy strong{font-size:clamp(8.8px,2.9vw,11px)!important;white-space:nowrap!important;letter-spacing:-.025em!important}
  html[dir="rtl"] .brand-copy strong{font-size:clamp(8.4px,2.75vw,10.5px)!important;letter-spacing:0!important}
  .about-v12{padding:54px 0 58px!important}
  .about-v12-copy h2{font-size:36px!important}
  .about-v12-copy .lead{font-size:15px!important}
  .about-v12-copy>p:not(.eyebrow):not(.lead){font-size:13px}
  .about-v12-features article{grid-template-columns:38px 1fr!important}
  .about-v12-collage{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important;min-height:0!important;gap:7px!important}
  .about-v12-collage figure{height:155px!important;grid-column:auto!important;grid-row:auto!important}
  .about-v12-collage .a1{grid-column:1/3!important;height:230px!important}
  .about-v12-collage .a6{grid-column:1/3!important}
  .services-v12{padding:58px 0 64px!important}
  .section-head-v12 h2{font-size:37px!important}
  .section-head-v12>p{font-size:14px!important;line-height:1.65!important}
  .services-v12-grid{grid-template-columns:1fr!important;gap:15px!important}
  .service-v12-image{height:220px!important}
  .service-v14-body{min-height:0!important;padding:20px 18px 18px}
  .service-v14-title h3{min-height:0;font-size:18px}
  .service-v14-body>p{font-size:14px;margin:13px 0 16px}
  .projects-v12{padding:58px 0 64px!important}
  .projects-v12-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .projects-v12-grid .project-v12-card,.project-v12-card.project-v12-large{grid-column:auto!important;grid-row:auto!important;height:230px!important}
}


/* ==========================================================
   V15 DEPLOY — responsive editorial collage + light project tags
   ========================================================== */

/* About: designed editorial composition rather than six equal tiles */
.about-v12-grid{align-items:center!important}
.about-v12-collage{
  position:relative!important;
  display:block!important;
  min-height:555px!important;
  isolation:isolate;
  padding:18px 8px 18px 18px;
}
.about-v12-collage::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:44%;
  height:90%;
  border-radius:18px;
  background:linear-gradient(145deg,#f2f6fc 0%,#e9f0fa 100%);
  z-index:-2;
}
.about-v12-collage::after{
  content:"";
  position:absolute;
  left:5%;
  bottom:4px;
  width:58%;
  height:2px;
  background:linear-gradient(90deg,var(--v14-red),rgba(217,37,51,0));
  opacity:.75;
}
.about-v12-collage figure{
  position:absolute!important;
  margin:0!important;
  overflow:hidden!important;
  background:#eef2f8!important;
  border:5px solid #fff!important;
  border-radius:14px!important;
  box-shadow:0 16px 34px rgba(20,34,102,.13)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}
.about-v12-collage figure:hover{transform:translateY(-3px)!important;box-shadow:0 20px 40px rgba(20,34,102,.17)!important}
.about-v12-collage figure:hover img{transform:scale(1.018)!important}
.about-v12-collage img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .35s ease!important}
.about-v12-collage .a1{left:0!important;top:32px!important;width:57%!important;height:330px!important;z-index:3!important;transform:none!important}
.about-v12-collage .a2{right:1%!important;top:0!important;width:42%!important;height:155px!important;z-index:4!important}
.about-v12-collage .a3{right:0!important;top:166px!important;width:40%!important;height:183px!important;z-index:2!important}
.about-v12-collage .a4{left:5%!important;bottom:20px!important;width:29%!important;height:168px!important;z-index:5!important}
.about-v12-collage .a5{left:35%!important;bottom:0!important;width:30%!important;height:180px!important;z-index:6!important}
.about-v12-collage .a6{right:0!important;bottom:22px!important;width:32%!important;height:174px!important;z-index:5!important}
.about-v12-collage .a1 img{object-position:center 54%!important}
.about-v12-collage .a2 img{object-position:center 50%!important}
.about-v12-collage .a3 img{object-position:center 48%!important}
.about-v12-collage .a4 img,.about-v12-collage .a5 img,.about-v12-collage .a6 img{object-position:center 50%!important}

/* Project tags: light, restrained and professional */
.project-v12-card::after{
  inset:auto 0 0!important;
  height:34%!important;
  background:linear-gradient(180deg,rgba(4,22,57,0),rgba(4,22,57,.16))!important;
  opacity:.55!important;
  transition:opacity .25s ease!important;
}
.project-v12-card:hover::after{opacity:.9!important}
.project-v12-card span{
  left:14px!important;
  bottom:13px!important;
  max-width:calc(100% - 28px);
  background:rgba(255,255,255,.86)!important;
  color:#16275f!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  box-shadow:0 5px 16px rgba(9,24,57,.09)!important;
  backdrop-filter:blur(8px);
  opacity:.82;
  transition:opacity .22s ease,transform .22s ease,background .22s ease!important;
}
.project-v12-card:hover span{color:#16275f!important;background:rgba(255,255,255,.94)!important;opacity:1;transform:translateY(-2px)}
html[dir="rtl"] .project-v12-card span{left:auto!important;right:14px!important}

/* Refine cards and touch behavior */
.service-v12-card{height:100%;}
.service-v14-body{height:calc(100% - 188px)}
.service-v14-action{transition:color .2s ease,border-color .2s ease}
.service-v12-card:hover .service-v14-action{color:#d92533;border-color:#cfd7e5}

/* Desktop / large laptop */
@media(max-width:1240px){
  .about-v12-collage{min-height:520px!important;padding-left:10px}
  .about-v12-collage .a1{height:306px!important}
  .about-v12-collage .a2{height:145px!important}
  .about-v12-collage .a3{top:156px!important;height:169px!important}
  .about-v12-collage .a4{height:158px!important}.about-v12-collage .a5{height:170px!important}.about-v12-collage .a6{height:162px!important}
}

/* Tablets: still editorial, simplified and well balanced */
@media(max-width:980px){
  .about-v12-collage{min-height:620px!important;max-width:820px;width:100%;margin:0 auto;padding:16px 8px 16px 12px}
  .about-v12-collage::before{width:46%;height:86%}
  .about-v12-collage .a1{left:0!important;top:35px!important;width:58%!important;height:355px!important}
  .about-v12-collage .a2{right:1%!important;top:0!important;width:41%!important;height:180px!important}
  .about-v12-collage .a3{right:0!important;top:192px!important;width:39%!important;height:195px!important}
  .about-v12-collage .a4{left:4%!important;bottom:22px!important;width:30%!important;height:190px!important}
  .about-v12-collage .a5{left:35.2%!important;bottom:0!important;width:30%!important;height:205px!important}
  .about-v12-collage .a6{right:0!important;bottom:25px!important;width:32.5%!important;height:185px!important}
  .service-v14-body{height:auto}
}

/* Phones: asymmetrical collage becomes an editorial mosaic, not a six-item strip */
@media(max-width:640px){
  .about-v12-collage{
    display:grid!important;
    grid-template-columns:1.15fr .85fr!important;
    grid-template-rows:230px 150px 150px 170px!important;
    gap:8px!important;
    min-height:0!important;
    padding:8px 0 12px!important;
  }
  .about-v12-collage::before{display:none!important}
  .about-v12-collage::after{left:0;width:72%;bottom:0}
  .about-v12-collage figure{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    border-width:3px!important;
    border-radius:10px!important;
    transform:none!important;
  }
  .about-v12-collage .a1{grid-column:1/3!important;grid-row:1!important}
  .about-v12-collage .a2{grid-column:1!important;grid-row:2!important}
  .about-v12-collage .a3{grid-column:2!important;grid-row:2/4!important}
  .about-v12-collage .a4{grid-column:1!important;grid-row:3!important}
  .about-v12-collage .a5{grid-column:1!important;grid-row:4!important}
  .about-v12-collage .a6{grid-column:2!important;grid-row:4!important}
  .project-v12-card span{opacity:.94!important;font-size:10.5px!important;padding:6px 9px!important}
}

/* Very small phones */
@media(max-width:390px){
  .about-v12-collage{grid-template-rows:210px 135px 135px 145px!important}
  .brand-copy strong{font-size:8.6px!important}
  .service-v12-image{height:195px!important}
}

/* Avoid hover-only movement on touch devices */
@media(hover:none){
  .about-v12-collage figure:hover{transform:none!important}
  .about-v12-collage figure:hover img,.service-v12-card:hover .service-v12-image img,.project-v12-card:hover img{transform:none!important}
  .project-v12-card span{opacity:.94!important}
}

/* V15 overflow safety for narrow devices */
html,body{max-width:100%;overflow-x:hidden}
.hero-v12-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin}


/* ============================================================
   V16 DEPLOY — canonical responsive layer
   Modern HTML/CSS layout: Grid, Flexbox, clamp(), aspect-ratio.
   Scoped to .v17-page so earlier review overrides cannot conflict.
   ============================================================ */
.v17-page{overflow-x:hidden;background:#fff}
.v17-page img{max-width:100%}
.v17-page .container{width:min(1200px,calc(100% - 48px));margin-inline:auto}

/* Header / identity */
.v17-page .utility-bar{font-size:12px}
.v17-page .nav-inner{height:80px!important;min-height:80px!important;gap:22px!important}
.v17-page .brand{display:flex;align-items:center;gap:12px;min-width:0;max-width:none;flex:1 1 auto}
.v17-page .brand-mark{width:58px!important;height:58px!important;object-fit:contain;flex:0 0 58px!important}
.v17-page .brand-copy{min-width:0;display:grid;gap:4px}
.v17-page .brand-copy strong{font-size:clamp(12px,1.18vw,16px)!important;line-height:1.1!important;white-space:nowrap!important;letter-spacing:-.018em!important;max-width:none!important}
.v17-page .brand-copy span{font-size:9.5px!important;white-space:nowrap;color:#69758b}
.v17-page .mainnav{gap:clamp(12px,1.35vw,22px)}
.v17-page .mainnav>a{white-space:nowrap}

/* Hero — full photographic treatment, consistent on all panels */
.v17-page .hero-v12-stage{height:clamp(540px,43vw,650px)!important;min-height:540px;background:#08285f!important;position:relative;overflow:hidden}
.v17-page .hero-v12-panel,.v17-page .hero-v12-inner{height:100%!important;min-height:0!important}
.v17-page .hero-v12-inner{display:block!important;position:relative!important;padding:0!important}
.v17-page .hero-v12-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important;overflow:hidden!important;z-index:0}
.v17-page .hero-v12-image{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 55%!important;display:block}
.v17-page .hero-v12-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,30,78,.96) 0%,rgba(5,30,78,.90) 26%,rgba(5,30,78,.52) 48%,rgba(5,30,78,.08) 70%,rgba(5,30,78,0) 100%);z-index:1;pointer-events:none}
.v17-page .hero-v12-copy{position:relative!important;z-index:2!important;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:560px!important;padding:48px 0!important;margin:0!important}
.v17-page .hero-v12-copy h1{font-size:clamp(46px,5vw,74px)!important;line-height:.99!important;max-width:560px!important;margin-bottom:18px!important}
.v17-page .hero-v12-copy>p:not(.hero-kicker){font-size:clamp(15px,1.3vw,18px)!important;line-height:1.6!important;max-width:530px!important}
.v17-page .hero-kicker{font-size:12px!important;letter-spacing:.16em!important}
.v17-page .hero-v12-navband{background:#0b2d69}
.v17-page .hero-v12-navgrid{grid-template-columns:minmax(0,1fr) auto!important}
.v17-page .hero-v12-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}
.v17-page .hero-v12-tab{grid-template-columns:72px minmax(0,1fr)!important;padding:9px 11px!important;gap:10px!important;min-height:80px!important}
.v17-page .hero-v12-tab img{width:72px!important;height:48px!important;border-radius:3px}
.v17-page .hero-v12-tab strong{font-size:12.5px!important;line-height:1.2}
.v17-page .hero-v12-arrows{padding-inline:8px!important}
.v17-page .hero-v12-arrow{width:40px!important;height:40px!important;background:rgba(255,255,255,.03)!important;transition:background .18s,border-color .18s}
.v17-page .hero-v12-arrow:hover{background:rgba(255,255,255,.08)!important}

/* About — single professional six-photo composite image */
.v17-page .about-v16{padding:76px 0 78px;background:#fff}
.v17-page .about-v16-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.55fr);gap:48px;align-items:center}
.v17-page .about-v16-copy .eyebrow{margin-bottom:12px}
.v17-page .about-v16-copy h2{font-size:clamp(38px,3.6vw,54px);line-height:1.02;letter-spacing:-.035em;color:#13266a;margin:0 0 18px;max-width:520px}
.v17-page .about-v16-copy .lead{font-size:15.5px;line-height:1.6;color:#20336b;margin:0 0 14px}
.v17-page .about-v16-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.7;color:#65718a;margin:0}
.v17-page .about-v16-features{display:grid;gap:13px;margin-top:24px}
.v17-page .about-v16-features article{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center}
.v17-page .about-v16-features p{margin:0;font-size:13px;line-height:1.42;color:#233664}
.v17-page .about-v16-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#113b8c;color:#fff}
.v17-page .about-v16-icon svg{width:18px;height:18px;fill:currentColor}
.v17-page .about-v16-collage{margin:0;overflow:hidden;background:#fff;border-radius:2px;box-shadow:0 12px 28px rgba(18,39,83,.08)}
.v17-page .about-v16-collage img{display:block;width:100%;height:auto;aspect-ratio:1800/760;object-fit:cover}

/* Services — stable responsive editorial cards */
.v17-page .services-v12{padding:72px 0 80px!important}
.v17-page .section-head-v12{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;gap:44px!important;align-items:end!important}
.v17-page .section-head-v12 h2{font-size:clamp(40px,4vw,60px)!important}
.v17-page .services-v12-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.v17-page .service-v12-card{height:100%!important;display:flex!important;flex-direction:column!important;border-radius:10px!important}
.v17-page .service-v12-image{height:auto!important;aspect-ratio:4/2.55;flex:0 0 auto}
.v17-page .service-v12-image img{width:100%;height:100%;object-fit:cover}
.v17-page .service-v14-body{height:auto!important;min-height:235px!important;display:flex!important;flex:1 1 auto;flex-direction:column;padding:22px 20px 18px!important}
.v17-page .service-v14-title h3{font-size:17px;min-height:44px}
.v17-page .service-v14-body>p{flex:1 1 auto}

/* Projects — light professional image tags */
.v17-page .projects-v12-grid{gap:12px!important}
.v17-page .project-v12-card::after{height:22%!important;opacity:.34!important;background:linear-gradient(180deg,transparent,rgba(4,22,57,.12))!important}
.v17-page .project-v12-card span{background:rgba(255,255,255,.86)!important;color:#16275f!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 4px 14px rgba(9,24,57,.06)!important;opacity:.82!important;padding:6px 10px!important;font-size:11px!important;backdrop-filter:blur(7px)}
.v17-page .project-v12-card:hover span{background:rgba(255,255,255,.94)!important;opacity:.96!important;transform:translateY(-1px)!important}
.v17-page .project-v12-card:hover::after{opacity:.48!important}

/* RTL symmetry */
html[dir="rtl"] .v17-page .hero-v12-media::after{background:linear-gradient(270deg,rgba(5,30,78,.96) 0%,rgba(5,30,78,.90) 26%,rgba(5,30,78,.52) 48%,rgba(5,30,78,.08) 70%,rgba(5,30,78,0) 100%)}
html[dir="rtl"] .v17-page .hero-v12-copy{margin-right:0!important;margin-left:auto!important;text-align:right}
html[dir="rtl"] .v17-page .about-v16-features article{grid-template-columns:1fr 40px}
html[dir="rtl"] .v17-page .about-v16-icon{order:2}
html[dir="rtl"] .v17-page .service-v12-card{text-align:right!important}

/* Laptop / small desktop */
@media(max-width:1180px){
 .v17-page .container{width:min(1120px,calc(100% - 40px))}
 .v17-page .brand-copy span{display:none}
 .v17-page .brand-copy strong{font-size:12.5px!important}
 .v17-page .mainnav{gap:13px}
 .v17-page .hero-v12-tab{grid-template-columns:58px minmax(0,1fr)!important;padding-inline:8px!important}
 .v17-page .hero-v12-tab img{width:58px!important;height:42px!important}
 .v17-page .hero-v12-tab strong{font-size:11.5px!important}
 .v17-page .about-v16-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.4fr);gap:34px}
 .v17-page .services-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet */
@media(max-width:900px){
 .v17-page .container{width:min(100% - 34px,860px)}
 .v17-page .utility-bar{display:none}
 .v17-page .nav-inner{height:72px!important;min-height:72px!important}
 .v17-page .brand{max-width:calc(100% - 52px)}
 .v17-page .brand-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
 .v17-page .brand-copy strong{font-size:clamp(10px,1.8vw,12px)!important}
 .v17-page .brand-copy span{display:none!important}
 .v17-page .nav-toggle{display:block!important}
 .v17-page .mainnav{top:72px!important}
 .v17-page .hero-v12-stage{height:570px!important;min-height:570px!important}
 .v17-page .hero-v12-copy{max-width:500px!important;padding:44px 0!important}
 .v17-page .hero-v12-copy h1{font-size:clamp(42px,7vw,58px)!important}
 .v17-page .hero-v12-media::after{background:linear-gradient(90deg,rgba(5,30,78,.96) 0%,rgba(5,30,78,.86) 36%,rgba(5,30,78,.34) 64%,rgba(5,30,78,.06) 82%)}
 .v17-page .hero-v12-navgrid{display:block!important}
 .v17-page .hero-v12-tabs{display:grid!important;grid-template-columns:repeat(5,210px)!important;overflow-x:auto!important;scroll-snap-type:x proximity}
 .v17-page .hero-v12-tab{scroll-snap-align:start;grid-template-columns:60px 1fr!important}
 .v17-page .hero-v12-arrows{display:none!important}
 .v17-page .about-v16{padding:64px 0 68px}
 .v17-page .about-v16-grid{grid-template-columns:1fr;gap:28px}
 .v17-page .about-v16-copy{max-width:740px}
 .v17-page .about-v16-collage{width:100%}
 .v17-page .section-head-v12{grid-template-columns:1fr!important;gap:14px!important}
 .v17-page .section-head-v12>p{justify-self:start!important;max-width:720px!important}
 .v17-page .projects-v12-head{grid-template-columns:1fr!important;gap:12px!important}
 .v17-page .projects-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:300px 220px 220px!important}
 .v17-page .project-v12-card.project-v12-large{grid-column:1/3!important;grid-row:1!important}
 .v17-page .qhse-grid,.v17-page .contact-grid{grid-template-columns:1fr!important;gap:28px!important}
}

/* Phone */
@media(max-width:640px){
 .v17-page .container{width:calc(100% - 28px)}
 .v17-page .nav-inner{height:68px!important;min-height:68px!important;gap:8px!important}
 .v17-page .brand{gap:7px;max-width:calc(100% - 48px)}
 .v17-page .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important}
 .v17-page .brand-copy strong{font-size:clamp(8.2px,2.8vw,10.5px)!important;letter-spacing:-.02em!important}
 html[dir="rtl"] .v17-page .brand-copy strong{font-size:clamp(8px,2.7vw,10px)!important;letter-spacing:0!important}
 .v17-page .mainnav{top:68px!important}
 .v17-page .hero-v12-stage{height:590px!important;min-height:590px!important}
 .v17-page .hero-v12-image{object-position:62% center!important}
 .v17-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(5,30,78,.96) 0%,rgba(5,30,78,.88) 38%,rgba(5,30,78,.34) 67%,rgba(5,30,78,.15) 100%)!important}
 html[dir="rtl"] .v17-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(5,30,78,.96) 0%,rgba(5,30,78,.88) 38%,rgba(5,30,78,.34) 67%,rgba(5,30,78,.15) 100%)!important}
 .v17-page .hero-v12-copy{justify-content:flex-start;height:100%;padding:38px 0 220px!important;max-width:none!important}
 .v17-page .hero-v12-copy h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.02!important;max-width:100%!important}
 .v17-page .hero-v12-copy>p:not(.hero-kicker){font-size:14px!important;line-height:1.55!important;max-width:100%!important}
 .v17-page .hero-actions{gap:9px!important}
 .v17-page .hero-actions .btn{padding:13px 15px!important;font-size:13px!important}
 .v17-page .hero-v12-tabs{grid-template-columns:repeat(5,185px)!important}
 .v17-page .hero-v12-tab{min-height:68px!important;grid-template-columns:50px 1fr!important;gap:8px!important}
 .v17-page .hero-v12-tab img{width:50px!important;height:38px!important}
 .v17-page .hero-v12-tab strong{font-size:10.8px!important}
 .v17-page .about-v16{padding:52px 0 58px}
 .v17-page .about-v16-copy h2{font-size:clamp(34px,10vw,42px)}
 .v17-page .about-v16-copy .lead{font-size:14.5px}
 .v17-page .about-v16-copy>p:not(.eyebrow):not(.lead){font-size:13.2px}
 .v17-page .about-v16-features article{grid-template-columns:36px 1fr;gap:10px}
 html[dir="rtl"] .v17-page .about-v16-features article{grid-template-columns:1fr 36px}
 .v17-page .about-v16-icon{width:34px;height:34px}
 .v17-page .about-v16-features p{font-size:12.5px}
 .v17-page .about-v16-collage{border-radius:0;box-shadow:none}
 .v17-page .services-v12{padding:56px 0 62px!important}
 .v17-page .section-head-v12 h2{font-size:clamp(34px,9vw,42px)!important}
 .v17-page .section-head-v12>p{font-size:14px!important;line-height:1.6!important}
 .v17-page .services-v12-grid{grid-template-columns:1fr!important;gap:15px!important}
 .v17-page .service-v12-image{aspect-ratio:16/9}
 .v17-page .service-v14-body{min-height:0!important;padding:18px 17px 16px!important}
 .v17-page .service-v14-title h3{min-height:0!important;font-size:17px}
 .v17-page .projects-v12{padding:56px 0 64px!important}
 .v17-page .projects-v12-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
 .v17-page .projects-v12-grid .project-v12-card,.v17-page .project-v12-card.project-v12-large{grid-column:auto!important;grid-row:auto!important;height:225px!important}
 .v17-page .project-v12-card span{font-size:10.5px!important;padding:5px 8px!important;opacity:.9!important}
 .v17-page .cert-grid,.v17-page .contact-cards,.v17-page .footer-grid{grid-template-columns:1fr!important}
}

@media(max-width:390px){
 .v17-page .container{width:calc(100% - 22px)}
 .v17-page .brand-copy strong{font-size:8px!important}
 .v17-page .hero-v12-stage{height:570px!important;min-height:570px!important}
 .v17-page .hero-v12-copy{padding-top:32px!important}
 .v17-page .hero-v12-copy h1{font-size:36px!important}
 .v17-page .hero-v12-tab{grid-template-columns:46px 1fr!important}
 .v17-page .hero-v12-tab img{width:46px!important;height:34px!important}
}

@media(hover:none){
 .v17-page .service-v12-card:hover,.v17-page .project-v12-card:hover{transform:none!important}
 .v17-page .service-v12-card:hover img,.v17-page .project-v12-card:hover img{transform:none!important}
 .v17-page .project-v12-card span{opacity:.92!important}
}
@media(prefers-reduced-motion:reduce){
 .v17-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* V16 final visual tuning */
.v17-page .about-v16-copy h2{font-size:clamp(36px,3.1vw,46px)!important;max-width:520px!important}
@media(max-width:640px){.v17-page .about-v16-copy h2{font-size:clamp(34px,9.4vw,40px)!important}}


/* ===== V17 approved six-photo angular About Us composition ===== */
.v17-page .about-v17{padding:72px 0 76px;background:#fff;overflow:hidden}
.v17-page .about-v17-grid{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.62fr);gap:42px;align-items:center}
.v17-page .about-v17-copy{min-width:0;position:relative;z-index:2}
.v17-page .about-v17-copy .eyebrow{margin-bottom:12px}
.v17-page .about-v17-copy h2{font-size:clamp(39px,3.45vw,56px);line-height:1.02;letter-spacing:-.036em;color:#13266a;margin:0 0 18px;max-width:560px}
.v17-page .about-v17-copy .lead{font-size:15.5px;line-height:1.62;color:#20336b;margin:0 0 14px}
.v17-page .about-v17-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.7;color:#65718a;margin:0}
.v17-page .about-v17-features{display:grid;gap:13px;margin-top:24px}
.v17-page .about-v17-features article{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center}
.v17-page .about-v17-features p{margin:0;font-size:13px;line-height:1.42;color:#233664}
.v17-page .about-v17-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#113b8c;color:#fff;box-shadow:0 7px 16px rgba(17,59,140,.12)}
.v17-page .about-v17-icon svg{width:18px;height:18px;fill:currentColor}

.v17-page .about-v17-collage{
  --cut:34px;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(9,minmax(44px,1fr));
  gap:4px;
  min-height:590px;
  background:#fff;
  isolation:isolate;
}
.v17-page .about-v17-shot{margin:0;position:relative;overflow:hidden;background:#edf1f6;min-width:0;box-shadow:0 10px 24px rgba(13,37,80,.06)}
.v17-page .about-v17-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.v17-page .about-v17-shot:hover img{transform:scale(1.018);filter:saturate(1.02) contrast(1.01)}
.v17-page .about-v17-module{grid-column:1/9;grid-row:1/6;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.v17-page .about-v17-cranage{grid-column:9/13;grid-row:1/6;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%)}
.v17-page .about-v17-vessel{grid-column:1/5;grid-row:6/10;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.v17-page .about-v17-convoy{grid-column:4/8;grid-row:6/10;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);margin-left:-8px}
.v17-page .about-v17-rigmoves{grid-column:7/10;grid-row:6/10;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);margin-left:-8px}
.v17-page .about-v17-personnel{grid-column:9/13;grid-row:6/10;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%);margin-left:-8px}
.v17-page .about-v17-module img{object-position:center 52%}
.v17-page .about-v17-cranage img{object-position:center 50%}
.v17-page .about-v17-vessel img{object-position:center 52%}
.v17-page .about-v17-convoy img{object-position:center 39%}
.v17-page .about-v17-rigmoves img{object-position:center 52%}
.v17-page .about-v17-personnel img{object-position:center 50%}

html[dir="rtl"] .v17-page .about-v17-features article{grid-template-columns:1fr 40px}
html[dir="rtl"] .v17-page .about-v17-icon{order:2}
html[dir="rtl"] .v17-page .about-v17-copy{text-align:right}

@media(max-width:1180px){
  .v17-page .about-v17-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.35fr);gap:30px}
  .v17-page .about-v17-collage{min-height:520px;--cut:28px}
  .v17-page .about-v17-copy h2{font-size:clamp(36px,3.7vw,48px)}
}
@media(max-width:900px){
  .v17-page .about-v17{padding:62px 0 66px}
  .v17-page .about-v17-grid{grid-template-columns:1fr;gap:30px}
  .v17-page .about-v17-copy{max-width:760px}
  .v17-page .about-v17-copy h2{max-width:620px}
  .v17-page .about-v17-collage{min-height:500px}
}
@media(max-width:640px){
  .v17-page .about-v17{padding:50px 0 56px}
  .v17-page .about-v17-copy h2{font-size:clamp(34px,9.6vw,42px);line-height:1.03}
  .v17-page .about-v17-copy .lead{font-size:14.5px}
  .v17-page .about-v17-copy>p:not(.eyebrow):not(.lead){font-size:13.2px}
  .v17-page .about-v17-features article{grid-template-columns:36px 1fr;gap:10px}
  html[dir="rtl"] .v17-page .about-v17-features article{grid-template-columns:1fr 36px}
  .v17-page .about-v17-icon{width:34px;height:34px}
  .v17-page .about-v17-features p{font-size:12.7px}
  .v17-page .about-v17-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:6px;min-height:0;background:transparent}
  .v17-page .about-v17-shot{margin:0!important;clip-path:none!important;border-radius:10px;aspect-ratio:4/3;box-shadow:0 8px 18px rgba(13,37,80,.07)}
  .v17-page .about-v17-module{grid-column:1/3;grid-row:auto;aspect-ratio:16/10}
  .v17-page .about-v17-cranage,.v17-page .about-v17-vessel,.v17-page .about-v17-convoy,.v17-page .about-v17-rigmoves,.v17-page .about-v17-personnel{grid-column:auto;grid-row:auto}
  .v17-page .about-v17-personnel{grid-column:1/3;aspect-ratio:16/9}
}
@media(max-width:390px){
  .v17-page .about-v17-collage{grid-template-columns:1fr}
  .v17-page .about-v17-module,.v17-page .about-v17-personnel{grid-column:1}
  .v17-page .about-v17-shot{aspect-ratio:16/10}
}

/* ===== V18 About collage + Client experience ===== */
.v17-page .about-v18-collage{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.v17-page .about-v18-collage img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:0;
  box-shadow:0 18px 42px rgba(14,35,78,.08);
  border:1px solid #edf1f6;
}
.v17-page .clients-v18{
  padding:76px 0 82px;
  background:#f7f9fc;
  border-top:1px solid #edf1f6;
  border-bottom:1px solid #edf1f6;
}
.v17-page .clients-v18-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:44px;
  align-items:end;
  margin-bottom:30px;
}
.v17-page .clients-v18-head h2{
  margin:0;
  max-width:780px;
  font-size:clamp(38px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#142968;
}
.v17-page .clients-v18-head>p{
  margin:0;
  color:#66728a;
  font-size:16px;
  line-height:1.7;
}
.v17-page .clients-v18-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.v17-page .client-v18-card{
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 20px;
  background:#fff;
  border:1px solid #e7ebf2;
  border-radius:10px;
  box-shadow:0 8px 18px rgba(18,37,80,.035);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.v17-page .client-v18-card:hover{
  transform:translateY(-2px);
  border-color:#d7deea;
  box-shadow:0 12px 24px rgba(18,37,80,.06);
}
.v17-page .client-v18-card img{
  display:block;
  max-width:100%;
  max-height:68px;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:.82;
  transition:opacity .22s ease,transform .22s ease;
}
.v17-page .client-v18-card:hover img{opacity:1;transform:scale(1.015)}
html[dir="rtl"] .v17-page .clients-v18-head{text-align:right}

@media(max-width:1120px){
  .v17-page .clients-v18-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v17-page .clients-v18-head{grid-template-columns:1fr;gap:12px;align-items:start}
}
@media(max-width:820px){
  .v17-page .clients-v18{padding:58px 0 64px}
  .v17-page .clients-v18-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v17-page .client-v18-card{min-height:96px;padding:14px}
  .v17-page .client-v18-card img{max-height:58px}
  .v17-page .about-v18-collage img{aspect-ratio:16/9}
}
@media(max-width:560px){
  .v17-page .clients-v18-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .v17-page .client-v18-card{min-height:88px;padding:12px}
  .v17-page .client-v18-card img{max-height:52px}
  .v17-page .clients-v18-head h2{font-size:34px}
  .v17-page .clients-v18-head>p{font-size:14px}
}
@media(max-width:380px){
  .v17-page .clients-v18-grid{grid-template-columns:1fr 1fr}
  .v17-page .client-v18-card{min-height:80px}
}


/* ===== V19 About collage + Client logo marquee ===== */
.v17-page .about-v18-collage img{
  aspect-ratio: 1800 / 1060;
  box-shadow:0 18px 42px rgba(14,35,78,.08);
  border:1px solid #edf1f6;
}

.v17-page .clients-v19{
  padding:76px 0 84px;
  background:#f7f9fc;
  border-top:1px solid #edf1f6;
  border-bottom:1px solid #edf1f6;
}
.v17-page .clients-v19-head{
  max-width:860px;
  margin:0 auto 26px;
  text-align:center;
}
.v17-page .clients-v19-head h2{
  margin:0 0 10px;
  font-size:clamp(34px,3.9vw,54px);
  line-height:1.03;
  letter-spacing:-.035em;
  color:#142968;
}
.v17-page .clients-v19-head > p{
  margin:0 auto;
  max-width:760px;
  color:#66728a;
  font-size:16px;
  line-height:1.7;
}
.v17-page .clients-v19-marquee{
  position:relative;
  overflow:hidden;
  display:flex;
  gap:14px;
  mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.v17-page .clients-v19-track{
  flex:none;
  width:max-content;
  display:flex;
  align-items:center;
  gap:14px;
  padding:8px 0;
  animation:clientsMarquee 62s linear infinite;
}
.v17-page .client-v19-logo{
  min-width:176px;
  height:92px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e7ebf2;
  border-radius:12px;
  box-shadow:0 8px 18px rgba(18,37,80,.035);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.v17-page .client-v19-logo:hover{
  transform:translateY(-2px);
  border-color:#d7deea;
  box-shadow:0 12px 24px rgba(18,37,80,.06);
}
.v17-page .client-v19-logo img{
  display:block;
  max-width:100%;
  max-height:56px;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:.82;
  transition:opacity .22s ease,transform .22s ease;
}
.v17-page .client-v19-logo:hover img{opacity:1;transform:scale(1.02)}
html[dir="rtl"] .v17-page .clients-v19-head{text-align:center}
html[dir="rtl"] .v17-page .clients-v19-track{animation-direction:reverse}
@keyframes clientsMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 14px))}}

@media (prefers-reduced-motion: reduce){
  .v17-page .clients-v19-track{animation:none}
}
@media(max-width:900px){
  .v17-page .clients-v19{padding:60px 0 66px}
  .v17-page .clients-v19-head h2{font-size:clamp(30px,6.4vw,42px)}
  .v17-page .clients-v19-head>p{font-size:14.6px}
  .v17-page .client-v19-logo{min-width:158px;height:84px;padding:12px 16px}
  .v17-page .client-v19-logo img{max-height:50px}
  .v17-page .clients-v19-track{animation-duration:54s}
}
@media(max-width:560px){
  .v17-page .clients-v19-marquee{mask-image:none;-webkit-mask-image:none}
  .v17-page .clients-v19-head{margin-bottom:18px}
  .v17-page .client-v19-logo{min-width:142px;height:78px;padding:10px 14px;border-radius:10px}
  .v17-page .client-v19-logo img{max-height:44px}
  .v17-page .clients-v19-track{gap:10px;animation-duration:44s}
}