/* What we deliver page */
.wd{background:var(--ink)}
.wd-hero{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(55% 70% at 72% 48%,rgba(98,54,214,.32),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(6,112,176,.22),transparent 70%),linear-gradient(180deg,#0f0a28 0%,var(--night) 65%,#170e3c 100%)}
.wd-canvas{position:absolute;top:0;bottom:0;right:0;left:44%;z-index:-1;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 94%,transparent 100%)}
.wd-canvas canvas{width:100%;height:100%;display:block}
.wd-hero-grid{min-height:min(860px,100svh);display:grid;align-items:center;
  padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + clamp(40px,6vw,72px));padding-bottom:clamp(56px,7vw,96px)}
.wd-copy{display:grid;gap:22px;width:min(50%,560px);min-width:0}
.wd-crumbs{display:flex;align-items:center;gap:12px;font-size:var(--small);color:var(--fg-2)}
.wd-crumbs a{color:var(--fg);text-decoration:none}
.wd-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.wd-copy h1{font-size:clamp(3rem,1.8rem + 5vw,6rem);font-weight:300;letter-spacing:-.03em;line-height:.98}
.wd-copy h1 span{display:block;color:var(--lilac)}
.wd-lede{color:#d4d1e4;font-size:1.1875rem;line-height:1.6}
.wd-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wd-chips li{display:flex;min-width:0}
.wd-chips a{text-decoration:none;flex:1;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px 10px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);
  color:var(--fg);font:inherit;font-size:.875rem;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.wd-chips i{flex-shrink:0;width:7px;height:7px;transform:rotate(45deg);background:var(--c,#fff);box-shadow:0 0 10px var(--c,#fff)}
.wd-chips a:hover,.wd-chips a:focus-visible,.wd-chips a.is-on{border-color:var(--c,#fff);background:rgba(255,255,255,.08);color:#fff}
@media (max-width:560px){.wd-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wd-list{padding-bottom:clamp(48px,6vw,88px)}
.wd-list > .wrap{padding-top:clamp(24px,3vw,40px)}
.wd-row{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.45fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start;padding-block:clamp(32px,4vw,48px);border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h-s,60px) + 64px + 12px)}
.wd-row:last-child{border-bottom:1px solid var(--line)}
.wd-row-head{display:grid;gap:16px;align-content:start}
.wd-row-head svg{width:34px;height:34px}
.wd-row h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:300;line-height:1.2}
.wd-row-desc{display:grid;gap:.8rem;color:var(--fg-2);font-size:1.0625rem;line-height:1.7}
.wd-label{font-weight:500;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px}
.wd-row-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wd-row-list li{position:relative;padding-left:20px;font-size:var(--small);color:var(--fg)}
.wd-row-list li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;transform:rotate(45deg);background:var(--c,var(--lilac));box-shadow:0 0 8px var(--c,transparent)}
.wd-row.flash{animation:wdFlash 1.6s ease}
@keyframes wdFlash{0%{background:rgba(195,178,255,.08)}100%{background:transparent}}
.wd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
@media(max-width:480px){
  .wd-actions{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:8px;max-width:360px}
  .wd-actions .btn{justify-content:center;text-align:center;min-height:46px;padding:.6em .7em;font-size:.875rem;line-height:1.25}
}
.wd-row-desc p:first-child{color:var(--fg)}
.wd-enquire{display:inline-flex;align-items:center;min-height:44px;gap:.6em;margin-top:12px;color:var(--lilac);font-weight:500;font-size:var(--small);text-underline-offset:.24em}
.wd-row:focus{outline:none}.wd-row:focus-visible h2{text-decoration:underline;text-underline-offset:.16em}
@media (max-width:900px){.wd-row{grid-template-columns:1fr;gap:16px}}
@media (max-width:820px){
  .wd-copy{width:min(100%,560px)}
  .wd-hero-grid{min-height:0;padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 260px)}
  .wd-canvas{left:0;bottom:auto;top:calc(var(--header-h) + env(safe-area-inset-top,0px));height:300px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
}

/* Match the six service markers to the orbits. */
.wd [data-strand="0"]{--c:hsl(196 95% 70%)}
.wd [data-strand="1"]{--c:hsl(216 95% 70%)}
.wd [data-strand="2"]{--c:hsl(240 95% 70%)}
.wd [data-strand="3"]{--c:hsl(262 95% 70%)}
.wd [data-strand="4"]{--c:hsl(288 95% 70%)}
.wd [data-strand="5"]{--c:hsl(314 95% 70%)}

/* Sticky areas-of-work bar */
@property --gx{syntax:"<length>";inherits:true;initial-value:0px}
/* Hidden while the hero is on screen; slides down from under the header once it has scrolled away */
.wd-nav{--c:hsl(196 95% 70%);--gx:0px;position:fixed;left:0;right:0;top:calc(var(--header-h-s,60px) + env(safe-area-inset-top,0px));z-index:15;isolation:isolate;
  background:rgba(18,12,46,.74);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px -28px rgba(0,0,0,.7);
  transform:translateY(-110%);opacity:0;visibility:hidden;
  transition:--gx .7s var(--ease-out,cubic-bezier(.16,1,.3,1)),transform .45s var(--ease-in,cubic-bezier(.55,0,.75,.2)),opacity .3s ease,visibility 0s linear .45s}
.wd-nav.is-shown{transform:none;opacity:1;visibility:visible;
  transition:--gx .7s var(--ease-out,cubic-bezier(.16,1,.3,1)),transform .6s var(--ease-out,cubic-bezier(.16,1,.3,1)),opacity .35s ease,visibility 0s}
.wd-nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(260px 90px at var(--gx) 100%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);transition:background .6s}
.wd-nav-in{position:relative}
.wd-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}
.wd-nav-list::-webkit-scrollbar{display:none}
.wd-nav-list.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.wd-nav-list.fade-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}
.wd-nav-list.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 32px),transparent)}
.wd-nav-list li{flex-shrink:0;scroll-snap-align:start}
.wd-nav-list a{--p:0;position:relative;display:flex;align-items:center;gap:9px;min-height:62px;padding:0 16px;white-space:nowrap;text-decoration:none;
  font-size:.875rem;color:rgba(245,244,250,.6);transition:color .35s}
.wd-nav-list li:first-child a{padding-left:2px}
.wd-nav-list a i{width:7px;height:7px;transform:rotate(45deg);background:var(--c);opacity:.5;transition:opacity .35s,box-shadow .35s,transform .45s var(--ease-out,cubic-bezier(.16,1,.3,1))}
.wd-nav-list a:hover,.wd-nav-list a:focus-visible{color:#fff}
.wd-nav-list a:hover i,.wd-nav-list a:focus-visible i{opacity:1}
.wd-nav-list a.is-active{color:#fff}
.wd-nav-list a.is-active i{opacity:1;box-shadow:0 0 12px var(--c),0 0 3px var(--c);transform:rotate(45deg) scale(1.25)}
.wd-nav-line{position:absolute;left:16px;right:16px;bottom:1px;height:2px;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .35s}
.wd-nav-list li:first-child .wd-nav-line{left:2px}
.wd-nav-line::after{content:"";position:absolute;inset:0;background:var(--c);box-shadow:0 0 10px var(--c);transform-origin:left;transform:scaleX(var(--p))}
.wd-nav-list a.is-active .wd-nav-line{opacity:1;background:rgba(255,255,255,.12)}
.wd-row{position:relative}
.wd-row::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--c),transparent 60%);opacity:0;transition:opacity .6s}
.wd-row.is-active::before{opacity:.7}
@media (max-width:820px){.wd-nav-list a{min-height:54px;padding:0 13px}}
@media (prefers-reduced-motion:reduce){.wd-row.flash{animation:none}.wd-nav,.wd-nav.is-shown{transition:none}.wd-nav-line::after{transition:none}}

@media print{
  .wd-canvas,.wd-hero .stars,.wd-copy nav,.wd-nav,.wd-enquire,.wd .violet{display:none}
  .wd-hero-grid,.wd-list>.wrap{min-height:0;padding:1rem 0}
  .wd-copy{width:100%;max-width:none}
  .wd-row{display:block;break-inside:avoid}
  .wd-row-desc,.wd-row-list{margin-top:1rem}
}