.markup .was, .markup .now { display: block; }
.markup .was { font-size: 0.74em; margin-bottom: 0.12em; }
.markup .now {
  font-size: 1.32em; line-height: 0.97; letter-spacing: -0.012em; font-weight: 500;
  color: #FFFCF4;
  background: linear-gradient(100deg, #FFFCF4 0%, #FFFCF4 41%, #FFE7A3 46%, #FFFFFF 48.5%, #FFE7A3 51%, #FFFCF4 54%, #FFFCF4 100%);
  background-size: 260% 100%; background-position: 0% 0;
  -webkit-background-clip: text; background-clip: text;
  -webkit-mask-image: linear-gradient(100deg, #000 0%, #000 46%, transparent 52%, transparent 100%);
          mask-image: linear-gradient(100deg, #000 0%, #000 46%, transparent 52%, transparent 100%);
  -webkit-mask-size: 260% 100%; mask-size: 260% 100%;
  -webkit-mask-position: 0% 0; mask-position: 0% 0;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.markup .was-text { position: relative; display: inline-block; white-space: nowrap; color: var(--on-field); font-style: italic; }
.markup .was-words { opacity: 0.42; }
.markup .strike { position: absolute; left: -0.05em; width: calc(100% + 0.1em); top: 38%; height: 0.24em; overflow: visible; }
.markup .strike path { fill: none; stroke: var(--mark); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 1 2; stroke-dashoffset: 0; }

.hero .focusline { margin-top: 26px; font-family: var(--display); font-weight: 500; font-size: clamp(1.45rem, 2vw, 1.85rem); line-height: 1.2; color: #FFFCF4; max-width: none; }
.hero .focusline + .lede { margin-top: 10px; }

.mk-pending .markup { visibility: hidden; }

@media (prefers-reduced-motion: no-preference) {
  .markup.play .strike path { animation: pen 0.62s 0.45s cubic-bezier(0.55, 0.05, 0.25, 1) both; }
  .markup.play .was-words { animation: settle 0.5s 1.05s cubic-bezier(0.4, 0, 0.2, 1) both; }
  .markup.play .now { -webkit-text-fill-color: transparent; animation: unveil 1.25s 1.05s cubic-bezier(0.5, 0, 0.2, 1) both; }
}
@keyframes unveil {
  from { background-position: 100% 0; -webkit-mask-position: 100% 0; mask-position: 100% 0; }
  to   { background-position: 0% 0;   -webkit-mask-position: 0% 0;   mask-position: 0% 0; }
}
@keyframes pen { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes settle { from { opacity: 1; } to { opacity: 0.42; } }