.has-scr > .scr { position: absolute; inset: 0; overflow: hidden; pointer-events: none; display: none; }
.has-scr.is-scr > .scr { display: block; color: var(--scr-c, currentColor); }
.has-scr.is-scr { color: transparent !important; }
@media (prefers-reduced-motion: reduce) { .scr { display: none !important; } }
html[data-motion="off"] :is(.scr) { display: none !important; }

fx-w { display: inline-block; vertical-align: top; clip-path: inset(-.14em -100vw -.2em -100vw); }   
fx-i { display: inline-block; }   
@media (prefers-reduced-motion: reduce) { .is-split fx-i { transform: none !important; opacity: 1 !important; } }
html[data-motion="off"] .is-split fx-i { transform: none !important; opacity: 1 !important; }

.odo { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; color: var(--oc, inherit); font: inherit; letter-spacing: inherit; overflow: visible; }
od-c { position: absolute; display: block; overflow: hidden; text-align: center; clip-path: inset(-.1em -.05em -.1em -.05em); }
od-r { display: block; will-change: transform; }
od-g { display: block; white-space: nowrap; }
od-s { position: absolute; display: block; white-space: pre; }   
.odo-pre, .odo-go { color: transparent !important; }
.odo-pre od-r { transform: translateY(calc(var(--n) * var(--e, 0) * -1lh)); }   
.odo-go od-r { transform: translateY(calc(var(--n) * -1lh)); transition: transform var(--odur, 1400ms) cubic-bezier(.16, 1, .3, 1) calc(var(--od, 0ms) + var(--odg, 0ms)); }
.tr__figs b { font-variant-numeric: tabular-nums; }   
.tr__figs .odo-host { --odur: 1600ms; }
@media (prefers-reduced-motion: reduce) { .odo { display: none !important; } .odo-pre, .odo-go { color: inherit !important; } }
html[data-motion="off"] .odo { display: none !important; }
html[data-motion="off"] .odo-pre, html[data-motion="off"] .odo-go { color: inherit !important; }

.nav::before { transition: background-color var(--dur, 320ms) var(--ease-out, ease-out); }
.nav__cta { transition: background-color var(--dur, 320ms) var(--ease-out, ease-out), color var(--dur, 320ms) var(--ease-out, ease-out); }
@media (prefers-reduced-motion: reduce) { .nav::before, .nav__cta { transition: none; } }
html[data-motion="off"] :is(.nav::before, .nav__cta) { transition: none; }