/* Individual translate preserves the transforms used for Figma positioning. */
.motion-reveal{
  --motion-reveal-y:44px;
  opacity:0;
  translate:0 calc(var(--motion-reveal-y) + var(--motion-hover-y,0px));
  transition:opacity 320ms ease-out,translate 380ms cubic-bezier(.22,1,.36,1),filter 220ms ease,border-color 220ms ease;
  transition-delay:var(--motion-delay,0ms),var(--motion-delay,0ms),0ms,0ms;
}
.motion-reveal.is-visible{--motion-reveal-y:0px;opacity:1}
.motion-reveal:not(.is-visible){pointer-events:none;transition-delay:0ms;transition-duration:180ms,240ms,220ms,220ms}
:is(.home,.site) :is(a,button){
  translate:0 calc(var(--motion-reveal-y,0px) + var(--motion-hover-y,0px));
}
:is(.home,.site) :is(a,button):not(.motion-reveal){
  --motion-reveal-y:0px;
  transition:translate 220ms cubic-bezier(.22,1,.36,1),filter 220ms ease,opacity 220ms ease,color 220ms ease,border-color 220ms ease;
}
@media(hover:hover) and (pointer:fine){
  :is(.home,.site) :is(a,button):hover{--motion-hover-y:-3px}
  .home :is(.home-service,.home-job):hover{--motion-hover-y:-6px}
  .home .home-cta:hover,.site .primary-button:hover{--motion-hover-y:-4px}
}
:is(.home,.site) :is(a,button):focus-visible{--motion-hover-y:-3px}

body :is(.home-header,.site-header){
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  background:none;
  border-bottom:0;
  box-shadow:none;
  transition:background-color 180ms ease;
}
body :is(.home-header,.site-header)::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,5,19,.88) 0%,rgba(8,5,19,.64) 48%,rgba(8,5,19,.24) 78%,rgba(8,5,19,0) 100%);
  opacity:.8;
  transition:opacity 180ms ease;
}
body :is(.home-header,.site-header).is-scrolled{background-color:rgba(8,5,19,.96)}
body :is(.home-header,.site-header).is-scrolled::before{opacity:1}
.site{padding-top:114px}
html{scroll-padding-top:130px}
@media(max-width:700px){
  .site{padding-top:72px}
  html{scroll-padding-top:92px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-reveal{opacity:1;pointer-events:auto}
  body :is(.home-header,.site-header),body :is(.home-header,.site-header)::before{transition:none}
  :is(.home,.site) :is(.motion-reveal,a,button){translate:none;transition:none}
}