/* Voltari interaction language. Content is visible without JavaScript, always.
   Only translate/colour/shadow animate: no size changes or scroll control. */
.site :where(a,button,summary,input,select,textarea):focus-visible{
  outline:2px solid currentColor;outline-offset:5px;
}
.site :where(.button,.nav-cta,.text-link,.catalogue-button,.catalogue-link,.hub-card a) svg{
  transition:translate 200ms ease;
}
.site :where(.button,.nav-cta,.text-link,.catalogue-button,.catalogue-link,.hub-card a):focus-visible svg{
  translate:3px 0;
}
.site :where(.button,.nav-cta){transition:translate 200ms ease,box-shadow 200ms ease,background-color 200ms ease,color 200ms ease}
.site :where(.button,.nav-cta):active{translate:0 1px}
.site :where(.hub-card,.catalogue-card,.service-card,.example-card,.work-card,.ns-ad-card,.ns-price,.app-project,.app-case,.app-service-grid article,.growth-card,.creative-card,[data-motion-card]){
  transition:translate 260ms cubic-bezier(.2,.7,.2,1),box-shadow 260ms ease;
}
.site :where(.hub-card,.catalogue-card,.service-card,.example-card,.work-card,.ns-ad-card,.ns-price,.app-project,.app-case,.app-service-grid article,.growth-card,.creative-card,[data-motion-card]):focus-within{
  box-shadow:0 8px 22px rgb(0 0 0 / .08);
}
.site :where(.faq-list summary){transition:color 160ms ease}
@media(hover:hover) and (pointer:fine){
  .site :where(.button,.nav-cta):hover{translate:0 -2px;box-shadow:0 6px 18px rgb(0 0 0 / .12)}
  .site :where(.button,.nav-cta,.text-link,.catalogue-button,.catalogue-link,.hub-card a):hover svg{translate:3px 0}
  .site :where(.hub-card,.catalogue-card,.service-card,.example-card,.work-card,.ns-ad-card,.ns-price,.app-project,.app-case,.app-service-grid article,.growth-card,.creative-card,[data-motion-card]):hover{
    translate:0 -4px;box-shadow:0 12px 28px rgb(0 0 0 / .10);
  }
}
@media(prefers-reduced-motion:reduce){
  .site :where(.button,.nav-cta,.text-link,.catalogue-button,.catalogue-link,.hub-card a) svg,
  .site :where(.button,.nav-cta,.hub-card,.catalogue-card,.service-card,.example-card,.work-card,.ns-ad-card,.ns-price,.app-project,.app-case,.app-service-grid article,.growth-card,.creative-card,[data-motion-card]){
    transition:none!important;translate:none!important;
  }
}