/* Reading rhythm, not a second animation system for the real service scenes. */
/* No pending/hidden style: every heading, card and link is readable without JS. */
[data-editorial-reveal].is-editorial-entered{
  animation-duration:620ms;
  animation-timing-function:cubic-bezier(.2,.65,.3,1);
  animation-delay:var(--editorial-delay,0ms);
  animation-iteration-count:1;
  animation-fill-mode:backwards;
}
[data-editorial-reveal="heading"].is-editorial-entered{animation-name:editorial-heading-in}
[data-editorial-reveal="column"].is-editorial-entered{animation-name:editorial-column-in}
.editorial-rule{position:relative}
.editorial-rule::before{
  content:"";position:absolute;left:0;top:-10px;width:42px;height:1px;
  background:#a02c3a;transform-origin:left center;pointer-events:none;
}
.editorial-rule.is-editorial-entered::before{
  animation:editorial-rule-in 620ms cubic-bezier(.2,.65,.3,1) var(--editorial-delay,0ms) 1 backwards;
}
@keyframes editorial-heading-in{from{transform:translateY(14px)}to{transform:translateY(0)}}
@keyframes editorial-column-in{from{transform:translateY(20px)}to{transform:translateY(0)}}
@keyframes editorial-rule-in{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(max-width:820px){
  [data-editorial-reveal].is-editorial-entered{animation-duration:540ms;animation-delay:0ms}
  .editorial-rule.is-editorial-entered::before{animation-duration:540ms;animation-delay:0ms}
  @keyframes editorial-heading-in{from{transform:translateY(8px)}to{transform:translateY(0)}}
  @keyframes editorial-column-in{from{transform:translateY(10px)}to{transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  [data-editorial-reveal].is-editorial-entered,.editorial-rule.is-editorial-entered::before{animation:none!important;opacity:1;transform:none}
}
