:root {
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
html {
  scrollbar-gutter: stable;
  scroll-padding-top: 112px;
}
html.lenis,
html.lenis body {
  height: auto;
}
html.lenis {
  scroll-behavior: auto !important;
}
html.navigation-locked,
html.lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.mega-menu,
.is-menu-open {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.is-enhanced .solutions-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.is-enhanced .solution-panel {
  grid-area: 1 / 1;
  min-width: 0;
  align-self: start;
}
.solutions-nav a {
  transition:
    color 240ms ease,
    border-color 300ms ease,
    background 300ms ease;
}
.solutions-nav a .lucide {
  transition:
    opacity 240ms ease,
    transform 320ms var(--motion-ease);
}
.solutions-nav a[aria-selected="true"] .lucide {
  transform: translate(2px, -2px);
}
@media (prefers-reduced-motion: no-preference) {
  .wp-site-blocks > header {
    view-transition-name: site-header;
  }
  ::view-transition {
    background: var(--ateam-ink);
  }
  ::view-transition-group(root) {
    animation: none;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    mix-blend-mode: normal;
  }
  ::view-transition-old(root) {
    animation: page-out 180ms cubic-bezier(.4, 0, 1, 1) both;
  }
  ::view-transition-new(root) {
    animation: page-in 480ms var(--motion-ease) 100ms both;
  }
  html.page-fonts-pending::view-transition-new(root) {
    animation-play-state: paused;
  }
  ::view-transition-group(site-header) {
    animation: none;
    z-index: 10;
  }
  ::view-transition-old(site-header) {
    animation: none;
    opacity: 0;
  }
  ::view-transition-new(site-header) {
    animation: none;
  }
  html.page-fonts-pending::view-transition-old(site-header) {
    opacity: 1;
  }
  html.page-fonts-pending::view-transition-new(site-header) {
    opacity: 0;
  }
}
@keyframes page-out {
  to {
    opacity: 0;
  }
}
@keyframes page-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 900px) {
  html {
    scroll-padding-top: 100px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
  html {
    scroll-behavior: auto !important;
  }
  .mega-trigger .lucide,
  .mega-entry,
  .mega-entry img,
  .solutions-nav a,
  .solutions-nav a .lucide {
    transition: none;
  }
}
