body.v17-page #main#main #services{background:#364047!important;border-color:#364047!important}
body.v17-page #main#main #projects{background:#f0f2f3!important;border-color:#f0f2f3!important}
body.v17-page #main#main #clients{background:#ffffff!important;border-color:#ffffff!important}
body.v17-page #main#main #qHSE{background:#e8edef!important;border-color:#e8edef!important}
body.v17-page #main#main #contact{background:#252c31!important;border-color:#252c31!important}
body.v17-page #main#main #services .section-head-v12 :is(h2,p),body.v17-page #main#main #contact .contact-copy :is(h2,p){color:#fff!important}
/* Refined slate option: continuous QHSE surface, plain white cards. */
body.v17-page #main#main #clients{background:#e0e5e8!important;border-color:#d8dfe3!important}
body.v17-page #main#main #qHSE .certification-panel{background:transparent!important;border:0!important;box-shadow:none!important}
body.v17-page #main#main :is(.service-v12-card,.principle,.contact .contact-card,.cert){background:#fff!important;border:1px solid #dfe3e5!important;box-shadow:0 4px 14px #20202006!important}
body.v17-page #main#main #services .service-v12-card,body.v17-page #main#main #services .service-v12-card:hover,body.v17-page #main#main #services .service-v12-card:focus-visible{border:1px solid #dfe3e5!important}
body.v17-page #main#main .about-v20-commitments{border:1px solid #dfe3e5!important;background:#fff!important}
body.v17-page #main#main .about-v20-highlight{background:#fff!important;border:1px solid #dfe3e5!important}
body.v17-page .site-footer,body.v17-page .footer-bottom{background:#242424!important;border-top-color:#444!important}
@media(hover:hover){body.v17-page #main#main :is(.principle,.contact .contact-card):hover{border-color:#bcc5cb!important}}
body.v17-page #main#main #qHSE .qhse-quote{background:#fff!important;border:1px solid #dfe3e5!important}
/* Slate typography and footer preview. */
body.v17-page .site-footer,body.v17-page .footer-bottom{background:#252c31!important}
body.v17-page .site-footer :is(.footer-brand strong,.footer-links>strong,.footer-share>strong){color:#fff!important}
body.v17-page .site-footer :is(.footer-brand p,.footer-links a,.share-status),body.v17-page .footer-bottom,body.v17-page .footer-bottom a{color:#d9dfe3!important}
body.v17-page #main#main :is(#about,#projects,#clients,#qHSE) h2,body.v17-page #main#main #qHSE .cert-copy h3{color:#242424!important}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) h3,body.v17-page #main#main :is(.about-v20-subhead,.contact-card>span:not(.contact-card-icon)){color:#364047!important}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) p,body.v17-page #main#main .contact-card>strong{color:#4b5359!important}
body.v17-page #main#main #services .section-head-v12 :is(h2,p),body.v17-page #main#main #contact .contact-copy :is(h2,p){color:#fff!important}
body.v17-page #main#main #qHSE .cert-copy h3{color:#242424!important}
body.v17-page #main#main :is(#about,#projects,#clients,#qHSE) p.eyebrow{color:#364047!important}
/* Airier Value section, light contact surface and full-sized footer. */
body.v17-page .about-v20-value>.about-v20-subhead{margin-bottom:28px!important}
body.v17-page .about-v20-value-grid{column-gap:20px!important;row-gap:24px!important}
body.v17-page .about-v20-value-grid article{padding-inline:12px!important}
body.v17-page #main#main #contact{background:#edf1f3!important;border-color:#dce3e7!important}
body.v17-page #main#main #contact .contact-copy h2{color:#242424!important}
body.v17-page #main#main #contact .contact-copy p{color:#4b5359!important}
body.v17-page #main#main #contact .contact-copy p.eyebrow{color:#364047!important}
body.v17-page #main#main #contact .btn-outline-white{color:#364047!important;border-color:#78858d!important;background:transparent!important}
body.v17-page #main#main #contact .btn-outline-white svg.hetco-icon{color:#364047!important;stroke:#364047!important}
body.v17-page .site-footer{padding-top:48px!important}
body.v17-page .site-footer .footer-grid{padding-bottom:32px!important;gap:48px!important;grid-template-columns:1.4fr 1fr 1fr!important}
body.v17-page .site-footer .footer-grid>.footer-links:nth-child(2){display:flex!important;flex-direction:column!important;gap:14px!important}
body.v17-page .site-footer .footer-links{gap:14px!important}
body.v17-page .site-footer .footer-links a{padding:4px 0!important;min-height:40px!important}
body.v17-page .site-footer .footer-share{padding-bottom:28px!important}
body.v17-page .site-footer .footer-bottom{padding-block:20px!important}
@media(hover:hover){body.v17-page #main#main #contact .btn-outline-white:hover{background:#364047!important;color:#fff!important}body.v17-page #main#main #contact .btn-outline-white:hover svg.hetco-icon{color:#fff!important;stroke:#fff!important}}
@media(max-width:767px){body.v17-page .site-footer .footer-grid{grid-template-columns:1fr!important;gap:28px!important}body.v17-page .site-footer{padding-top:32px!important}body.v17-page .about-v20-value-grid{column-gap:0!important}body.v17-page .about-v20-value-grid article{padding-inline:0!important}}
/* Full-page palette polish: a deliberate light/dark rhythm with consistent slate tones. */
body.v17-page #main#main #projects{background:#f7f8f9!important;border-color:#e5e9ec!important}
body.v17-page #main#main #clients{background:#e0e5e8!important;border-color:#d4dce1!important}
body.v17-page #main#main #qHSE{background:#f5f7f8!important;border-color:#e3e8eb!important}
body.v17-page #main#main #contact{background:#e9eef1!important;border-color:#dbe2e7!important}
body.v17-page #main#main #qHSE .certification-panel{background:transparent!important}
body.v17-page #main#main :is(.principle,.contact .contact-card,.cert){background:#fff!important;border-color:#d9e0e4!important;box-shadow:0 3px 12px #252c3105!important}
body.v17-page #main#main #services .service-v14-title h3{font-weight:700!important;line-height:1.4!important}
body.v17-page #main#main #services .section-head-v12>p{color:#e8edf0!important}
body.v17-page #main#main #clients .clients-v19-head>p{color:#4b5359!important}
body.v17-page #main#main #clients .clients-v19-head p.eyebrow{color:#364047!important}
body.v17-page .site-header{box-shadow:0 2px 12px #252c3108!important}
body.v17-page .about-v20-value-grid article{border-bottom:0!important;box-shadow:none!important}
body.v17-page .site-footer .footer-brand p{line-height:1.7!important}
body.v17-page :is(a,button):focus-visible{outline:3px solid #a89400!important;outline-offset:4px!important}
@media(max-width:767px){body.v17-page #main#main :is(#services,#projects,#clients,#qHSE,#contact){padding-block:48px!important}body.v17-page .about-v20-value-grid article:not(:last-child){border-bottom:1px solid #dfe3e5!important}}
/* Bilingual responsive navigation and right-to-left alignment. */
body.v17-page .site-header .language-switch{display:inline-flex!important;white-space:nowrap!important}
body.v17-page .nav-inner>.brand{min-width:0!important}
body.v17-page .brand-copy{min-width:0!important}
body.v17-page .about-v20-value-grid article>div{min-width:0}
html[dir="rtl"] body.v17-page :is(.brand-copy,.about-v20-copy,.contact-copy,.cert-copy){text-align:right!important}
html[dir="rtl"] body.v17-page .about-v20-value-grid article{grid-template-columns:44px minmax(0,1fr)!important;text-align:right!important;direction:rtl!important;border-right:0!important;border-left:1px solid #dfe3e5!important}
html[dir="rtl"] body.v17-page .about-v20-value-icon{order:0!important}
html[dir="rtl"] body.v17-page .about-v20-value-grid article:last-child{border-left:0!important}
html[dir="rtl"] body.v17-page .action-arrow svg{transform:scaleX(-1)}
@media(min-width:768px) and (max-width:1250px){body.v17-page .nav-inner{flex-wrap:wrap!important;justify-content:space-between!important;padding-block:12px!important;gap:12px!important}body.v17-page .mainnav{width:100%!important;justify-content:center!important;flex-wrap:wrap!important;gap:18px!important}}
@media(max-width:767px){body.v17-page .brand-copy strong{font-size:10px!important;line-height:1.5!important}body.v17-page .brand-copy span{font-size:8px!important;line-height:1.6!important}body.v17-page .brand{max-width:calc(100% - 58px)!important;gap:8px!important}body.v17-page .brand-mark{flex:0 0 43px!important}body.v17-page .site-header .mainnav{background:#fff!important}body.v17-page .site-header .language-switch{min-height:44px!important}html[dir="rtl"] body.v17-page .about-v20-value-grid article{border-left:0!important}}
html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(270deg,rgba(12,12,12,.98) 0%,rgba(25,25,25,.93) 24%,rgba(66,66,66,.65) 43%,rgba(125,125,125,.18) 62%,transparent 82%)!important}
html[dir="rtl"] body.v17-page .hero-v12-media::before{background:repeating-linear-gradient(60deg,#1212121a 0 10%,#74747426 10% 18%,#2424241a 18% 29%)!important}
@media(max-width:767px){html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(15,15,15,.99) 0%,rgba(22,22,22,.96) 32%,rgba(30,30,30,.9) 52%,rgba(30,30,30,.6) 65%,rgba(30,30,30,.08) 82%,transparent 95%)!important}html[dir="rtl"] body.v17-page .hero-v12-media::before{background:repeating-linear-gradient(60deg,transparent 0 16%,#8d8d8d23 16% 25%,transparent 25% 40%)!important}}
@media(min-width:1101px) and (max-width:1250px){:root{--header-height:150px}body.v17-page .site-header .nav-inner{height:150px!important;min-height:150px!important;align-content:center!important}body.v17-page .site-header .mainnav{position:static!important;flex-basis:100%!important;opacity:1!important;transform:none!important;pointer-events:auto!important}body.v17-page{padding-top:150px!important}}
/* Match Services to Clients and keep a single-row compact header. */
body.v17-page #main#main #services{background:#e0e5e8!important;border-color:#d4dce1!important}
body.v17-page #main#main #services .section-head-v12 :is(h2,p){color:#242424!important}
@media(min-width:1101px) and (max-width:1250px){:root{--header-height:90px}body.v17-page{padding-top:90px!important}body.v17-page .site-header .nav-inner{height:90px!important;min-height:90px!important;flex-wrap:nowrap!important;gap:16px!important;padding-block:0!important}body.v17-page .site-header .brand{flex:0 1 330px!important;gap:8px!important}body.v17-page .site-header .brand-copy strong{font-size:11px!important}body.v17-page .site-header .brand-copy span{font-size:8px!important}body.v17-page .site-header .brand-mark{width:48px!important;height:48px!important;max-width:48px!important;flex:0 0 48px!important}body.v17-page .site-header .mainnav{flex:1 1 auto!important;flex-basis:auto!important;width:auto!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-end!important}body.v17-page .site-header .mainnav>a{font-size:11px!important;white-space:nowrap!important}body.v17-page .site-header .nav-cta{padding:11px 12px!important}}
@media(max-width:767px){body.v17-page .hero-v12-tabs{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;overflow:visible!important}body.v17-page .hero-v12-tab{display:block!important;flex:0 0 10px!important;width:10px!important;min-width:10px!important;height:10px!important;min-height:10px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#a5aaad!important;box-shadow:none!important}body.v17-page .hero-v12-tab.is-active{background:#feed01!important;box-shadow:0 0 0 3px #feed0126!important}body.v17-page .hero-v12-tab img,body.v17-page .hero-v12-tab>span{display:none!important}body.v17-page .hero-v12-tab::before,body.v17-page .hero-v12-tab::after{display:none!important;content:none!important}body.v17-page .hero-v12-navgrid{min-height:50px!important}body.v17-page .hero-v12-navband{min-height:50px!important}}
body.v17-page #main#main #services .section-head-v12 p.eyebrow{color:#364047!important}
/* Final review: filled project cards and a restrained footer. */
body.v17-page #main#main #projects .project-v12-card{position:relative!important;overflow:hidden!important;padding:0!important;background:#dce2e6!important}
body.v17-page #main#main #projects .project-v12-card img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:transparent!important}
body.v17-page #main#main #projects .project-v12-card[data-project="heavy-transport-vessel.jpg"] img{object-fit:cover!important;object-position:center!important}
@media(min-width:768px) and (max-width:999px){body.v17-page #main#main .projects-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:240px!important}body.v17-page #main#main .projects-v12-grid>.project-v12-card{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;height:100%!important}body.v17-page #main#main .projects-v12-grid>.project-v12-large,body.v17-page #main#main .projects-v12-grid>.project-v12-card:last-child{grid-column:1/-1!important}}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) h2{color:#242424!important}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) h3{color:#364047!important}
body.v17-page #main#main #qHSE .cert-copy h3{color:#242424!important}
body.v17-page .site-footer{padding-top:36px!important;border-top:1px solid #465057!important}
body.v17-page .site-footer .footer-grid{gap:36px!important;padding-bottom:24px!important}
body.v17-page .site-footer .footer-grid>.footer-links:nth-child(2){display:flex!important;gap:6px!important}
body.v17-page .site-footer .footer-grid>.footer-links:nth-child(2) .footer-link-icon{display:none!important}
body.v17-page .site-footer .footer-links a{font-size:14px!important;min-height:32px!important;padding:2px 0!important}
body.v17-page .site-footer .footer-links>strong{font-size:13px!important;letter-spacing:.08em!important}
body.v17-page .site-footer .footer-links>strong::after{display:none!important}
body.v17-page .site-footer .footer-brand strong{font-size:14px!important;line-height:1.6!important}
body.v17-page .site-footer .footer-brand p{font-size:12px!important}
body.v17-page .site-footer .footer-share{padding-bottom:20px!important}
body.v17-page .site-footer .footer-bottom{padding-block:16px!important}
@media(max-width:767px){body.v17-page .site-footer .footer-grid{grid-template-columns:1fr!important;gap:24px!important}body.v17-page .site-footer .footer-grid>.footer-links:nth-child(2){flex-direction:row!important;flex-wrap:wrap!important;gap:8px 20px!important}body.v17-page .site-footer .footer-grid>.footer-links:nth-child(2)>strong{flex-basis:100%!important}}
body.v17-page .site-footer,body.v17-page .footer-bottom{background:#333333!important;border-top-color:#4b4b4b!important}
/* Clear text hierarchy and justified reading paragraphs. */
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) p:not(.eyebrow):not(.about-v20-subhead),body.v17-page #main#main :is(.about-v20-highlight-text,.contact-card>strong,.cert span){color:#000!important}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) h2,body.v17-page #main#main #qHSE .cert-copy h3{color:#202020!important}
body.v17-page #main#main :is(#about,#services,#projects,#clients,#qHSE,#contact) p.eyebrow,body.v17-page #main#main .about-v20-subhead{color:#59656d!important}
body.v17-page #main#main :is(.about-v20-copy>p,.about-v20-commitments article p,.about-v20-value-grid p,.service-v14-body>p,.section-head-v12>p,.projects-v12-head>p,.clients-v19-head>p:not(.eyebrow),.qhse-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.cert-copy>p:not(.eyebrow)){text-align:justify!important;text-align-last:start!important}
body.v17-page :is(dialog,[role="dialog"]) :is(p,li){color:#000!important}
@media(max-width:767px){body.v17-page #main#main :is(.about-v20-copy>p,.about-v20-commitments article p,.about-v20-value-grid p,.service-v14-body>p,.section-head-v12>p,.projects-v12-head>p,.clients-v19-head>p:not(.eyebrow),.qhse-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.cert-copy>p:not(.eyebrow)){text-align:start!important}}
/* Restore natural reading alignment in both languages. */
body.v17-page #main#main :is(.about-v20-copy>p,.about-v20-commitments article p,.about-v20-value-grid p,.service-v14-body>p,.section-head-v12>p,.projects-v12-head>p,.clients-v19-head>p:not(.eyebrow),.qhse-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.cert-copy>p:not(.eyebrow)){text-align:start!important;text-align-last:auto!important}
/* Show every hero photograph in full without stretching or cropping. */
body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image,html[dir="rtl"] body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#202020!important;transform:none!important}
@media(hover:hover){body.v17-page .hero-v12:hover .hero-v12-panel.is-active img.hero-v12-image{transform:none!important}}
@media(max-width:767px){body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image,html[dir="rtl"] body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image{object-position:center bottom!important}}
/* Subtle language-switch emphasis. */
body.v17-page .site-header .mainnav>a.language-switch{background:#fffbd6!important;border:1px solid #d9ca32!important;color:#242424!important;font-weight:700!important;border-radius:999px!important;padding:9px 15px!important;box-shadow:0 2px 6px #24242406!important}
@media(hover:hover){body.v17-page .site-header .mainnav>a.language-switch:hover{background:#feed01!important;border-color:#feed01!important;color:#000!important}}
body.v17-page .site-header .mainnav>a.language-switch:focus-visible{outline:3px solid #a89400!important;outline-offset:3px!important}
/* Restore edge-to-edge hero image presentation. */
body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image,html[dir="rtl"] body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image{object-fit:cover!important;object-position:center center!important}
@media(max-width:767px){body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image,html[dir="rtl"] body.v17-page .hero-v12-panel .hero-v12-media img.hero-v12-image{object-fit:contain!important;object-position:center bottom!important}}
