* { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body { font-family: Manrope, system-ui, sans-serif; background: #ffffff; color: #0E1418; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
  a { color: #00807D; text-decoration: none; overflow-wrap: anywhere; }
  a:hover { color: #0E1418; }
  h1, h2, h3, h4, p, ul { margin: 0; }
  ul { padding: 0; list-style: none; }
  button { font-family: inherit; }
  img { max-width: 100%; }
  @keyframes codRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  @keyframes codMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

:root{
  --logoW: auto;
  --logoH: clamp(36px,3vw,46px);
  --heroH: clamp(300px,25vw,440px);
  --homeHeroH: clamp(380px,43.75vw,700px);
  --heroPos: center;
  --heroPadT: 96px;
  --heroPadB: 72px;
  --heroPadTLg: 110px;
  --heroPadBLg: 96px;
  --heroTextInset: 335px;
  --homeHeroPadT: 50px;
  --homeHeroPadB: 150px;
  --contactLinkSize: 20px;
  --sideCols: minmax(220px,300px) 1fr;
  --photoCols: minmax(140px,180px) 1fr;
  --homePhotoCols: minmax(220px,280px) 1fr;
  --philipBandCols: minmax(0,1fr) minmax(300px,400px);
  --philipBandPadY: clamp(40px,3.2vw,52px);
  --philipBandPhotoH: 320px;
  --philipBandPhotoPos: absolute;
  --philipBandPhotoFill: 100%;
  --philipBandPhotoMax: 100%;
  --philipBandPhotoRatio: auto;
  --philipBandPhotoRadius: 0px;
  --philipBandPhotoPad: 0;
  --personCols: minmax(220px,340px) 1fr;
  --teamCols: repeat(5,minmax(0,1fr));
  --personPhotoMax: 100%;
  --bioCols: 120px 1fr;
  --labelCols: minmax(180px,260px) 1fr;
  --insightsCols: minmax(min(100%,320px),1fr) minmax(240px,330px);
  --sectorCols: repeat(3,minmax(0,1fr));
  --quadCols: repeat(4,minmax(0,1fr));
  --quintCols: repeat(5,minmax(0,1fr));
  --statCols: repeat(4,minmax(0,1fr));
  --hWho: 600px;
  --hWhat: 850px;
  --hStats: 350px;
  --hClients: 450px;
  --hInsights: 450px;
  --stickyPos: sticky;
}
@media (max-width: 1060px){
:root{
  --logoW: min(42vw,190px);
  --logoH: 44px;
  --heroH: clamp(230px,50vw,320px);
  --homeHeroH: clamp(320px,80vw,480px);
  --heroPos: 68% center;
  --heroPadT: 56px;
  --heroPadB: 44px;
  --heroPadTLg: 60px;
  --heroPadBLg: 48px;
  --heroTextInset: 0px;
  --homeHeroPadT: 36px;
  --homeHeroPadB: 56px;
  --contactLinkSize: 17px;
  --sideCols: 1fr;
  --photoCols: 1fr;
  --homePhotoCols: 1fr;
  --philipBandCols: 1fr;
  --philipBandPadY: 40px;
  --philipBandPhotoH: 0px;
  --philipBandPhotoPos: static;
  --philipBandPhotoFill: auto;
  --philipBandPhotoMax: min(72vw,300px);
  --philipBandPhotoRatio: 4 / 5;
  --philipBandPhotoRadius: 14px;
  --philipBandPhotoPad: 0 0 40px;
  --personCols: 1fr;
  --teamCols: repeat(auto-fit,minmax(min(100%,236px),1fr));
  --personPhotoMax: min(72vw,300px);
  --bioCols: 1fr;
  --labelCols: 1fr;
  --insightsCols: 1fr;
  --sectorCols: repeat(auto-fit,minmax(min(100%,260px),1fr));
  --quadCols: repeat(auto-fit,minmax(min(100%,250px),1fr));
  --quintCols: repeat(auto-fit,minmax(min(100%,220px),1fr));
  --statCols: repeat(auto-fit,minmax(min(100%,148px),1fr));
  --hWho: auto;
  --hWhat: auto;
  --hStats: auto;
  --hClients: auto;
  --hInsights: auto;
  --stickyPos: static;
}
}

.is-hidden{display:none !important}
@media (max-width:1060px){[data-when="desktop"]{display:none !important}}
@media (min-width:1061px){[data-when="mobile"]{display:none !important}}
input,textarea{font-family:inherit}
.x1:hover{color:#00807D !important; background:#EFF7F6 !important}
.x2:hover{border-color:#0E1418 !important}
.x3:hover{color:#00807D !important}
.x4:hover{border-color:#00A9A5 !important; background:#EFF7F6 !important}
.x5:hover{color:#0E1418 !important; border-color:#0E1418 !important}
.x6:hover{border-color:#00A9A5 !important; transform:translateY(-3px) !important; box-shadow:0 16px 34px rgba(12,41,46,0.13) !important}
.x7:hover{color:#00D6D0 !important}
.x8:hover{color:#C6CFD4 !important}
.x9:hover{background:#F3F6F6 !important; color:#0E1418 !important}
.x10:hover{background:#00807D !important}
.x11:hover{color:#0E1418 !important}
.x12:hover{border-color:#0E1418 !important; background:#F2F6F6 !important}
.x13:hover{background:#0E1418 !important}
.x14:hover{background:#ffffff !important; color:#0E1418 !important}
.x15:hover{border-color:#ffffff !important}
.x16:hover{background:#00A9A5 !important}
