.js-motion .m-in:not(.is-in){opacity:0;}
.js-motion .m-in.is-in{animation:mIn .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards;}
@keyframes mIn{from{opacity:0;transform:translateY(16px);filter:blur(6px);}}


.js-motion .m-glass:not(.is-in){opacity:0;}
.js-motion .m-glass.is-in{animation:mGlass 1.5s cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards;}
@keyframes mGlass{from{opacity:0;transform:translateY(12px) scale(.985);-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);}}


.js-motion .sv-steps::before{transform-origin:left center;transform:scaleX(var(--p,0));}
.js-motion .sd-steps::before{transform-origin:center top;transform:scaleY(var(--p,0));}
.js-motion .sv-step:first-child .sv-step__dot,.js-motion .sd-step:first-child .sd-step__dot{background:var(--as-paper);}
.js-motion .sv-step.is-reached .sv-step__dot,.js-motion .sd-step.is-reached .sd-step__dot{background:var(--as-leaf);box-shadow:0 0 0 6px var(--as-paper),0 0 0 11px rgba(130,185,53,.14);}
.js-motion .sv-step .sv-step__dot,.js-motion .sd-step .sd-step__dot{transition:background .5s ease,box-shadow .5s ease;}


.js-motion .m-head:not(.is-in) .as-tone{opacity:0;}
.js-motion .m-head.is-in .as-tone{animation:mTone 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 380ms) backwards;}
@keyframes mTone{from{opacity:0;filter:blur(4px);}}


.e-con.as-hero,.as-hero{background-position:0 0,center calc(62% + var(--py,0px)),0 0,0 0;}


@view-transition{navigation:auto;}
.e-con.as-header__pill,.as-header__pill{view-transition-name:site-header;} 
::view-transition-old(root){animation:vtOut .3s cubic-bezier(.4,0,1,1) both;}
::view-transition-new(root){animation:vtIn .6s cubic-bezier(.2,.7,.2,1) .06s both;}
::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.2,1);}
@keyframes vtOut{to{opacity:0;transform:translateY(-8px);filter:blur(4px);}}
@keyframes vtIn{from{opacity:0;transform:translateY(12px);filter:blur(4px);}}

@media (max-width:900px){
  .js-motion .sv-steps::before{transform-origin:center top;transform:scaleY(var(--p,0));}
}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none;}
  .js-motion .m-in,.js-motion .m-glass,.js-motion .m-head .as-tone{opacity:1!important;animation:none!important;}
}