.styles_gradientMask__lzbc_{-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(45deg,#000,#000 15%,transparent 30%);mask-image:linear-gradient(45deg,#000,#000 15%,transparent 30%);mask-mode:match-source;-webkit-mask-origin:border-box;mask-origin:border-box;-webkit-mask-position:40% 0;mask-position:40% 0;-webkit-mask-repeat:revert;mask-repeat:revert;-webkit-mask-size:800% 100%;mask-size:800% 100%}.styles_component__XuEBc circle,.styles_component__XuEBc path{vector-effect:non-scaling-stroke}.styles_animationMove__I1jBF{animation:styles_moveRTL__D8i4j var(--animation-duration,10s) linear infinite;will-change:transform}[data-direction=ltr] .styles_animationMove__I1jBF{animation-name:styles_moveLTR__c7e9W}[data-paused=true] .styles_animationMove__I1jBF{animation-play-state:paused}@keyframes styles_moveRTL__D8i4j{to{transform:translate3d(-100%,0,0)}}@keyframes styles_moveLTR__c7e9W{to{transform:translate3d(100%,0,0)}}.styles_component__iNowP{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media (min-width:1025px){.styles_component__iNowP{gap:1.25rem}}.styles_component__iNowP b,.styles_component__iNowP h1,.styles_component__iNowP h2,.styles_component__iNowP h3,.styles_component__iNowP h4,.styles_component__iNowP h5,.styles_component__iNowP h6,.styles_component__iNowP strong{font-weight:700}.styles_component__iNowP h1{font-size:38px;line-height:100%}@media (min-width:1025px){.styles_component__iNowP h1{font-size:64px;line-height:110%}}.styles_component__iNowP h2{font-size:30px;line-height:120%}@media (min-width:1025px){.styles_component__iNowP h2{font-size:48px;line-height:120%}}.styles_component__iNowP h3{font-size:24px;line-height:110%}@media (min-width:1025px){.styles_component__iNowP h3{font-size:32px;line-height:120%}}.styles_component__iNowP h4{font-size:22px;line-height:120%}@media (min-width:1025px){.styles_component__iNowP h4{font-size:28px;line-height:120%}}.styles_component__iNowP h5{font-size:16px;line-height:140%}@media (min-width:1025px){.styles_component__iNowP h5{font-size:18px;line-height:140%}}.styles_component__iNowP h6{font-size:14px;line-height:130%}@media (min-width:1025px){.styles_component__iNowP h6{font-size:16px;line-height:130%}}.styles_component__iNowP p{align-self:stretch}.styles_component__iNowP ol,.styles_component__iNowP ul{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;list-style:reset}.styles_component__iNowP ol,.styles_component__iNowP ul{padding-left:1.25rem}.styles_component__iNowP a{--tw-text-opacity:1;color:rgb(144 112 223/var(--tw-text-opacity));text-decoration-line:underline}.styles_component__iNowP a:hover{text-decoration-line:none}.styles_component__iNowP blockquote{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(108 108 108/var(--tw-border-opacity))}.styles_component__iNowP blockquote,.styles_component__iNowP code{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity));padding:.5rem 1rem}.styles_component__iNowP code{border-radius:.5rem;font-size:16px;line-height:140%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:1025px){.styles_component__iNowP code{font-size:18px;line-height:140%}}.styles_component__iNowP img{border-radius:.5rem}@media (min-width:1025px){.styles_component__iNowP img{border-radius:1rem}}.styles_component__iNowP img{width:auto}.styles_mask__pn_fr{-webkit-mask-image:url(../media/mask.daakshya.svg);mask-image:url(../media/mask.daakshya.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}

/* hero column swap utilities (added) */
@media (min-width:768px){.md\:col-start-1{grid-column-start:1}.md\:col-start-7{grid-column-start:7}}
@media (min-width:1025px){.lg\:col-start-1{grid-column-start:1}.lg\:col-start-6{grid-column-start:6}}
@media (min-width:768px){.md\:text-right{text-align:right}}
@media (min-width:1025px){.lg\:text-right{text-align:right}}

/* pinned hero headline utilities (added) */
@media (min-width:1025px){
  .lg\:bottom-10{bottom:2.5rem}
  .lg\:right-\[60px\]{right:60px}
  .lg\:z-10{z-index:10}
  .lg\:items-end{align-items:flex-end}
  .lg\:gap-2{gap:.5rem}
  .lg\:flex{display:flex}
  .lg\:flex-col{flex-direction:column}
}
@media not all and (min-width:1025px){
  .max-lg\:contents{display:contents}
}
/* enlarged navbar logo utility (added) */
.h-11{height:2.75rem}

/* preloader brand colors (added): primary background, accent loading text, white wave */
.fixed.inset-0.z-\[999\].bg-bg-black{background-color:#0F2648!important}
.fixed.inset-0.z-\[999\].bg-bg-black .text-menu-link{color:#F18321!important}
.fixed.inset-0.z-\[999\].bg-bg-black canvas{opacity:1}

/* hero + about brand colors (added) */
h1.text-h1-d, h1.lg\:text-h1{color:#0F2648!important}
section#technology div.text-tag-d, section#technology .text-tag{color:#F18321!important}
#title-technology{color:#0F2648!important}
section#technology h2 span{color:#F18321!important}

/* Start A Project button: accent background + white text (added) */
button.md\:self-start > span.bg-accent-1{background-color:#F18321!important;color:#fff!important}
button.md\:self-start > span.bg-accent-1 span, button.md\:self-start > span.bg-accent-1 svg{color:#fff!important}

/* hero nav links: primary brand color (added; hover stays black like the original) */
header nav a{color:#0F2648}

/* Let's Talk button: primary border + accent text (added) */
header button.border-bg-dark-gray{border-color:#0F2648!important}
header button.border-bg-dark-gray, header button.border-bg-dark-gray *{color:#F18321!important}
header button.border-bg-dark-gray.lg\:hover\:bg-bg-dark-gray:not(:disabled):hover{background-color:transparent!important}

/* ===== CORE VALUES v2: compact 5-up one-row grid, no motion panels, themed icons + animations (added) ===== */
section#products video, section#products img{display:none!important}

/* bento overlay panels (lottie motion graphics) removed entirely */
section#products .grid > div > div.absolute{display:none!important}

/* one-row grid: 1 col mobile / 2 col tablet / 5-up laptop+ */
section#products .grid{
  grid-template-columns:1fr!important;
  gap:14px!important;
  perspective:none!important;
}
@media (min-width:768px) and (max-width:1024.98px){
  section#products .grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
  section#products .grid > div:nth-child(5){grid-column:span 2!important}
}
@media (min-width:1025px){
  section#products .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
}

/* compact glass cards */
section#products .grid > div{
  grid-column:auto!important;
  opacity:1!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:22px!important;
  border-radius:20px!important;
  border:1px solid rgba(241,131,33,.38);
  background:linear-gradient(180deg,rgba(241,131,33,.05),rgba(4,14,30,.55)),#0A1B36!important;
  transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s;
}
section#products .grid > div:hover{
  translate:0 -8px;
  border-color:rgba(241,131,33,.95);
  box-shadow:0 22px 44px rgba(241,131,33,.16),0 6px 18px rgba(0,0,0,.35);
}
@media (min-width:768px){section#products .grid > div{min-height:280px}}
@media (min-width:1025px){section#products .grid > div{min-height:310px;padding:20px!important}}

/* artwork layer + hover zoom */
section#products .grid > div::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:url(../media/core-values-bg.webp) center/cover no-repeat;
  opacity:.42;
  transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s;
}
section#products .grid > div:hover::before{transform:scale(1.09);opacity:.6}

/* content sits above the artwork, full width */
section#products .grid > div > div:first-child{
  position:relative;z-index:1;
  max-width:none!important;width:100%!important;
}

/* icon tile with pulsing glow */
section#products .grid .bg-\[\#37393e\]{
  width:48px!important;height:48px!important;
  margin-bottom:12px;
  background-color:transparent!important;
  border:1px solid rgba(241,131,33,.55);
  position:relative;
  flex-shrink:0;
}
section#products .grid .bg-\[\#37393e\] > div{display:none!important}
section#products .grid .bg-\[\#37393e\]::before{
  content:"";position:absolute;inset:0;
  background-color:#F18321;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
  animation:cvGlow 3.4s ease-in-out infinite;
}
section#products .grid > div:nth-child(1) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/integrity.svg);mask-image:url(../../../icons/integrity.svg)}
section#products .grid > div:nth-child(2) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/quality.svg);mask-image:url(../../../icons/quality.svg)}
section#products .grid > div:nth-child(3) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/safety.svg);mask-image:url(../../../icons/safety.svg)}
section#products .grid > div:nth-child(4) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/focus.svg);mask-image:url(../../../icons/focus.svg)}
section#products .grid > div:nth-child(5) .bg-\[\#37393e\]::before{-webkit-mask-image:url(../../../icons/innovation.svg);mask-image:url(../../../icons/innovation.svg)}

/* small-card typography on laptop+ */
@media (min-width:1025px){
  section#products .grid h3{font-size:19px!important;line-height:1.25!important}
  section#products .grid p{font-size:13.5px!important;line-height:1.5!important}
}

/* staggered rise-in as the row scrolls into view (Chromium/Edge; others show cards instantly) */
@supports (animation-timeline: view()){
  section#products .grid > div > div:first-child{
    animation:cvRise .9s cubic-bezier(.22,1,.36,1) both;
    animation-timeline:view();
    animation-range:entry 0% entry 45%;
  }
  section#products .grid > div:nth-child(2) > div:first-child{animation-range:entry 6% entry 52%}
  section#products .grid > div:nth-child(3) > div:first-child{animation-range:entry 12% entry 58%}
  section#products .grid > div:nth-child(4) > div:first-child{animation-range:entry 18% entry 64%}
  section#products .grid > div:nth-child(5) > div:first-child{animation-range:entry 24% entry 70%}
}
@keyframes cvRise{from{opacity:0;transform:translateY(42px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cvGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(241,131,33,.35))}50%{filter:drop-shadow(0 0 9px rgba(241,131,33,.85))}}

/* core values section: primary background + orange label (added) */
section#products{background-color:#0F2648!important}
section#products .text-tag-d, section#products .text-tag{color:#F18321!important}

/* ===== Get in touch modal: primary background + accent send button (added) ===== */
div.scroll-container-y > div.bg-bg-black{background-color:#0F2648!important}
div.scroll-container-y > div.bg-bg-black::before{opacity:.35}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:first-child{background-color:#F18321!important;color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:first-child span{color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:last-child{background-color:#F18321!important;color:#fff!important}
div.scroll-container-y > div.bg-bg-black form button[type=submit] > span:last-child svg{color:#fff!important}


/* Fix Get in Touch modal z-index: ensure hidden modal never holds a high z-index */
div.scroll-container-y.pointer-events-none,
div.scroll-container-y.opacity-0 {
  z-index: -1 !important;
}
div.scroll-container-y:not(.pointer-events-none) {
  z-index: 1000 !important;
}


/* Fix contact form broken background image icon */
div.scroll-container-y img[alt="Background"],
div.scroll-container-y img.pointer-events-none {
  display: none !important;
}

/* ===== Home hero tagline: brand accent (added) =====
   "Pharma · API · Biotech · FMCG" is the one label in the hero and ships on
   `.text-accent-2` (the purple used by every other section kicker), so the rule
   is scoped to the first section of <main> and leaves the other labels alone. */
main > section:first-of-type .text-accent-2{color:#F18321!important}

/* Join us button (pre-footer statement): accent background + white text (added) */
button.lg\:mt-5 > span.bg-accent-1{background-color:#F18321!important;color:#fff!important}
button.lg\:mt-5 > span.bg-accent-1 span, button.lg\:mt-5 > span.bg-accent-1 svg{color:#fff!important}

/* ===== Home marquee glyphs: themed icon set, brand accent (added) =====
   Both home-page marquees ship the same decorative leaf mark (a 40x40 svg with
   two hard-coded lavender paths) on every item — the strip under the hero and
   the band behind the "collaborative team" statement. Each label gets the icon
   for its own concept instead, painted in the accent.

   It is done in CSS because both strips belong to React and are re-rendered
   from the page's chunk: the svg is turned into a masked plate (background = the
   accent, its own paths hidden) and the icon is fed in through --dx-ico, set on
   each item's <span>. Custom properties inherit, so one declaration per label
   reaches that label's svg, and every svg in either marquee shares one rule.
   The 40x40 viewBox is unique to these 30 svgs. */
svg[viewBox="0 0 40 40"]{
  background-color:#F18321!important;
  -webkit-mask:var(--dx-ico) center/contain no-repeat;
  mask:var(--dx-ico) center/contain no-repeat;
}
svg[viewBox="0 0 40 40"] path{display:none!important}

:root{
  --dx-ico-pharma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z'/%3E%3Cpath d='m8.5 8.5 7 7'/%3E%3C/svg%3E");
  --dx-ico-api:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.59 13.51 15.42 17.49M15.41 6.51 8.59 10.49'/%3E%3C/svg%3E");
  --dx-ico-biotech:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3c0 5 10 5 10 10S7 18 7 23'/%3E%3Cpath d='M17 3c0 5-10 5-10 10s10 5 10 10'/%3E%3Cpath d='M7 13h10M8 10.5h8M8 15.5h8'/%3E%3C/svg%3E");
  --dx-ico-fmcg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
  --dx-ico-cgmp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --dx-ico-gep:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/%3E%3Cpath d='m14.5 12.5 2-2M11.5 9.5l2-2M8.5 6.5l2-2M17.5 15.5l2-2'/%3E%3C/svg%3E");
  --dx-ico-ehs:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1z'/%3E%3Cpath d='M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5'/%3E%3Cpath d='M4 15v-3a6 6 0 0 1 6-6M14 6a6 6 0 0 1 6 6v3'/%3E%3C/svg%3E");
  --dx-ico-design:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
  --dx-ico-engineer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --dx-ico-commission:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E");
  --dx-ico-eng-design:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.99 6.74 1.93 3.44'/%3E%3Cpath d='M19.136 12a10 10 0 0 1-14.271 0'/%3E%3Cpath d='m21 21-2.16-3.84M3 21l8.02-14.26'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3C/svg%3E");
  --dx-ico-procurement:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
  --dx-ico-project-management:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9h6M7 13h10M7 17h4'/%3E%3C/svg%3E");
  --dx-ico-civil-structural:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4M10 10h4M10 14h4M10 18h4'/%3E%3C/svg%3E");
  --dx-ico-mep:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
  --dx-ico-cleanroom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2M9.6 4.6A2 2 0 1 1 11 8H2M12.6 19.4A2 2 0 1 0 14 16H2'/%3E%3C/svg%3E");
  --dx-ico-hvac:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618l1.45-5.412Z'/%3E%3Cpath d='M12 12v.01'/%3E%3C/svg%3E");
  --dx-ico-piping:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v10a6 6 0 0 0 6 6h10'/%3E%3Cpath d='M8 4v9a3 3 0 0 0 3 3h9'/%3E%3Cpath d='M2 4h8M20 14v8'/%3E%3C/svg%3E");
  --dx-ico-automation:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='6' height='6' x='9' y='9' rx='1'/%3E%3Cpath d='M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2'/%3E%3C/svg%3E");
  --dx-ico-shutdown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='8' rx='1'/%3E%3Cpath d='M17 14v7M7 14v7M17 3v3M7 3v3M10 14 2.3 6.3M21.7 6 14 13.7M8 6l8 8'/%3E%3C/svg%3E");
}

/* the strip under the hero: one run, twenty labels, in order */
div[data-direction="rtl"] > div > span:nth-child(1){--dx-ico:var(--dx-ico-pharma)}
div[data-direction="rtl"] > div > span:nth-child(2){--dx-ico:var(--dx-ico-api)}
div[data-direction="rtl"] > div > span:nth-child(3){--dx-ico:var(--dx-ico-biotech)}
div[data-direction="rtl"] > div > span:nth-child(4){--dx-ico:var(--dx-ico-fmcg)}
div[data-direction="rtl"] > div > span:nth-child(5){--dx-ico:var(--dx-ico-cgmp)}
div[data-direction="rtl"] > div > span:nth-child(6){--dx-ico:var(--dx-ico-gep)}
div[data-direction="rtl"] > div > span:nth-child(7){--dx-ico:var(--dx-ico-ehs)}
div[data-direction="rtl"] > div > span:nth-child(8){--dx-ico:var(--dx-ico-design)}
div[data-direction="rtl"] > div > span:nth-child(9){--dx-ico:var(--dx-ico-engineer)}
div[data-direction="rtl"] > div > span:nth-child(10){--dx-ico:var(--dx-ico-commission)}
div[data-direction="rtl"] > div > span:nth-child(11){--dx-ico:var(--dx-ico-eng-design)}
div[data-direction="rtl"] > div > span:nth-child(12){--dx-ico:var(--dx-ico-procurement)}
div[data-direction="rtl"] > div > span:nth-child(13){--dx-ico:var(--dx-ico-project-management)}
div[data-direction="rtl"] > div > span:nth-child(14){--dx-ico:var(--dx-ico-civil-structural)}
div[data-direction="rtl"] > div > span:nth-child(15){--dx-ico:var(--dx-ico-mep)}
div[data-direction="rtl"] > div > span:nth-child(16){--dx-ico:var(--dx-ico-cleanroom)}
div[data-direction="rtl"] > div > span:nth-child(17){--dx-ico:var(--dx-ico-hvac)}
div[data-direction="rtl"] > div > span:nth-child(18){--dx-ico:var(--dx-ico-piping)}
div[data-direction="rtl"] > div > span:nth-child(19){--dx-ico:var(--dx-ico-automation)}
div[data-direction="rtl"] > div > span:nth-child(20){--dx-ico:var(--dx-ico-shutdown)}

/* the team band: two runs of five, the same icons in the same order */
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(1) > span:nth-child(1){--dx-ico:var(--dx-ico-eng-design)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(1) > span:nth-child(2){--dx-ico:var(--dx-ico-procurement)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(1) > span:nth-child(3){--dx-ico:var(--dx-ico-project-management)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(1) > span:nth-child(4){--dx-ico:var(--dx-ico-civil-structural)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(1) > span:nth-child(5){--dx-ico:var(--dx-ico-mep)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(2) > span:nth-child(1){--dx-ico:var(--dx-ico-cleanroom)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(2) > span:nth-child(2){--dx-ico:var(--dx-ico-hvac)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(2) > span:nth-child(3){--dx-ico:var(--dx-ico-piping)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(2) > span:nth-child(4){--dx-ico:var(--dx-ico-automation)}
section:has(> button > span.bg-accent-1) > div[aria-hidden="true"] > div:nth-of-type(2) > span:nth-child(5){--dx-ico:var(--dx-ico-shutdown)}

/* ===== Leadership section: brand accent label + figures (added) =====
   The kicker and every figure in the section's three tabs ("30+", "13", …)
   share `.text-accent-2` (the purple used by the other section kickers), so the
   rule is scoped to #expertise and leaves the rest of the page alone. */
section#expertise .text-tag-d, section#expertise .text-tag{color:#F18321!important}
section#expertise .text-accent-2{color:#F18321!important}

/* ===== Home navbar: the audio (music) toggle is gone (added) =====
   The bar belongs to React and re-renders its MusicToggler button from the
   page's chunk, so the button is hidden rather than deleted. #technology (the
   About block) exists on the home page alone, which scopes the rule to it. */
body:has(#technology) header button[aria-label="Toggle music"]{display:none!important}