/* A shared, restrained motion language for the corporate site and Labs. */
.header::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--brass);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.header.is-scrolled{box-shadow:0 5px 24px rgb(23 28 29 / .06)}
.nav a[aria-current="location"]{color:var(--green)}
body[data-motion-enabled="true"] .header{transition:box-shadow .3s ease}
body[data-motion-enabled="true"] :is(.btn,.nav-demo,.text-link){transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .3s ease}
body[data-motion-enabled="true"] :is(.btn,.nav-demo,.text-link)>span[aria-hidden="true"]{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
body[data-motion-enabled="true"] .layer{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
body[data-motion-enabled="true"] .bld.new{transition:opacity .4s ease,fill .4s ease}
body[data-motion-enabled="true"] :is(.modal-card,.labs-gate[open] .labs-gate-inner){animation:surface-enter .35s cubic-bezier(.2,.7,.2,1)}
@keyframes surface-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
  body[data-motion-enabled="true"] :is(.btn,.nav-demo):hover{box-shadow:0 5px 16px rgb(23 28 29 / .1)}
  body[data-motion-enabled="true"] :is(.btn,.nav-demo,.text-link):is(:hover,:focus-visible)>span[aria-hidden="true"]{transform:translate(3px,-2px)}
  body[data-motion-enabled="true"] .layer:hover{transform:translateX(5px);box-shadow:-5px 0 0 var(--brass)}
  body[data-motion-enabled="true"] .hero-art .parallax-media img{transform:scale(1.035) translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  body[data-motion-enabled="true"] .labs-layer-photo{overflow:hidden}
  body[data-motion-enabled="true"] .labs-layer-photo img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
  body[data-motion-enabled="true"] .labs-feature:hover .labs-layer-photo img{transform:scale(1.025)}
}
body[data-motion-paused="true"]{scroll-behavior:auto}
html:has(body[data-motion-paused="true"]){scroll-behavior:auto}
body[data-motion-paused="true"] *,body[data-motion-paused="true"] *::before,body[data-motion-paused="true"] *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.header::after{transform:scaleX(var(--page-progress,0))}html{scroll-behavior:auto}}
@media print{.motion-toggle,.header::after{display:none!important}}