/* Short, deliberate transitions; the office background stays still. */
.page{animation:none}
.page:not([hidden])> *{animation:section-enter 440ms cubic-bezier(.2,.7,.2,1) both}
.page:not([hidden])> :nth-child(2){animation-delay:35ms}
.page:not([hidden])> :nth-child(3){animation-delay:70ms}
.page:not([hidden])> :nth-child(4){animation-delay:105ms}
@keyframes section-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
nav a{transition:color 180ms ease,background-color 180ms ease;isolation:isolate}
nav a:before{content:"";position:absolute;inset:3px -10px;border-radius:16px;background:#ffffff45;z-index:-1;opacity:0;transform:scale(.92);transition:opacity 220ms ease,transform 220ms ease}
nav a[aria-current]:before,nav a:hover:before{opacity:1;transform:scale(1)}
nav a:after{transition:transform 260ms cubic-bezier(.2,.7,.2,1)}
.button{transition:transform 200ms ease,box-shadow 200ms ease,background-color 200ms ease}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #153c3020}
.button:active{transform:translateY(0) scale(.98)}
.service-label .icon,.service-label svg{transition:transform 220ms ease}
.service-label:hover .icon,.service-label:hover svg{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){
  .page:not([hidden])> *{animation:none!important}
  nav a:before,.button,.service-label .icon,.service-label svg{transition:none!important;transform:none!important}
}