/* Current workspace theme: full-bleed photography, navy typography and red accents. */
:root{--brand-navy:#082c70;--brand-red:#ed1230;--header-height:90px;--hero-tabs-height:88px}
body.v17-page{font-family:Arial,"Segoe UI",sans-serif;color:#102c58}
.v17-page .hero-v12{width:100%;margin:0;background:var(--brand-navy)}
.v17-page .hero-v12-stage{height:max(560px,calc(100svh - var(--header-height) - var(--hero-tabs-height)))!important;min-height:560px!important}
.v17-page .hero-v12-inner{width:100%!important;max-width:none!important;margin:0!important}
.v17-page .hero-v12-copy{box-sizing:content-box;max-width:620px!important;padding:clamp(48px,8vh,110px) max(24px,calc((100% - 1320px)/2)) 48px!important}
.v17-page .hero-v12-copy h1{font-family:inherit;font-size:clamp(40px,4.3vw,78px)!important;line-height:1.06;letter-spacing:-.035em}
.v17-page .hero-v12-media{max-width:none!important}
.v17-page .hero-v12-image{object-fit:cover!important;object-position:center!important}
.v17-page .hero-v12-media::after{background:linear-gradient(90deg,rgba(3,28,77,.96),rgba(3,28,77,.82) 30%,rgba(3,28,77,.12) 74%)!important}
.v17-page .hero-kicker{color:#fff!important;font-size:12px!important;letter-spacing:.12em!important}
.v17-page .brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}
.v17-page .brand-copy{display:flex!important;flex-direction:column;gap:6px;min-width:0;text-align:start}
.v17-page .brand-copy strong{font-family:inherit;font-size:clamp(11px,.95vw,15px)!important;line-height:1.3!important}
.v17-page .brand-copy span{display:block!important;font-size:10px!important;line-height:1.5;white-space:normal!important;color:#435675!important}
.v17-page .brand-mark{flex:none;object-fit:contain!important;align-self:center}
html[dir="rtl"] .v17-page .brand{direction:rtl;flex-direction:row!important}
html[dir="rtl"] .v17-page .brand-copy{direction:rtl;text-align:right!important}
html[dir="rtl"] .v17-page .hero-v12-copy{margin:0!important;text-align:right!important}
html[dir="rtl"] .v17-page .hero-v12-media::after{background:linear-gradient(270deg,rgba(3,28,77,.96),rgba(3,28,77,.82) 30%,rgba(3,28,77,.12) 74%)!important}
.v17-page .qhse-grid{align-items:start!important;gap:clamp(28px,5vw,80px)!important}
.v17-page .qhse-copy,.v17-page .qhse-copy p,.v17-page .principle{text-align:start!important}
.v17-page .qhse-copy h2{font-size:clamp(30px,3.1vw,48px)!important;line-height:1.15!important;max-width:20ch;margin-top:0}
.v17-page .qhse-copy>p{line-height:1.8!important;max-width:62ch}
.v17-page .qhse-quote{border-inline-start:3px solid var(--brand-red);padding:14px 20px!important;background:#edf3fb;font-weight:700}
.v17-page .qhse-principles{display:grid;gap:16px}
.v17-page .principle,html[dir="rtl"] .v17-page .principle{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon text"!important;gap:7px 18px!important;padding:24px!important;border:1px solid #dce5f1!important;border-radius:8px!important;box-shadow:0 8px 24px #082c7009}
.v17-page .principle-icon{display:grid!important;width:48px!important;height:48px!important;position:static!important;grid-area:icon!important;justify-self:start!important;visibility:visible!important;opacity:1!important;background:var(--brand-red)!important;color:white!important;border:0!important;border-radius:50%!important}
.v17-page .qhse-principles .principle .principle-icon{background:var(--brand-red)!important;color:#fff!important}
.v17-page .principle-icon svg{display:block!important;width:28px!important;height:28px!important;fill:currentColor!important;opacity:1!important;visibility:visible!important}
.v17-page .principle h3{font-size:18px!important;line-height:1.35!important}
.v17-page .principle p{font-size:14px!important;line-height:1.65!important}
.v17-page .service-title-icon,.v17-page .about-v20-icon,.v17-page .about-v20-value-icon{width:42px!important;height:42px!important;color:var(--brand-red)!important;background:#fff!important;border:1px solid #f2c5cd!important;border-radius:8px!important;box-shadow:none!important}
.v17-page .service-v14-title{grid-template-columns:42px minmax(0,1fr)!important}
.v17-page .service-title-icon svg,.v17-page .about-v20-icon svg,.v17-page .about-v20-value-icon svg{width:26px!important;height:26px!important;fill:currentColor!important}
.v17-page .site-footer{background:#082c70!important;border-top:4px solid var(--brand-red);color:#fff}
.v17-page .footer-brand p,.v17-page .footer-links a{color:#e1eafa!important}
.v17-page .footer-links strong{color:#fff!important}
.v17-page .footer-brand-mark{border-radius:6px!important}
@media(max-width:1100px){.v17-page .nav-inner{flex-wrap:wrap}.v17-page .brand-copy{max-width:310px}.v17-page .hero-v12-copy{max-width:540px!important}.v17-page .hero-v12-copy h1{font-size:clamp(40px,5.5vw,62px)!important}}
@media(max-width:767px){.v17-page .hero-v12-stage{height:max(620px,calc(100svh - var(--header-height) - var(--hero-tabs-height)))!important;min-height:620px!important}.v17-page .hero-v12-copy{padding:40px 24px 220px!important;max-width:none!important;box-sizing:border-box}.v17-page .hero-v12-copy h1{font-size:38px!important}.v17-page .hero-v12-media::after,html[dir="rtl"] .v17-page .hero-v12-media::after{background:linear-gradient(180deg,#031c4df5,#031c4dc9 48%,#031c4d15)!important}.v17-page .brand-copy{max-width:240px}.v17-page .brand-copy span{font-size:9px!important}.v17-page .principle,html[dir="rtl"] .v17-page .principle{padding:20px!important;gap:6px 12px!important}}
/* Override legacy numbered-card rule without hiding the real SVG icons. */
.v17-page .principle span.principle-icon{display:grid!important}
.v17-page .qhse-principles{grid-template-columns:minmax(0,1fr)!important}
.v17-page .qhse-quote{color:#082c70!important}
body.v17-page, .v17-page h1,.v17-page h2,.v17-page h3,.v17-page a,.v17-page button,.v17-page strong{font-family:Arial,"Segoe UI",sans-serif!important}
.v17-page .qhse-principles .principle:nth-child(n) .principle-icon{background:#ed1230!important;color:#fff!important}
.v17-page .qhse-principles .principle{min-height:0!important;grid-template-rows:auto auto!important;align-content:start!important}
html[lang="ar"] body.v17-page,html[lang="ar"] .v17-page h1,html[lang="ar"] .v17-page h2,html[lang="ar"] .v17-page h3,html[lang="ar"] .v17-page a,html[lang="ar"] .v17-page button,html[lang="ar"] .v17-page strong{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}

/* One visual system for both languages. Locally bundled, OFL-licensed Arabic font. */
@font-face{font-family:"Noto Sans Arabic";src:url("../fonts/NotoSansArabic.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--hetco-red:#ed1230;--hetco-blue:#082c70;--brand:#082c70;--ink:#102c58}
html[lang="ar"] body.v17-page,html[lang="ar"] .v17-page :is(h1,h2,h3,a,button,strong,p,span){font-family:"Noto Sans Arabic",Tahoma,sans-serif!important;letter-spacing:0!important}
html[lang="ar"] .v17-page :is(p,li){line-height:1.9!important}
html[lang="ar"] .v17-page h1{line-height:1.35!important;font-size:clamp(36px,3.8vw,68px)!important}
html[lang="ar"] .v17-page :is(h2,h3){line-height:1.5!important}
html[lang="ar"] .v17-page .brand-copy strong{font-size:12px!important;line-height:1.6!important}
html[lang="ar"] .v17-page .brand-copy span{font-size:9px!important}
.v17-page :is(.btn-primary,.nav-cta){background:#ed1230!important;color:#fff!important;border-color:#ed1230!important;box-shadow:none!important}
.v17-page :is(.services-v12,.qhse){background:#f2f6fc!important}
.v17-page :is(.service-v12-card,.principle,.contact-card){border-radius:6px!important}
.v17-page :is(.eyebrow,.service-v14-action strong,.service-v14-action>span){color:#ed1230!important}
/* Outline icons: identical geometry, weight, colour and containers. */
body.v17-page :is(.service-title-icon,.about-v20-icon,.about-v20-value-icon,.about-v20-highlight-icon,.principle-icon,.contact-card-icon,.footer-link-icon){display:grid!important;place-items:center!important;flex-shrink:0;width:44px!important;height:44px!important;border:1px solid #ed1230!important;border-radius:50%!important;color:#fff!important;background:#ed1230!important;box-shadow:none!important}
body.v17-page svg.hetco-icon{display:block!important;visibility:visible!important;opacity:1!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
body.v17-page .footer-link-icon{width:26px!important;height:26px!important}
body.v17-page .footer-link-icon svg.hetco-icon{width:16px!important;height:16px!important}
body.v17-page .about-v20-highlight{grid-template-columns:44px minmax(0,1fr)!important}
html[dir="rtl"] body.v17-page .about-v20-highlight-icon{order:0!important}
body.v17-page .action-arrow{display:inline-flex!important;align-items:center;justify-content:center;flex:none}
body.v17-page .action-arrow svg.hetco-icon{width:20px!important;height:20px!important;transition:transform .2s ease}
html[dir="rtl"] body.v17-page .action-arrow svg{transform:scaleX(-1)}
.v17-page .hero-v12-arrow{display:grid!important;place-items:center;line-height:1!important}
.v17-page .hero-v12-arrow span{font-family:Arial,sans-serif!important;font-size:32px!important;line-height:1!important}
/* Diagonal navy treatment from the supplied reference; photography remains full width. */
body.v17-page .hero-v12-media::after{background:linear-gradient(90deg,#03245cf5 0%,#052d74e8 32%,#104d9666 52%,transparent 76%)!important}
body.v17-page .hero-v12-media::before{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(120deg,transparent 0%,transparent 14%,#2460b226 14%,#2460b226 24%,transparent 24%,transparent 36%);clip-path:polygon(0 0,57% 0,36% 100%,0 100%);pointer-events:none}
html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(270deg,#03245cf5 0%,#052d74e8 32%,#104d9666 52%,transparent 76%)!important}
html[dir="rtl"] body.v17-page .hero-v12-media::before{transform:scaleX(-1)}
body.v17-page .hero-v12-copy{z-index:3!important}
body.v17-page .hero-v12-copy>p:not(.hero-kicker){color:#eef4ff!important}
/* Angular About photo framing, using the original heavy-transport photograph. */
body.v17-page .about-final-collage{padding:0 34px!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;isolation:isolate}
body.v17-page .about-final-collage img{width:100%!important;height:clamp(340px,31vw,500px)!important;object-fit:cover!important;object-position:center!important;clip-path:polygon(23% 0,100% 0,77% 100%,0 100%);transition:transform .6s ease!important}
body.v17-page .about-final-collage::before{display:block!important;content:""!important;position:absolute!important;inset:-12px 20px 12px 0!important;width:auto!important;height:auto!important;background:#082c70!important;clip-path:polygon(23% 0,27% 0,4% 100%,0 100%);transform:none!important;z-index:-1!important;opacity:1!important}
body.v17-page .about-final-collage::after{display:block!important;content:""!important;position:absolute!important;inset:14% 0 18% 20px!important;width:auto!important;height:auto!important;background:#ed1230!important;clip-path:polygon(95% 0,100% 0,78% 100%,73% 100%);transform:none!important;box-shadow:none!important;border:0!important;z-index:1!important}
/* Contact and footer use the same navy, with the same red icon circles. */
body.v17-page .contact{background:#082c70!important}
body.v17-page .contact-card{border:1px solid #ffffff40!important;background:#ffffff0c!important}
body.v17-page .contact-card>span:not(.contact-card-icon){color:#e6eeff!important}
body.v17-page .contact-card :is(strong,b){color:#fff!important}
body.v17-page .contact .eyebrow{color:#fff!important}
body.v17-page .contact .eyebrow::after{background:#ed1230!important}
html[dir="rtl"] body.v17-page :is(.contact-copy,.contact-card,.clients-v19-head,.section-head-v12,.cert-copy,.footer-brand){text-align:right!important}
html[dir="rtl"] body.v17-page :is(.about-v20-value-grid article,.principle){direction:rtl!important}
.v17-page :is(a,button):focus-visible{outline:3px solid #ed1230!important;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.v17-page .hero-v12:hover .hero-v12-panel.is-active .hero-v12-image{transform:scale(1.035)!important;transition:transform 1.2s ease!important}
 body.v17-page .about-final-collage:hover img{transform:scale(1.025)!important}
 body.v17-page :is(.service-v12-card,.contact-card):hover{transform:translateY(-4px);border-color:#ed1230!important}
 body.v17-page .btn:hover .action-arrow svg{transform:translateX(3px)}
 html[dir="rtl"] body.v17-page .btn:hover .action-arrow svg{transform:translateX(-3px) scaleX(-1)}
}
@media(max-width:1100px){html[lang="ar"] .v17-page .nav-inner{gap:16px}.v17-page .contact-cards{grid-template-columns:1fr!important}.v17-page .contact-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:22px!important}.v17-page .contact-card-icon{grid-row:1/4;margin:0!important}.v17-page .contact-card b{margin-top:8px!important}}
@media(max-width:767px){html[lang="ar"] .v17-page h1{font-size:34px!important}html[lang="ar"] .v17-page .brand-copy strong{font-size:10px!important}.v17-page .hero-v12-copy{padding-top:38px!important}body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,#03245cf5,#03245cd9 48%,#03245c33)!important}body.v17-page .about-final-collage{padding:0 22px!important}body.v17-page .about-final-collage img{height:340px!important}.v17-page .contact-grid{grid-template-columns:1fr!important}.v17-page .contact-actions{display:flex;flex-wrap:wrap}.v17-page .contact-actions .btn{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body.v17-page *,body.v17-page *::before,body.v17-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.v17-page .about-v20-commitments article:nth-of-type(n) .about-v20-icon,body.v17-page .about-v20-value-grid article:nth-child(n) .about-v20-value-icon,body.v17-page .qhse-principles .principle:nth-child(n) .principle-icon,body.v17-page .contact-card:nth-child(n) .contact-card-icon,body.v17-page .footer-links a:nth-of-type(n) .footer-link-icon{background:#ed1230!important;color:#fff!important;border-color:#ed1230!important}
html[dir="rtl"] body.v17-page .about-v20-commitments article,html[dir="rtl"] body.v17-page .about-v20-value-grid article{grid-template-columns:44px minmax(0,1fr)!important;direction:rtl!important}
html[dir="rtl"] body.v17-page .about-v20-icon,html[dir="rtl"] body.v17-page .about-v20-value-icon{order:0!important}
body.v17-page .about-final-collage img{object-position:57% center!important}
/* Include hero padding within the available height on large displays. */
body.v17-page .hero-v12-copy{box-sizing:border-box!important;width:calc(620px + max(24px, (100vw - 1320px)/2)*2)!important;max-width:100%!important;height:100%!important}
@media(max-width:767px){body.v17-page .hero-v12-copy{width:100%!important;height:100%!important;justify-content:flex-start!important;padding:38px 24px 190px!important}}
/* Reference corrections: pinned navigation, exact supplied About artwork, light footer. */
body.v17-page .site-header{position:sticky!important;top:0!important;z-index:1000!important;transform:none!important;background:#fff!important;box-shadow:0 2px 18px #082c7012}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body.v17-page main section[id]{scroll-margin-top:20px}
body.v17-page .mainnav>a.is-active:not(.nav-cta){color:#ed1230!important}
body.v17-page .mainnav>a.is-active::after{background:#ed1230!important;transform:scaleX(1)!important;opacity:1!important}
body.v17-page .about-final-collage{padding:0!important;overflow:hidden!important;background:#fff!important}
body.v17-page .about-final-collage img{height:auto!important;aspect-ratio:790/354!important;object-fit:contain!important;clip-path:none!important;transform:none!important}
body.v17-page .about-final-collage::before,body.v17-page .about-final-collage::after{display:none!important;content:none!important}
body.v17-page .hero-v12-media::after{background:linear-gradient(90deg,#031f59f5,#0b3a81e8 60%,#2869b050)!important;clip-path:polygon(0 0,62% 0,38% 100%,0 100%)}
body.v17-page .hero-v12-media::before{clip-path:polygon(0 0,62% 0,38% 100%,0 100%);background:repeating-linear-gradient(120deg,transparent 0 12%,#235aa92b 12% 21%,transparent 21% 31%);z-index:2}
html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(270deg,#031f59f5,#0b3a81e8 60%,#2869b050)!important;clip-path:polygon(38% 0,100% 0,100% 100%,62% 100%)}
body.v17-page .hero-v12-arrow svg.hero-chevron{display:block;width:23px;height:23px;fill:none!important;stroke:currentColor!important;flex:none}
body.v17-page .hero-v12-prev svg.hero-chevron{transform:rotate(180deg)}
body.v17-page .hero-v12-next svg.hero-chevron{transform:none}
html[dir="rtl"] body.v17-page .hero-v12-prev svg.hero-chevron{transform:none}
html[dir="rtl"] body.v17-page .hero-v12-next svg.hero-chevron{transform:rotate(180deg)}
body.v17-page .site-footer{background:#f2f5fa!important;color:#082c70!important;border-top:1px solid #d9e2ef!important}
body.v17-page .footer-brand strong,body.v17-page .footer-links strong{color:#082c70!important}
body.v17-page .footer-brand p,body.v17-page .footer-links a,body.v17-page .footer-bottom,body.v17-page .footer-bottom a{color:#435675!important}
body.v17-page .footer-bottom{border-top:1px solid #d9e2ef!important}
body.v17-page .footer-brand-mark{box-shadow:none!important;background:transparent!important}
body.v17-page .footer-links a:hover{color:#ed1230!important}
@media(max-width:767px){body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{clip-path:none!important;background:linear-gradient(180deg,#031f59f5,#082c70d9 58%,#082c7020)!important}body.v17-page .about-final-collage img{height:auto!important}.v17-page .hero-v12-arrows{display:flex!important;padding:10px 0;justify-content:flex-end}.v17-page .hero-v12-navgrid{display:block!important}}
/* Body overflow creates a separate sticky scroll container; pin directly to viewport. */
body.v17-page{padding-top:var(--header-height)}
body.v17-page .site-header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important}
body.v17-page .hero-v12-arrow::before,body.v17-page .hero-v12-arrow::after{content:none!important;display:none!important}
body.v17-page .hero-v12-arrow{padding:0!important;align-items:center!important;justify-items:center!important}
/* Light-to-dark photographic overlay with a stepped diagonal edge. */
body.v17-page .hero-v12-media::after{clip-path:none!important;background:linear-gradient(90deg,rgba(2,23,65,.98) 0%,rgba(5,36,91,.93) 24%,rgba(16,64,125,.65) 43%,rgba(57,118,183,.18) 62%,transparent 82%)!important;opacity:.94!important;transition:opacity .6s ease!important}
body.v17-page .hero-v12-media::before{clip-path:polygon(0 0,61% 0,56% 18%,59% 18%,49% 48%,52% 48%,39% 81%,42% 81%,35% 100%,0 100%)!important;background:repeating-linear-gradient(120deg,#021b4c1a 0 10%,#2c66ad26 10% 18%,#06275c1a 18% 29%)!important;opacity:1!important}
html[dir="rtl"] body.v17-page .hero-v12-media::after{clip-path:none!important;background:linear-gradient(270deg,rgba(2,23,65,.98) 0%,rgba(5,36,91,.93) 24%,rgba(16,64,125,.65) 43%,rgba(57,118,183,.18) 62%,transparent 82%)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .hero-v12:hover .hero-v12-media::after{opacity:1!important}body.v17-page .hero-v12:hover .hero-v12-panel.is-active .hero-v12-image{filter:brightness(.94) saturate(1.04)!important}}
/* Let the supplied artwork occupy more of the About section. */
@media(min-width:1101px){body.v17-page .about-v20-top{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;gap:28px!important}body.v17-page .about-final-collage{width:100%!important;max-width:none!important;align-self:center!important}}
@media(min-width:768px) and (max-width:1100px){body.v17-page .about-v20-top{grid-template-columns:1fr!important;gap:26px!important}body.v17-page .about-final-collage{max-width:920px!important;margin-inline:auto!important}}
/* Quiet, professional footer with matching brand typography and no logo tile. */
body.v17-page .site-footer{background:#f4f6fa!important;padding:44px 0 20px!important;border-top:1px solid #dce3ed!important}
body.v17-page .footer-grid{grid-template-columns:minmax(0,1.65fr) minmax(140px,.55fr) minmax(190px,.7fr)!important;gap:44px!important}
body.v17-page .footer-brand{display:flex!important;gap:16px!important;align-items:center!important}
body.v17-page .footer-brand-mark{mix-blend-mode:multiply;filter:none!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:64px!important;max-width:64px!important;height:64px!important;flex-shrink:0}
body.v17-page .brand-mark{mix-blend-mode:multiply}
body.v17-page .brand-copy strong,body.v17-page .footer-brand strong{font-size:clamp(11px,.95vw,15px)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;color:#082c70!important}
body.v17-page .brand-copy span,body.v17-page .footer-brand p{font-size:10px!important;line-height:1.8!important;color:#435675!important;letter-spacing:0!important}
body.v17-page .footer-brand strong{margin-bottom:6px!important}
body.v17-page .footer-links>strong{font-size:11px!important;letter-spacing:.1em!important;margin-bottom:16px!important}
body.v17-page .footer-links a{font-size:13px!important;padding:5px 0!important;gap:9px!important}
body.v17-page .footer-links a:nth-of-type(n) .footer-link-icon{background:transparent!important;color:#082c70!important;border:0!important;width:20px!important;height:20px!important}
body.v17-page .footer-bottom{margin-top:32px!important;padding-top:18px!important;font-size:11px!important}
html[lang="ar"] body.v17-page .brand-copy strong,html[lang="ar"] body.v17-page .footer-brand strong{font-size:12px!important;line-height:1.7!important}
html[lang="ar"] body.v17-page .brand-copy span,html[lang="ar"] body.v17-page .footer-brand p{font-size:9px!important;line-height:1.8!important}
@media(max-width:1100px){body.v17-page .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}body.v17-page .footer-brand{grid-column:1/-1!important}}
@media(max-width:767px){body.v17-page .footer-grid{grid-template-columns:1fr!important;gap:24px!important}body.v17-page .footer-brand-mark{width:52px!important;height:56px!important}body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,#031f59f5,#082c70d9 58%,#082c7020)!important}body.v17-page .hero-v12-media::before{clip-path:polygon(0 0,100% 0,100% 50%,80% 64%,85% 64%,40% 90%,46% 90%,24% 100%,0 100%)!important}}
body.v17-page .footer-brand-mark{margin:0!important}
body.v17-page .footer-brand{justify-content:flex-start!important}
body.v17-page .footer-brand>div{min-width:0;text-align:start!important}
/* Editorial About layout: separate commitments from the photographic introduction. */
body.v17-page .about-v20{padding:56px 0!important}
body.v17-page .about-v20-top{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:36px!important}
body.v17-page .about-v20-copy h2{font-size:clamp(34px,3vw,48px)!important;line-height:1.15!important}
body.v17-page .about-final-collage{width:100%!important;max-width:none!important;margin:0!important}
body.v17-page .about-v20-commitments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px!important;padding:24px!important;border:1px solid #dce6f3;background:#f3f7fd;border-radius:8px}
body.v17-page .about-v20-commitments>.about-v20-subhead{grid-column:1/-1;margin:0!important}
body.v17-page .about-v20-commitments article{border:0!important;padding:0!important;align-items:start!important}
body.v17-page .about-v20-value{margin-top:28px!important;padding-top:24px!important}
body.v17-page .section{padding-top:64px;padding-bottom:64px}
/* Pale blue footer, deliberate hierarchy and a distinct lower information bar. */
body.v17-page .site-footer{background:linear-gradient(120deg,#e9f2ff,#dceafa)!important;border-top:3px solid #c2d7f2!important;padding:48px 0 0!important}
body.v17-page .footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(140px,.65fr) minmax(200px,.8fr)!important;gap:52px!important;padding-bottom:36px}
body.v17-page .footer-brand{align-items:flex-start!important;gap:18px!important}
body.v17-page .footer-brand-mark{width:72px!important;height:72px!important;max-width:72px!important}
body.v17-page .footer-brand>div{padding-top:5px}
body.v17-page .footer-links>strong{display:block!important;font-size:13px!important;letter-spacing:.08em!important;color:#082c70!important;margin-bottom:14px!important}
body.v17-page .footer-links>strong::after{content:"";display:block;width:28px;height:2px;margin-top:9px;background:#ed1230}
body.v17-page .footer-links a{color:#29466f!important;font-size:14px!important;padding:6px 0!important}
body.v17-page .footer-bottom{background:#d2e3f7!important;border-top:1px solid #bed2ec!important;margin-top:0!important;padding:18px 24px!important;max-width:none!important;width:100%!important;box-sizing:border-box;color:#29466f!important}
body.v17-page .footer-bottom a{font-weight:700;color:#082c70!important}
@media(max-width:1399px){body.v17-page .about-v20-top{grid-template-columns:1fr!important;gap:22px!important}body.v17-page .about-v20-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}body.v17-page .about-v20-copy>.eyebrow,body.v17-page .about-v20-copy>h2{grid-column:1/-1}body.v17-page .about-v20-copy h2 br{display:none}body.v17-page .about-v20-highlight{margin-top:4px!important}body.v17-page .about-final-collage{max-width:1180px!important;margin-inline:auto!important}}
@media(max-width:1100px){body.v17-page .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}body.v17-page .footer-brand{grid-column:1/-1!important}}
@media(max-width:767px){body.v17-page .about-v20-copy{display:block}body.v17-page .about-v20-commitments{grid-template-columns:1fr;padding:20px!important;gap:20px}body.v17-page .footer-grid{grid-template-columns:1fr!important;gap:28px!important;padding-bottom:28px}body.v17-page .footer-brand-mark{width:56px!important;height:60px!important}body.v17-page .footer-bottom{padding:18px 20px!important;gap:12px!important}body.v17-page .section{padding-top:44px;padding-bottom:44px}}
body.v17-page .about-final-collage img{clip-path:inset(0 0 0 1%)!important}
/* Keep long sections easier to scan without changing their content. */
body.v17-page .service-v12-image{height:230px!important;aspect-ratio:auto!important}
body.v17-page .service-v14-body{min-height:195px!important;padding:20px!important}
body.v17-page .clients-v20-grid .client-v19-logo{height:88px!important;padding:8px 12px!important;border-radius:6px!important;box-shadow:none!important}
body.v17-page .clients-v20-grid .client-v19-logo img{max-height:70px!important;opacity:1!important}
@media(max-width:767px){body.v17-page .service-v12-image{height:205px!important}body.v17-page .service-v14-body{min-height:0!important}}
/* Straight photography and a restrained architectural corner frame. */
body.v17-page .about-v20-top{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;grid-template-rows:auto 1fr;gap:18px 40px!important;align-items:start!important}
body.v17-page .about-intro-heading{grid-column:1;grid-row:1}
body.v17-page .about-intro-heading h2{font-size:clamp(32px,3vw,48px)!important;line-height:1.15!important;color:#082c70;margin:0!important;letter-spacing:-.025em}
body.v17-page .about-v20-copy{display:block!important;grid-column:1;grid-row:2}
body.v17-page .about-v20-copy>p{font-size:14px!important;line-height:1.8!important}
body.v17-page .about-final-collage{grid-column:2;grid-row:1/span 2;align-self:center!important;position:relative!important;overflow:visible!important;padding:12px!important;background:#edf3fb!important;border-radius:6px!important;box-sizing:border-box;isolation:isolate}
body.v17-page .about-final-collage img{clip-path:none!important;aspect-ratio:4/3!important;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:2px}
body.v17-page .about-final-collage::before{display:block!important;content:""!important;position:absolute!important;inset:-5px auto auto -5px!important;width:65px!important;height:65px!important;border-top:4px solid #082c70!important;border-left:4px solid #082c70!important;background:transparent!important;clip-path:none!important;z-index:2!important;transform:none!important}
body.v17-page .about-final-collage::after{display:block!important;content:""!important;position:absolute!important;inset:auto -5px -5px auto!important;width:65px!important;height:65px!important;border-bottom:4px solid #ed1230!important;border-right:4px solid #ed1230!important;background:transparent!important;clip-path:none!important;z-index:2!important;transform:none!important}
/* Certification heading has its own row; standards remain distinct and readable. */
body.v17-page .certification-panel{display:block!important;padding:32px!important;border:1px solid #dce6f2!important;border-radius:8px!important;box-shadow:none!important}
body.v17-page .cert-copy{max-width:850px;margin-bottom:24px}
body.v17-page .cert-copy h3{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.3!important;margin:0 0 12px!important;color:#082c70}
body.v17-page .cert-copy>p:not(.eyebrow){font-size:14px!important;line-height:1.8!important;margin:0}
body.v17-page .cert-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.v17-page .cert{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:24px 18px!important;background:#f1f6fd!important;border:1px solid #e0e9f5;border-radius:6px!important}
body.v17-page .cert img{width:72px!important;height:72px!important;object-fit:contain!important}
body.v17-page .cert strong{font-size:16px!important;direction:ltr;line-height:1.4!important}
body.v17-page .cert span{font-size:13px!important;line-height:1.6!important;color:#435675!important}
@media(max-width:767px){body.v17-page .about-v20-top{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}body.v17-page .about-intro-heading{grid-column:1;grid-row:1}body.v17-page .about-final-collage{grid-column:1;grid-row:2;width:calc(100% - 10px)!important;margin-inline:5px!important}body.v17-page .about-v20-copy{grid-column:1;grid-row:3}body.v17-page .about-intro-heading h2{font-size:32px!important}body.v17-page .certification-panel{padding:22px!important}body.v17-page .cert-grid{grid-template-columns:1fr!important}body.v17-page .cert{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;text-align:start!important;column-gap:16px!important;padding:20px!important}body.v17-page .cert img{grid-row:1/span 2;width:64px!important;height:64px!important}body.v17-page .cert strong{direction:ltr;text-align:start}body.v17-page .cert span{grid-column:2}}
/* ISO marks keep their original colours and aspect ratio, with centred labels. */
body.v17-page .cert{justify-content:flex-start!important;align-items:center!important;gap:12px!important;background:#fff!important;min-width:0}
body.v17-page .cert img{display:block!important;width:104px!important;height:104px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;align-self:center!important;margin:0 auto 4px!important;padding:0!important;filter:none!important;opacity:1!important}
body.v17-page .cert strong,body.v17-page .cert span{display:block!important;width:100%!important;text-align:center!important;margin:0!important;padding:0!important;align-self:center!important;float:none!important;position:static!important}
body.v17-page .cert strong{color:#082c70!important;font-size:17px!important}
body.v17-page .cert span{max-width:29ch!important;min-height:42px}
/* A single calm light-blue footer instead of a grey/blue gradient. */
body.v17-page .site-footer{background:#e8f1fb!important;border-top:2px solid #ccdff3!important}
body.v17-page .footer-bottom{background:#deebf9!important;border-top:1px solid #c5d9ef!important}
@media(max-width:767px){body.v17-page .cert{grid-template-columns:88px minmax(0,1fr)!important;gap:6px 18px!important}body.v17-page .cert img{width:88px!important;height:88px!important;margin:0!important}body.v17-page .cert strong,body.v17-page .cert span{text-align:start!important;align-self:center!important}body.v17-page .cert span{min-height:0!important;max-width:none!important}html[dir="rtl"] body.v17-page .cert strong{text-align:right!important}}
body.v17-page .iso-standard-lines{display:grid;gap:7px;margin-top:12px;color:#29466f}
body.v17-page .iso-standard-lines>span{display:block;line-height:1.7;font-size:14px}
body.v17-page .cert-copy{max-width:none!important}
body.v17-page .cert-copy>p{max-width:none!important}
body.v17-page .site-footer{background:#0b367d!important;border-top:3px solid #ed1230!important;color:#fff!important}
body.v17-page .site-footer .footer-brand strong,body.v17-page .site-footer .footer-links>strong{color:#fff!important}
body.v17-page .site-footer .footer-brand p,body.v17-page .site-footer .footer-links a{color:#e4edfc!important}
body.v17-page .site-footer .footer-links a:nth-of-type(n) .footer-link-icon{color:#fff!important}
body.v17-page .site-footer .footer-links a:hover{color:#fff!important;text-decoration:underline}
body.v17-page .footer-bottom{background:#07275f!important;border-top:1px solid #ffffff29!important;color:#d9e6fc!important}
body.v17-page .footer-bottom a{color:#fff!important}
body.v17-page .footer-brand-mark{mix-blend-mode:normal!important;filter:brightness(0) invert(1)!important}
body.v17-page .footer-brand-mark{mix-blend-mode:screen!important;filter:grayscale(1) invert(1) brightness(1.5)!important}
/* Mobile reference: readable navy copy, a dedicated photo area, compact slide dots. */
@media(max-width:767px){
 body.v17-page .hero-v12-stage{height:max(730px,calc(100svh - var(--header-height) - var(--hero-tabs-height)))!important;min-height:730px!important;background:#082c70!important}
 body.v17-page .hero-v12-copy{height:auto!important;min-height:0!important;display:flex!important;justify-content:flex-start!important;padding:30px 24px!important;background:repeating-linear-gradient(120deg,transparent 0 16%,#2c66ad20 16% 27%,transparent 27% 42%)}
 body.v17-page .hero-v12-copy h1{font-size:34px!important;line-height:1.1!important;max-width:100%!important;margin:12px 0 16px!important}
 html[lang="ar"] body.v17-page .hero-v12-copy h1{font-size:30px!important;line-height:1.4!important}
 body.v17-page .hero-kicker{font-size:10px!important;line-height:1.7!important;margin:0 0 4px!important;letter-spacing:.08em!important}
 body.v17-page .hero-v12-copy>p:not(.hero-kicker){font-size:14px!important;line-height:1.65!important;margin:0!important}
 body.v17-page .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important}
 body.v17-page .hero-actions .btn{width:auto!important;min-width:0!important;padding:13px 16px!important;font-size:12px!important;min-height:44px!important}
 body.v17-page .hero-v12-media{inset:auto 0 0!important;width:100%!important;height:260px!important}
 body.v17-page .hero-v12-image{object-fit:cover!important;object-position:center!important}
 body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,#082c7099,transparent 26%,transparent 80%,#082c7044)!important;clip-path:none!important;opacity:1!important}
 body.v17-page .hero-v12-media::before{clip-path:polygon(87% 0,100% 0,100% 25%,95% 25%,100% 40%,88% 40%,94% 22%,81% 22%)!important;background:#ed1230c9!important}
 body.v17-page .hero-v12-tabs{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;overflow:visible!important;padding:18px 12px!important;min-height:20px}
 body.v17-page .hero-v12-tab{display:block!important;position:relative!important;width:10px!important;min-width:10px!important;height:10px!important;min-height:10px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#a7bddc!important;flex:none!important;box-shadow:none!important}
 body.v17-page .hero-v12-tab.is-active{background:#ed1230!important;outline:3px solid #ffffff26!important;outline-offset:3px}
 body.v17-page .hero-v12-tab img,body.v17-page .hero-v12-tab::after,body.v17-page .hero-v12-tab::before{display:none!important}
 body.v17-page .hero-v12-tab>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
 body.v17-page .hero-v12-arrows{display:none!important}
 body.v17-page .hero-v12-navband{background:#082c70!important}
 body.v17-page .about-intro-heading h2{font-size:30px!important;line-height:1.2!important}
 html[lang="ar"] body.v17-page .about-intro-heading h2{line-height:1.5!important}
}
@media(max-width:767px){body.v17-page .hero-v12-stage{height:max(730px,var(--mobile-hero-min,730px),calc(100svh - var(--header-height) - var(--hero-tabs-height)))!important}}
/* Distinguish the enquiry section from the solid deep-blue footer. */
body.v17-page .contact{background:#e8f1fb!important;color:#082c70!important}
body.v17-page .contact :is(h2,.contact-copy>p){color:#082c70!important}
body.v17-page .contact .eyebrow.light{color:#ed1230!important}
body.v17-page .contact .contact-card{background:#fff!important;border:1px solid #c6d8ed!important;box-shadow:0 5px 18px #082c7008}
body.v17-page .contact .contact-card>span:not(.contact-card-icon){color:#435675!important}
body.v17-page .contact .contact-card :is(strong,b){color:#082c70!important}
body.v17-page .contact .btn-white{background:#ed1230!important;border-color:#ed1230!important;color:#fff!important}
body.v17-page .contact .btn-outline-white{background:transparent!important;border-color:#082c70!important;color:#082c70!important}
/* Explicit language choice, reference-style handshake and predictable interaction states. */
body.v17-page .language-selector{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none;font-family:Arial,sans-serif;line-height:1.5}
body.v17-page .language-selector>a{font-size:12px!important;font-weight:700!important;padding:6px 0!important;color:#082c70!important;text-decoration:none;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
body.v17-page .language-selector>a[aria-current="page"]{color:#ed1230!important}
body.v17-page .language-selector>a:hover{text-decoration:underline;text-underline-offset:5px}
body.v17-page .language-selector>span{color:#8b9bb2;font-size:13px}
body.v17-page .mobile-language{display:none}
body.v17-page .about-v20-highlight .about-v20-highlight-icon{width:48px!important;height:48px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#ed1230!important;box-shadow:none!important}
body.v17-page .about-v20-highlight svg.handshake-icon{width:42px!important;height:42px!important;stroke-width:1.6!important;fill:none!important}
body.v17-page .about-v20-highlight{grid-template-columns:48px minmax(0,1fr)!important}
body.v17-page .btn,body.v17-page .nav-cta{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
body.v17-page .hero-v12-tab{transition:background-color .2s ease,outline-color .2s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .btn-primary:hover,body.v17-page .nav-cta:hover{background:#ce0d27!important;box-shadow:0 7px 16px #ed123024!important;transform:translateY(-2px)}body.v17-page .btn-ghost:hover{background:#ffffff20!important}body.v17-page .contact .btn-outline-white:hover{background:#082c70!important;color:white!important}body.v17-page .contact .btn-white:hover{background:#ce0d27!important}body.v17-page .hero-v12-arrow:hover{background:#ed1230!important;border-color:#ed1230!important;color:white!important}body.v17-page .project-v12-card:hover img{transform:scale(1.025)!important}}
body.v17-page .hero-v12-media::before{clip-path:polygon(0 0,61% 0,56% 18%,59% 18%,49% 48%,52% 48%,39% 81%,42% 81%,35% 100%,0 100%)!important}
@media(max-width:1100px){body.v17-page .mainnav{gap:14px!important}}
@media(max-width:767px){body.v17-page .mobile-language{display:block;flex:none;margin-inline-start:auto}body.v17-page .mainnav>.language-selector{display:none}body.v17-page .nav-inner{gap:10px!important;flex-wrap:nowrap!important}body.v17-page .brand{flex:1;min-width:0;gap:8px!important}body.v17-page .brand-copy{max-width:none!important}body.v17-page .brand-copy strong{font-size:10px!important;white-space:normal!important}html[lang="ar"] body.v17-page .brand-copy strong{font-size:9px!important}body.v17-page .brand-copy span{display:none!important}body.v17-page .brand-mark{width:38px!important;height:46px!important}body.v17-page .nav-toggle{flex:none;width:32px!important;margin:0!important}body.v17-page .language-selector{gap:5px}body.v17-page .language-selector>a{font-size:11px!important}body.v17-page .hero-v12-media::before{clip-path:polygon(87% 0,100% 0,100% 25%,95% 25%,100% 40%,88% 40%,94% 22%,81% 22%)!important}}
/* A restrained red edge accent echoes the supplied hero artwork. */
@media(min-width:768px){body.v17-page .hero-v12-stage::after{content:"";position:absolute;inset:0 0 auto auto;width:72px;height:150px;z-index:4;pointer-events:none;background:linear-gradient(110deg,#ed1230 0 65%,#ed123066 65%);clip-path:polygon(78% 0,100% 0,45% 100%,0 100%)}html[dir="rtl"] body.v17-page .hero-v12-stage::after{inset:0 auto auto 0;transform:scaleX(-1)}}
@media(max-width:767px){body.v17-page .mainnav{position:absolute!important;top:100%!important;inset-inline:0!important;height:auto!important;min-height:0!important;max-height:calc(100svh - var(--header-height))!important;overflow-y:auto!important;align-content:start!important;gap:0!important;padding:12px 20px 20px!important;background:#fff!important;box-shadow:0 12px 20px #082c7014}body.v17-page .mainnav>a{min-height:44px!important;padding:12px 4px!important;box-sizing:border-box;line-height:1.5!important}body.v17-page .mainnav>.nav-cta{margin-top:12px!important;text-align:center!important}}
/* Restore the quieter single-language button. */
body.v17-page .mainnav>a.language-switch{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border:1px solid #d9e2ef!important;border-radius:22px!important;background:#fff!important;color:#082c70!important;padding:9px 13px!important;font-size:12px!important;line-height:1.4!important}
body.v17-page .language-switch:hover{background:#edf3fb!important;border-color:#082c70!important}
/* One image-led hero rather than separate text and image blocks. */
body.v17-page .hero-v12-image{object-fit:cover!important;object-position:center 65%!important}
body.v17-page .hero-v12-panel:first-child .hero-v12-image{object-position:center 70%!important}
body.v17-page .contact-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
body.v17-page .contact-card{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:6px 18px!important;align-content:start!important;align-items:start!important;padding:24px!important;min-height:0!important;border:1px solid #dce6f2!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;text-align:start!important}
body.v17-page .contact-card .contact-card-icon{grid-column:1!important;grid-row:1/span 3!important;margin:0!important}
body.v17-page .contact-card>span:not(.contact-card-icon){grid-column:2!important;margin:0!important;font-size:11px!important;line-height:1.5!important}
body.v17-page .contact-card>strong{grid-column:2!important;font-size:16px!important;line-height:1.5!important;margin:0!important}
body.v17-page .contact-card>b{grid-column:2!important;font-size:12px!important;line-height:1.5!important;margin:3px 0 0!important}
body.v17-page .contact-copy h2{font-size:clamp(32px,3.6vw,48px)!important;line-height:1.12!important}
body.v17-page .principle,body.v17-page .cert{border-radius:8px!important;border-color:#dce6f2!important;box-shadow:none!important}
@media(max-width:767px){
 body.v17-page .hero-v12-media{inset:0!important;height:100%!important;width:100%!important;background:#082c70!important}
 body.v17-page .hero-v12-image{height:100%!important;object-fit:cover!important;object-position:center bottom!important}
 body.v17-page .hero-v12-panel:first-child .hero-v12-image{object-position:center bottom!important}
 body.v17-page .hero-v12-copy{background:transparent!important;padding:32px 24px!important;height:auto!important}
 body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(3,27,73,.99) 0%,rgba(5,36,91,.96) 24%,rgba(8,44,112,.83) 43%,rgba(8,44,112,.3) 65%,rgba(8,44,112,.02) 88%)!important;clip-path:none!important;opacity:1!important}
 body.v17-page .hero-v12-media::before{clip-path:polygon(0 0,100% 0,100% 38%,85% 50%,90% 50%,55% 72%,60% 72%,20% 92%,0 100%)!important;background:repeating-linear-gradient(120deg,transparent 0 16%,#487bbb23 16% 25%,transparent 25% 40%)!important}
 body.v17-page .brand-copy strong{font-size:11px!important}html[lang="ar"] body.v17-page .brand-copy strong{font-size:10px!important}
 body.v17-page .contact-card{padding:22px!important;gap:6px 14px!important}
 body.v17-page .contact-grid{gap:30px!important}
}
@media(max-width:767px){body.v17-page .hero-v12-image,body.v17-page .hero-v12-panel:first-child .hero-v12-image{object-fit:contain!important;object-position:center bottom!important;background:#082c70!important}body.v17-page .hero-v12-media::after,html[dir="rtl"] body.v17-page .hero-v12-media::after{background:linear-gradient(180deg,rgba(3,27,73,.99) 0%,rgba(5,36,91,.96) 32%,rgba(8,44,112,.9) 52%,rgba(8,44,112,.6) 65%,rgba(8,44,112,.08) 82%,transparent 95%)!important}}
@media(max-width:767px){body.v17-page .hero-v12-image{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 54%,#000 76%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 54%,#000 76%,#000 100%)}}
body.v17-page .hero-v12 .btn-ghost{color:#fff!important}
@media(max-width:767px){body.v17-page .hero-v12-image{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 66%,#000 84%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 66%,#000 84%,#000 100%)}}
/* Contact hierarchy follows QHSE: navy heading, regular grey supporting text. */
body.v17-page .contact .contact-card>span:not(.contact-card-icon){color:#082c70!important;font-weight:700!important;font-size:18px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4!important}
body.v17-page .contact .contact-card>strong{color:#59677c!important;font-weight:400!important;font-size:15px!important;line-height:1.65!important}
body.v17-page .contact .contact-card>b{color:#59677c!important;font-weight:400!important;font-size:13px!important}
/* Supplied original photo stays sharp and uncropped; artwork sits outside it. */
body.v17-page .about-final-collage{padding:10px!important;background:#edf3fb!important;border:1px solid #e0e8f3!important}
body.v17-page .about-final-collage img{aspect-ratio:1600/992!important;object-fit:contain!important;width:100%!important;height:auto!important;filter:none!important;transform:none!important;clip-path:none!important;image-rendering:auto}
body.v17-page .about-final-collage::before{width:78px!important;height:58px!important;border-top-width:4px!important;border-left-width:4px!important}
body.v17-page .about-final-collage::after{width:78px!important;height:58px!important;border-bottom-width:4px!important;border-right-width:4px!important}
/* H-inspired perimeter: paired slanted uprights and stepped corner accents. */
body.v17-page .about-final-collage{padding:16px!important;background:linear-gradient(135deg,#082c70 0 16%,#c7e2ff 16% 33%,#f0f7ff 33% 69%,#b5d7ff 69% 84%,#ed1230 84% 100%)!important;border:0!important;border-radius:2px!important;isolation:isolate;overflow:visible!important;box-shadow:0 14px 32px #082c7012!important;transition:box-shadow .4s ease,background-position .6s ease!important;background-size:140% 140%!important;background-position:0 0!important}
body.v17-page .about-final-collage img{position:relative;z-index:1;border:5px solid #fff;box-sizing:border-box;border-radius:0!important;transition:filter .45s ease!important}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;position:absolute!important;inset:-7px!important;width:auto!important;height:auto!important;border:0!important;background:linear-gradient(135deg,#082c70 0 40%,#589de9 40% 70%,#ed1230 70%)!important;clip-path:polygon(0 0,25% 0,22% 4%,5% 4%,5% 31%,2% 36%,5% 36%,5% 54%,0 62%,0 39%,2% 34%,0 34%)!important;transform:none!important;z-index:2!important;pointer-events:none;transition:clip-path .45s ease,filter .45s ease!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;position:absolute!important;inset:-7px!important;width:auto!important;height:auto!important;border:0!important;background:linear-gradient(135deg,#082c70 0 35%,#81b9f4 35% 64%,#ed1230 64%)!important;clip-path:polygon(100% 100%,75% 100%,78% 96%,95% 96%,95% 69%,98% 64%,95% 64%,95% 46%,100% 38%,100% 61%,98% 66%,100% 66%)!important;transform:none!important;z-index:2!important;pointer-events:none;transition:clip-path .45s ease,filter .45s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background-position:100% 100%!important;box-shadow:0 20px 42px #082c7026!important}body.v17-page .about-final-collage:hover::before{clip-path:polygon(0 0,58% 0,55% 4%,5% 4%,5% 31%,2% 36%,5% 36%,5% 85%,0 93%,0 39%,2% 34%,0 34%)!important;filter:brightness(1.12)}body.v17-page .about-final-collage:hover::after{clip-path:polygon(100% 100%,42% 100%,45% 96%,95% 96%,95% 69%,98% 64%,95% 64%,95% 15%,100% 7%,100% 61%,98% 66%,100% 66%)!important;filter:brightness(1.08)}body.v17-page .about-final-collage:hover img{filter:saturate(1.06) contrast(1.025)!important;transform:none!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:12px!important}body.v17-page .about-final-collage img{border-width:3px}}
/* Supplied reference: a clean parallelogram photograph with detached brand stripes. */
body.v17-page .about-final-collage{position:relative!important;isolation:isolate;box-sizing:border-box;padding:0 24px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;background-size:auto!important}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:clamp(340px,34vw,520px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 50%!important;clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:none!important;transform:none!important;position:relative;z-index:1;transition:filter .4s ease!important}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;transform:none!important;z-index:0!important;pointer-events:none;background:linear-gradient(115deg,#082c70,#10519c)!important;clip-path:polygon(21% 0,24% 0,4% 77%,1% 77%)!important;filter:none!important;transition:filter .4s ease!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;transform:none!important;z-index:2!important;pointer-events:none;background:linear-gradient(#ed1230,#ed1230) 100% 0/100% 100% no-repeat!important;clip-path:polygon(94% 22%,97% 22%,86% 64%,83% 64%)!important;filter:none!important;transition:filter .4s ease!important}
body.v17-page .about-final-collage{background:linear-gradient(114deg,transparent 0 13%,#eef5fd 13% 18%,transparent 18% 72%,#edf5ff 72% 89%,transparent 89%)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{box-shadow:none!important;background-position:0 0!important}body.v17-page .about-final-collage:hover::before{clip-path:polygon(21% 0,24% 0,4% 77%,1% 77%)!important;filter:brightness(1.12)!important}body.v17-page .about-final-collage:hover::after{clip-path:polygon(94% 22%,97% 22%,86% 64%,83% 64%)!important;filter:brightness(1.06)!important}body.v17-page .about-final-collage:hover img{transform:none!important;filter:saturate(1.04)!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:0 16px!important}body.v17-page .about-final-collage img{height:340px!important}}
/* Restore the simple photo with restrained animated corner borders. */
body.v17-page .about-final-collage{padding:12px!important;background:#edf3fb!important;border:1px solid #e0e8f3!important;border-radius:4px!important;box-shadow:none!important;overflow:visible!important}
body.v17-page .about-final-collage img{height:auto!important;aspect-ratio:1600/992!important;object-fit:contain!important;clip-path:none!important;border:0!important;border-radius:1px!important;transform:none!important}
body.v17-page .about-final-collage::before{inset:-5px auto auto -5px!important;width:72px!important;height:60px!important;border-top:4px solid #082c70!important;border-left:4px solid #082c70!important;background:none!important;clip-path:none!important;transition:width .35s ease,height .35s ease!important}
body.v17-page .about-final-collage::after{inset:auto -5px -5px auto!important;width:72px!important;height:60px!important;border-bottom:4px solid #ed1230!important;border-right:4px solid #ed1230!important;background:none!important;clip-path:none!important;transition:width .35s ease,height .35s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:#edf3fb!important;box-shadow:0 12px 28px #082c7014!important}body.v17-page .about-final-collage:hover::before,body.v17-page .about-final-collage:hover::after{width:110px!important;height:90px!important;clip-path:none!important;filter:none!important}body.v17-page .about-final-collage:hover img{filter:saturate(1.035)!important;transform:none!important}}
/* Complete About photograph, framed without clipping or zooming its surroundings. */
body.v17-page .about-final-collage{padding:14px!important;background:linear-gradient(135deg,#d9eafd,#f5f9ff 48%,#d9eafd)!important;border:1px solid #cadcf1!important;border-radius:3px!important;box-shadow:0 12px 30px #082c7010!important}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;clip-path:none!important;transform:none!important;filter:none!important;border:3px solid white!important;box-sizing:border-box}
body.v17-page .about-final-collage::before{inset:-5px auto auto -5px!important;width:84px!important;height:70px!important;border:0!important;border-top:4px solid #082c70!important;border-left:4px solid #082c70!important;border-radius:0!important;background:transparent!important;clip-path:none!important;box-shadow:-4px -4px 0 #bcd9f7!important;transition:width .35s ease,height .35s ease!important}
body.v17-page .about-final-collage::after{inset:auto -5px -5px auto!important;width:84px!important;height:70px!important;border:0!important;border-bottom:4px solid #ed1230!important;border-right:4px solid #ed1230!important;border-radius:0!important;background:transparent!important;clip-path:none!important;box-shadow:4px 4px 0 #d2e6fc!important;transition:width .35s ease,height .35s ease!important}
body.v17-page [data-hero-panel="4"] .hero-v12-image{object-fit:contain!important;object-position:right center!important;background:#082c70!important}
body.v17-page .project-v12-card[data-project="heavy-transport-vessel.jpg"] img{object-fit:contain!important;background:#edf3fb}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:linear-gradient(135deg,#d9eafd,#f5f9ff 48%,#d9eafd)!important;box-shadow:0 18px 36px #082c701c!important}body.v17-page .about-final-collage:hover img{transform:none!important;filter:none!important}body.v17-page .about-final-collage:hover::before,body.v17-page .about-final-collage:hover::after{width:115px!important;height:90px!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:10px!important;width:calc(100% - 18px)!important;margin-inline:9px!important}body.v17-page [data-hero-panel="4"] .hero-v12-image{object-position:center bottom!important}}
body.v17-page .project-v12-card[data-project="project-heavy-transport-vessel.jpg"] img{object-fit:cover!important;object-position:center!important}
/* Preserve the full height of the supplied portrait project photograph. */
body.v17-page .project-v12-large[data-project="project-main-port-crane.jpg"] img{object-fit:contain!important;object-position:center!important;background:#e9eef3!important}
body.v17-page .project-v12-large[data-project="project-main-port-crane.jpg"]{background:#e9eef3!important}
/* Fill the project feature card; the lightbox retains the complete portrait. */
body.v17-page .project-v12-large[data-project="project-main-port-crane.jpg"] img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 73%!important;background:none!important}
/* About artwork: straight layered brand rails with a soft blue surround. */
body.v17-page .about-final-collage{padding:12px 19px!important;background:linear-gradient(120deg,#e7f2ff,#f8fbff 48%,#deedff)!important;border:1px solid #d5e4f5!important;border-radius:2px!important;box-shadow:0 10px 28px #082c7010!important;transition:box-shadow .4s ease!important}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;clip-path:none!important;transform:none!important;filter:none!important;border:3px solid #fff!important;box-sizing:border-box}
body.v17-page .about-final-collage::before{content:""!important;position:absolute!important;display:block!important;inset:0 auto 0 -7px!important;width:14px!important;height:auto!important;background:linear-gradient(90deg,#082c70 0 36%,#fff 36% 48%,#8bbbf0 48% 78%,#dbeeff 78% 100%)!important;border:0!important;clip-path:none!important;box-shadow:-5px 0 15px #082c7014!important;transform:none!important;filter:none!important;transition:width .35s ease,box-shadow .35s ease!important;z-index:2!important}
body.v17-page .about-final-collage::after{content:""!important;position:absolute!important;display:block!important;inset:0 -7px 0 auto!important;width:14px!important;height:auto!important;background:linear-gradient(90deg,#dbeeff 0 22%,#8bbbf0 22% 52%,#fff 52% 64%,#ed1230 64% 100%)!important;border:0!important;clip-path:none!important;box-shadow:5px 0 15px #ed123014!important;transform:none!important;filter:none!important;transition:width .35s ease,box-shadow .35s ease!important;z-index:2!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:linear-gradient(120deg,#e1efff,#f8fbff 48%,#d5e8ff)!important;box-shadow:0 16px 34px #082c701c!important}body.v17-page .about-final-collage:hover::before,body.v17-page .about-final-collage:hover::after{width:19px!important;height:auto!important;clip-path:none!important;filter:none!important}body.v17-page .about-final-collage:hover::before{box-shadow:-5px 0 20px #082c7028!important}body.v17-page .about-final-collage:hover::after{box-shadow:5px 0 20px #ed123024!important}body.v17-page .about-final-collage:hover img{transform:none!important;filter:none!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:10px 15px!important}body.v17-page .about-final-collage::before,body.v17-page .about-final-collage::after{width:11px!important}}
/* Gallery treatment: quiet outline, offset blue backing and one red signature. */
body.v17-page .about-final-collage{padding:9px!important;background:#fff!important;border:1px solid #ccd8e8!important;border-radius:3px!important;box-shadow:0 10px 30px #082c700c!important;isolation:isolate;overflow:visible!important;transition:box-shadow .35s ease!important}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;clip-path:none!important;transform:none!important;filter:none!important;border:0!important;border-radius:1px!important}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;position:absolute!important;inset:18px -16px -16px 18px!important;width:auto!important;height:auto!important;border:0!important;border-radius:3px!important;background:#e6effa!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important;z-index:-1!important;transition:background .35s ease!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;position:absolute!important;inset:auto 28px -2px auto!important;width:64px!important;height:4px!important;border:0!important;border-radius:0!important;background:#ed1230!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important;z-index:2!important;transition:width .35s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:#fff!important;box-shadow:0 16px 34px #082c7017!important}body.v17-page .about-final-collage:hover::before{width:auto!important;height:auto!important;background:#dce9f9!important;box-shadow:none!important;clip-path:none!important}body.v17-page .about-final-collage:hover::after{width:94px!important;height:4px!important;box-shadow:none!important;clip-path:none!important}body.v17-page .about-final-collage:hover img{transform:none!important;filter:none!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:7px!important;width:calc(100% - 16px)!important;margin-inline:3px!important}body.v17-page .about-final-collage::before{inset:13px -10px -10px 13px!important}body.v17-page .about-final-collage::after{width:52px!important;height:4px!important}}
/* Trim the right-hand obstruction while retaining the ship and transport context. */
body.v17-page .about-final-collage img{width:100%!important;height:auto!important;aspect-ratio:1.48/1!important;object-fit:cover!important;object-position:left center!important;filter:brightness(1.12) contrast(1.035) saturate(1.045)!important;transition:filter .4s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover img{filter:brightness(1.15) contrast(1.035) saturate(1.06)!important;transform:none!important}}
body.v17-page .about-final-collage img{aspect-ratio:1.45/1!important}
/* Signature accents on the accepted gallery frame. */
body.v17-page .about-final-collage{border-top:2px solid #082c70!important;border-inline-start:2px solid #082c70!important;background:#fff!important;transition:box-shadow .4s ease,border-color .4s ease!important}
body.v17-page .about-final-collage::before{background:linear-gradient(135deg,#e6effa 0%,#d8e8fb 75%,#cadff7 100%)!important;border-inline-end:3px solid #082c70!important;border-bottom:3px solid #ed1230!important;box-sizing:border-box;transition:background .45s ease,border-color .45s ease!important}
body.v17-page .about-final-collage::after{background:#ed1230!important;width:70px!important;height:4px!important;transition:width .4s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:#fff!important;border-top-color:#174d96!important;border-inline-start-color:#174d96!important;box-shadow:0 18px 36px #082c7022!important}body.v17-page .about-final-collage:hover::before{background:linear-gradient(135deg,#dceafa 0%,#a8c9ef 65%,#2d5d9c 100%)!important;border-inline-end-color:#082c70!important;border-bottom-color:#ed1230!important}body.v17-page .about-final-collage:hover::after{width:112px!important;height:4px!important}}
/* Full-perimeter brand frame with a light-to-dark hover surround. */
body.v17-page .about-final-collage{padding:10px!important;border:2px solid #082c70!important;border-radius:3px!important;background:linear-gradient(135deg,#edf5ff,#d9e9fb)!important;box-shadow:0 10px 28px #082c7010!important;transition:background .4s ease,box-shadow .4s ease!important}
body.v17-page .about-final-collage::before{inset:9px -9px -9px 9px!important;width:auto!important;height:auto!important;border:2px solid #ed1230!important;border-radius:3px!important;background:#e3effc!important;box-sizing:border-box;box-shadow:none!important;transition:background .4s ease!important}
body.v17-page .about-final-collage::after{inset:5px!important;width:auto!important;height:auto!important;border:1px solid #a7c9ee!important;border-radius:0!important;background:transparent!important;pointer-events:none;box-shadow:none!important;transition:border-color .4s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:linear-gradient(135deg,#aecfee,#1c4d8a)!important;box-shadow:0 18px 36px #082c7022!important;border-color:#082c70!important}body.v17-page .about-final-collage:hover::before{width:auto!important;height:auto!important;background:#bdd7f1!important;border:2px solid #ed1230!important}body.v17-page .about-final-collage:hover::after{width:auto!important;height:auto!important;border-color:#d5e8ff!important;background:transparent!important}}
@media(max-width:767px){body.v17-page .about-final-collage{padding:8px!important}body.v17-page .about-final-collage::before{inset:7px -7px -7px 7px!important}body.v17-page .about-final-collage::after{inset:4px!important}}
/* Reference-inspired side artwork attached to the complete, uncropped photograph. */
body.v17-page .about-final-collage{padding:10px 22px!important;border:0!important;border-radius:0!important;background:linear-gradient(120deg,#e9f3ff,#e2effe)!important;box-shadow:none!important;overflow:visible!important;isolation:isolate;transition:background .4s ease,box-shadow .4s ease!important}
body.v17-page .about-final-collage img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;clip-path:none!important;border:0!important;border-inline-start:3px solid #082c70!important;border-inline-end:3px solid #ed1230!important;border-radius:0!important;box-sizing:border-box;transform:none!important;filter:brightness(1.07) contrast(1.025) saturate(1.035)!important;transition:filter .45s ease!important}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;inset:0 auto 0 -15px!important;width:38px!important;height:auto!important;border:0!important;border-radius:0!important;background:#082c70!important;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%)!important;box-shadow:none!important;transform:none!important;z-index:2!important;pointer-events:none;transition:background .4s ease!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;inset:0 -15px 0 auto!important;width:38px!important;height:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#d4e7fc 0 19%,#ed1230 19% 77%,#d4e7fc 77% 100%)!important;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%)!important;box-shadow:none!important;transform:none!important;z-index:2!important;pointer-events:none;transition:filter .4s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:linear-gradient(120deg,#d8e8fb,#bbd5f3)!important;box-shadow:0 12px 28px #082c7018!important;border:0!important}body.v17-page .about-final-collage:hover img{filter:brightness(1.01) contrast(1.035) saturate(1.04)!important;transform:none!important}body.v17-page .about-final-collage:hover::before{width:38px!important;height:auto!important;border:0!important;background:#061f52!important;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%)!important}body.v17-page .about-final-collage:hover::after{width:38px!important;height:auto!important;border:0!important;background:linear-gradient(180deg,#bcd6f5 0 19%,#d80e29 19% 77%,#bcd6f5 77% 100%)!important;clip-path:polygon(62% 0,100% 0,38% 100%,0 100%)!important}}
@media(max-width:767px){body.v17-page .about-final-collage{width:calc(100% - 28px)!important;margin-inline:14px!important;padding:8px 16px!important}body.v17-page .about-final-collage::before{left:-10px!important;width:27px!important}body.v17-page .about-final-collage::after{right:-10px!important;width:27px!important}}
/* Approved visual reference: parallel diagonal edges and detached brand accents. */
body.v17-page .about-final-collage{padding:0 25px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate;overflow:visible!important;position:relative!important}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:clamp(350px,35vw,510px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:48% center!important;clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)!important;border:0!important;border-radius:0!important;transform:none!important;filter:brightness(1.09) contrast(1.025) saturate(1.045)!important;position:relative;z-index:1}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;filter:none!important;box-shadow:none!important;pointer-events:none;z-index:0!important;background:linear-gradient(110deg,#edf5ff,#edf5ff)!important;clip-path:polygon(14% 18%,19% 18%,3% 77%,0 77%,0 70%)!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;filter:none!important;box-shadow:none!important;pointer-events:none;z-index:2!important;background:linear-gradient(#ed1230,#ed1230)!important;clip-path:polygon(94% 22%,97% 22%,86% 64%,83% 64%)!important}
body.v17-page .about-final-collage{background:linear-gradient(114deg,transparent 0 17%,#082c70 17% 20%,transparent 20% 73%,#edf5ff 73% 87%,transparent 87%)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{border:0!important;background:linear-gradient(114deg,transparent 0 17%,#082c70 17% 20%,transparent 20% 73%,#e1edfc 73% 87%,transparent 87%)!important;box-shadow:none!important}body.v17-page .about-final-collage:hover::before{inset:0!important;width:auto!important;height:auto!important;border:0!important;background:#e2edfb!important;clip-path:polygon(14% 18%,19% 18%,3% 77%,0 77%,0 70%)!important}body.v17-page .about-final-collage:hover::after{inset:0!important;width:auto!important;height:auto!important;border:0!important;background:#df102b!important;clip-path:polygon(94% 22%,97% 22%,86% 64%,83% 64%)!important}body.v17-page .about-final-collage:hover img{transform:none!important;filter:brightness(1.04) contrast(1.035) saturate(1.05)!important}}
@media(max-width:767px){body.v17-page .about-final-collage{width:100%!important;margin:0!important;padding:0 16px!important}body.v17-page .about-final-collage img{height:330px!important}body.v17-page .about-final-collage::before,body.v17-page .about-final-collage::after{inset:0!important;width:auto!important;height:auto!important}}
body.v17-page .about-final-collage{background:linear-gradient(114deg,transparent 0 73%,#edf5ff 73% 87%,transparent 87%)!important}
body.v17-page .about-final-collage::before{background:#082c70!important;clip-path:polygon(21% 0,24% 0,4% 77%,1% 77%)!important;z-index:2!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{background:linear-gradient(114deg,transparent 0 73%,#e1edfc 73% 87%,transparent 87%)!important}body.v17-page .about-final-collage:hover::before{background:#082c70!important;clip-path:polygon(21% 0,24% 0,4% 77%,1% 77%)!important}}
/* Parallel accents follow the photograph's slope, with equal white separation. */
body.v17-page .about-final-collage{background:none!important;--about-navy:#082c70;--about-red:#ed1230;transition:filter .4s ease!important}
body.v17-page .about-final-collage::before{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(110deg,#dceafb 0 25%,#c5daf3 100%)!important;clip-path:polygon(17% 0,24% 0,0% 100%,0% 74%)!important;z-index:0!important;transition:background .4s ease!important}
body.v17-page .about-final-collage::after{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,var(--about-navy) 0 50%,var(--about-red) 50% 100%)!important;clip-path:polygon(21% 0,24% 0,5.5% 77%,2.5% 77%,21% 0,94% 22%,97% 22%,86.9% 64%,83.9% 64%,94% 22%)!important;z-index:2!important;transition:background .4s ease!important}
body.v17-page .about-final-collage img{transition:filter .4s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover{--about-navy:#03183f;--about-red:#c70b22;background:none!important;box-shadow:none!important}body.v17-page .about-final-collage:hover::before{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(110deg,#bbd1ed 0 25%,#789ac6 100%)!important;clip-path:polygon(17% 0,24% 0,0% 100%,0% 74%)!important}body.v17-page .about-final-collage:hover::after{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,var(--about-navy) 0 50%,var(--about-red) 50% 100%)!important;clip-path:polygon(21% 0,24% 0,5.5% 77%,2.5% 77%,21% 0,94% 22%,97% 22%,86.9% 64%,83.9% 64%,94% 22%)!important}body.v17-page .about-final-collage:hover img{filter:brightness(.94) contrast(1.04) saturate(1.045)!important}}
body.v17-page .about-final-collage::before{clip-path:polygon(17% 0,24% 0,0% 100%,0% 74%,17% 0,100% 0,100% 55%,89% 100%,77% 100%,100% 0)!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.v17-page .about-final-collage:hover::before{clip-path:polygon(17% 0,24% 0,0% 100%,0% 74%,17% 0,100% 0,100% 55%,89% 100%,77% 100%,100% 0)!important}}
/* Colour-only hover remains available when reduced motion is enabled. */
@media(hover:hover){body.v17-page .about-final-collage:hover{--about-navy:#03183f;--about-red:#c70b22;background:none!important}body.v17-page .about-final-collage:hover::before{background:linear-gradient(110deg,#bbd1ed 0 25%,#789ac6 100%)!important;clip-path:polygon(17% 0,24% 0,0% 100%,0% 74%,17% 0,100% 0,100% 55%,89% 100%,77% 100%,100% 0)!important}body.v17-page .about-final-collage:hover::after{background:linear-gradient(90deg,#03183f 0 50%,#c70b22 50% 100%)!important;clip-path:polygon(21% 0,24% 0,5.5% 77%,2.5% 77%,21% 0,94% 22%,97% 22%,86.9% 64%,83.9% 64%,94% 22%)!important}body.v17-page .about-final-collage:hover img{filter:brightness(.94) contrast(1.04) saturate(1.045)!important}}
/* Balanced direction motif: equal parallel side panels and matching accent widths. */
body.v17-page .about-final-collage{background:none!important;box-shadow:none!important}
body.v17-page .about-final-collage::before{inset:0!important;width:auto!important;height:auto!important;background:#e5effb!important;border:0!important;clip-path:polygon(15% 0,23% 0,4.52% 77%,-3.48% 77%,15% 0,99% 22%,107% 22%,96.92% 64%,88.92% 64%,99% 22%)!important;filter:none!important;box-shadow:none!important}
body.v17-page .about-final-collage::after{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,#082c70 0 50%,#ed1230 50% 100%)!important;border:0!important;clip-path:polygon(20% 0,23% 0,4.52% 77%,1.52% 77%,20% 0,94% 22%,97% 22%,86.92% 64%,83.92% 64%,94% 22%)!important;filter:none!important;box-shadow:none!important}
body.v17-page .about-final-collage img{filter:brightness(1.09) contrast(1.025) saturate(1.045)!important;transition:filter .25s ease!important}
@media(hover:hover){body.v17-page .about-final-collage:hover{background:none!important;box-shadow:none!important}body.v17-page .about-final-collage:hover::before{inset:0!important;width:auto!important;height:auto!important;background:#e5effb!important;clip-path:polygon(15% 0,23% 0,4.52% 77%,-3.48% 77%,15% 0,99% 22%,107% 22%,96.92% 64%,88.92% 64%,99% 22%)!important;filter:none!important}body.v17-page .about-final-collage:hover::after{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,#082c70 0 50%,#ed1230 50% 100%)!important;clip-path:polygon(20% 0,23% 0,4.52% 77%,1.52% 77%,20% 0,94% 22%,97% 22%,86.92% 64%,83.92% 64%,94% 22%)!important;filter:none!important}body.v17-page .about-final-collage:hover img{filter:brightness(1.09) contrast(1.025) saturate(1.045) drop-shadow(0 5px 7px #082c701a)!important;transform:none!important}}
/* Selected option 3: architectural corner brackets. */
body.v17-page .about-final-collage{padding:12px!important;background:#f0f5fc!important;border:1px solid #dee8f5!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
body.v17-page .about-final-collage img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.45/1!important;object-fit:cover!important;object-position:left center!important;clip-path:none!important;border:0!important;transform:none!important;filter:brightness(1.1) contrast(1.025)!important}
body.v17-page .about-final-collage::before{content:""!important;display:block!important;position:absolute!important;inset:-5px auto auto -5px!important;width:62px!important;height:54px!important;border:0!important;border-left:3px solid #082c70!important;border-top:3px solid #082c70!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;transform:none!important;z-index:2!important}
body.v17-page .about-final-collage::after{content:""!important;display:block!important;position:absolute!important;inset:auto -5px -5px auto!important;width:62px!important;height:54px!important;border:0!important;border-right:3px solid #ed1230!important;border-bottom:3px solid #ed1230!important;background:transparent!important;clip-path:none!important;box-shadow:none!important;transform:none!important;z-index:2!important}
@media(hover:hover){body.v17-page .about-final-collage:hover{background:#f0f5fc!important;box-shadow:0 8px 22px #082c7010!important}body.v17-page .about-final-collage:hover::before{inset:-5px auto auto -5px!important;width:62px!important;height:54px!important;border:0!important;border-left:3px solid #082c70!important;border-top:3px solid #082c70!important;background:transparent!important;clip-path:none!important;filter:none!important}body.v17-page .about-final-collage:hover::after{inset:auto -5px -5px auto!important;width:62px!important;height:54px!important;border:0!important;border-right:3px solid #ed1230!important;border-bottom:3px solid #ed1230!important;background:transparent!important;clip-path:none!important;filter:none!important}body.v17-page .about-final-collage:hover img{filter:brightness(1.1) contrast(1.025)!important;transform:none!important}}
@media(max-width:767px){body.v17-page .about-final-collage{width:calc(100% - 12px)!important;margin-inline:6px!important;padding:10px!important}body.v17-page .about-final-collage img{height:auto!important}}
/* Display the original photograph without colour filters, masks or tint overlays. */
body.v17-page .about-final-collage img,body.v17-page .about-final-collage:hover img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;transform:none!important}
body.v17-page .about-final-collage::before,body.v17-page .about-final-collage::after{pointer-events:none!important;opacity:1!important;filter:none!important}
/* Compact contact cards; the whole card remains the action target. */
body.v17-page .contact .contact-card{padding:18px 20px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:4px 14px!important;min-height:0!important;align-content:start!important}
body.v17-page .contact-card .contact-card-icon{grid-row:1/span 2!important;width:40px!important;height:40px!important}
body.v17-page .contact .contact-card>span:not(.contact-card-icon){font-size:16px!important}
body.v17-page .contact .contact-card>strong{font-size:14px!important;line-height:1.55!important}
body.v17-page .contact-cards{gap:12px!important;align-content:center!important}
@media(max-width:767px){body.v17-page .contact .contact-card{padding:16px 18px!important}}
/* Remove the decorative red edge accent from the hero. */
body.v17-page .hero-v12-stage::after{content:none!important;display:none!important}
body.v17-page .hero-kicker::before,body.v17-page .hero-kicker::after{content:none!important;display:none!important}
/* Six project photographs: feature image, two side images, then a balanced row. */
@media(min-width:1000px){body.v17-page .projects-v12-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:230px 230px 230px!important}body.v17-page .projects-v12-grid>.project-v12-card{grid-column:span 2!important;grid-row:auto!important;height:auto!important}body.v17-page .projects-v12-grid>.project-v12-large{grid-column:1/span 4!important;grid-row:1/span 2!important}body.v17-page .projects-v12-grid>.project-v12-card:nth-child(2){grid-column:5/span 2!important;grid-row:1!important}body.v17-page .projects-v12-grid>.project-v12-card:nth-child(3){grid-column:5/span 2!important;grid-row:2!important}}
@media(min-width:768px) and (max-width:999px){body.v17-page .projects-v12-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:320px!important;grid-auto-rows:230px}body.v17-page .projects-v12-grid>.project-v12-large,body.v17-page .projects-v12-grid>.project-v12-card:last-child{grid-column:1/-1!important}body.v17-page .projects-v12-grid>.project-v12-card{height:auto!important}}

/* Release polish: accessible share controls, consistent portrait image handling and tap targets. */
body.v17-page .footer-share{max-width:1320px;margin:0 auto;padding:0 24px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#fff}
body.v17-page .footer-share>strong{font-size:13px;font-weight:600;color:#fff}
body.v17-page .share-actions{display:flex;gap:8px}
body.v17-page .share-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;border:1px solid #ffffff55;background:#ffffff0a;border-radius:6px;cursor:pointer;text-decoration:none}
body.v17-page .share-button:hover{background:#ffffff20;border-color:#fff}
body.v17-page .share-button svg.hetco-icon{width:20px!important;height:20px!important}
body.v17-page .share-status{font-size:12px;color:#e4edfc;overflow-wrap:anywhere}
body.v17-page .hero-pause{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;color:white;border:1px solid #ffffff66;cursor:pointer;font-size:18px}
body.v17-page .hero-pause:hover{background:#ffffff1a}
body.v17-page .hero-v12-arrows{align-items:center}
body.v17-page .hero-v12-tab{overflow-wrap:anywhere}
body.v17-page .contact-card strong[dir="ltr"]{unicode-bidi:isolate}
body.v17-page .cert img{aspect-ratio:1;object-fit:contain!important}
body.v17-page .about-final-collage img{object-fit:cover!important;image-rendering:auto}
body.v17-page .project-v12-card img{object-fit:cover!important}
@media(max-width:767px){body.v17-page .hero-v12-navgrid{position:relative}body.v17-page .hero-v12-arrows{display:flex!important;position:absolute;inset:6px 4px auto auto;padding:0!important}html[dir="rtl"] body.v17-page .hero-v12-arrows{inset:6px auto auto 4px}body.v17-page .hero-v12-arrows .hero-v12-arrow{display:none!important}body.v17-page .hero-pause{width:36px;height:36px}body.v17-page .footer-share{padding-inline:20px}body.v17-page .hero-v12-copy h1{overflow-wrap:anywhere}}