/* Review-only candidates. The homepage does not load this stylesheet. */
.motion-lab{--motion-factor:1;--speed-response:calc(160ms * var(--motion-factor));--speed-action:calc(320ms * var(--motion-factor));--speed-media:calc(560ms * var(--motion-factor));--speed-enter:cubic-bezier(.16,1,.3,1)}
.speed-button{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--paper);background:var(--paper);color:var(--ink);transition:color var(--speed-response)}
.speed-button::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--accent);transform:translateX(-101%);transition:transform var(--speed-action) var(--speed-enter)}
.speed-button:is(:hover,:focus-visible,.is-demo)::before{transform:translateX(0)}
.speed-button:is(:hover,:focus-visible,.is-demo){background:var(--paper)}
.speed-button .action-label{font:inherit;transform:none}
.arrow-window{position:relative;display:block;flex:none;width:28px;height:28px;overflow:hidden;font:24px/28px Arial,sans-serif!important;transform:none!important}
.arrow-window i{position:absolute;inset:0;font-style:normal;transition:transform var(--speed-action) var(--speed-enter)}
.arrow-window i+ i{transform:translateX(-140%)}
.speed-button:is(:hover,:focus-visible,.is-demo) .arrow-window i:first-child,.speed-link:is(:hover,:focus-visible,.is-demo) .arrow-window i:first-child{transform:translateX(140%)}
.speed-button:is(:hover,:focus-visible,.is-demo) .arrow-window i+ i,.speed-link:is(:hover,:focus-visible,.is-demo) .arrow-window i+ i{transform:translateX(0)}
.speed-button:active{box-shadow:inset 0 0 0 2px var(--ink)}
.speed-button.speed-outline{background:transparent;color:var(--paper)}
.speed-button.speed-outline::before{background:var(--paper)}
.speed-button.speed-outline:is(:hover,:focus-visible,.is-demo){background:transparent;color:var(--ink)}
.speed-link{position:relative;isolation:isolate;border-bottom-color:var(--line);overflow:hidden}
.speed-link::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:currentColor;transform:translateX(-101%);transition:transform var(--speed-action) var(--speed-enter)}
.speed-link:is(:hover,:focus-visible,.is-demo)::after{transform:translateX(0)}
.speed-nav{position:relative;display:inline-flex;align-items:center;min-height:48px;font-weight:700;font-size:12px}
.speed-nav::after{content:'';position:absolute;inset:auto 0 8px;height:1px;background:var(--paper);transform:scaleX(0);transform-origin:right;transition:transform var(--speed-response) var(--speed-enter)}
.speed-nav:is(:hover,:focus-visible,.is-demo)::after{transform:scaleX(1);transform-origin:left}
.speed-photo{overflow:hidden}
.speed-photo img{transition:transform var(--speed-media) var(--speed-enter);transform:scale(1.02);transform-origin:65% 50%}
.speed-photo:is(:hover,:focus-visible,.is-demo) img{transform:scale(1.06) translateX(-.8%)}
.speed-row{position:relative;isolation:isolate;overflow:hidden;transition:color var(--speed-response)}
.speed-row::after{content:'';position:absolute;inset:0;z-index:-1;background:#272824;transform:translateX(-101%);transition:transform var(--speed-action) var(--speed-enter)}
.speed-row:is(:hover,:focus-visible,.is-demo)::after{transform:translateX(0)}
.speed-row>span:last-child{transition:transform var(--speed-action) var(--speed-enter)}
.speed-row:is(:hover,:focus-visible,.is-demo)>span:last-child{transform:translateX(8px)}
.motion-lab[data-motion='off'] *, .motion-lab[data-motion='off'] *::before,.motion-lab[data-motion='off'] *::after{transition:none!important;animation:none!important}
.motion-lab[data-motion='off'] .speed-photo img{transform:none!important}
@media(prefers-reduced-motion:reduce){.motion-lab *, .motion-lab *::before,.motion-lab *::after{transition:none!important;animation:none!important}.motion-lab .speed-photo img{transform:none!important}}
/* Keep the outlined CTA arrow legible while the light surface passes behind it. */
.speed-button.speed-outline .arrow-window{color:#fff;mix-blend-mode:difference}