/* Shared motion. Reading typography, layout and accessible text stay intact. */
@media(prefers-reduced-motion:no-preference) {
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]) {
    transition:opacity 560ms cubic-bezier(.22,1,.36,1) var(--hm-delay,0ms),
               translate 560ms cubic-bezier(.22,1,.36,1) var(--hm-delay,0ms),
               transform 300ms var(--ease),box-shadow 300ms var(--ease);
  }
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]).hm-reveal-pending {
    opacity:0; translate:0 12px;
  }
}
/* The original final number reserves width and remains readable to assistive
   technology. Only an aria-hidden overlay changes its attribute while counting. */
:is([data-home-motion],[data-editorial-motion]) .fact__value { position:relative; display:inline-block; }
:is([data-home-motion],[data-editorial-motion]) .hm-count-visual {
  display:none; position:absolute; inset:0; margin:0; color:var(--tank-blue);
  font:inherit; letter-spacing:inherit; text-align:right; pointer-events:none;
}
:is([data-home-motion],[data-editorial-motion]) .hm-count-visual::after { content:attr(data-hm-display); font:inherit; letter-spacing:inherit; }
:is([data-home-motion],[data-editorial-motion]) .fact__value.hm-counting { color:transparent; }
:is([data-home-motion],[data-editorial-motion]) .hm-counting > .hm-count-visual { display:block; }
/* Overscan leaves 8px beyond the maximum travel, avoiding exposed edges. */
@media(min-width:768px) and (prefers-reduced-motion:no-preference) {
  :is([data-home-motion],[data-editorial-motion]).hm-parallax-enabled :is([data-home-parallax],[data-editorial-parallax]) {
    inset:-32px 0; transform:translate3d(0,var(--hm-parallax-y,0px),0);
  }
  :is([data-home-motion],[data-editorial-motion]).hm-parallax-in-view :is([data-home-parallax],[data-editorial-parallax]) { will-change:transform; }
}
:is([data-home-motion],[data-editorial-motion]) .hm-wave { position:relative; isolation:isolate; overflow:hidden; }
:is([data-home-motion],[data-editorial-motion]) .hm-wave > span { position:relative; z-index:1; }
:is([data-home-motion],[data-editorial-motion]) .hm-wave::before {
  content:""; position:absolute; z-index:-1; inset:auto -20% -1px;
  height:44%; pointer-events:none;
  background:url("graphics/ci-wave.svg") center bottom / 100% 100% no-repeat;
  opacity:.3; transform:translate3d(-8%,12%,0);
  transition:transform 420ms cubic-bezier(.22,1,.36,1),opacity 420ms ease;
}
:is([data-home-motion],[data-editorial-motion]) .hm-wave:focus-visible::before { opacity:.55; transform:translate3d(0,0,0); }
:is([data-home-motion],[data-editorial-motion]) .hm-wave--outline::before { opacity:0; }
:is([data-home-motion],[data-editorial-motion]) .hm-wave--outline:focus-visible::before { opacity:.55; }
@media(hover:hover) and (pointer:fine) {
  :is([data-home-motion],[data-editorial-motion]) .hm-wave:hover::before { opacity:.55; transform:translate3d(0,0,0); }
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference) {
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]) { transition-duration:400ms; }
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]).hm-reveal-pending { translate:0 8px; }
}
@media(prefers-reduced-motion:reduce) {
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]) { opacity:1; translate:none; transition:none; }
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-parallax],[data-editorial-parallax]) { transform:none; }
  :is([data-home-motion],[data-editorial-motion]) .hm-wave::before { transform:none; transition:none; }
  :is([data-home-motion],[data-editorial-motion]) .fact__value.hm-counting { color:inherit; }
  :is([data-home-motion],[data-editorial-motion]) .hm-count-visual { display:none!important; }
}
@media print {
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-reveal],[data-editorial-reveal]) { opacity:1!important; translate:none!important; }
  :is([data-home-motion],[data-editorial-motion]) :is([data-home-parallax],[data-editorial-parallax]) { inset:0!important; transform:none!important; }
  :is([data-home-motion],[data-editorial-motion]) .fact__value.hm-counting { color:inherit; }
  :is([data-home-motion],[data-editorial-motion]) .hm-count-visual { display:none!important; }
}
