html.headline-rollout-pending [data-headline-rollout] {
  opacity: 0;
}

html.headline-rollout-pending #main-content > :is(.updated, .summary),
html.headline-rollout-pending #main-content > section :is(
  h2,
  h3,
  p:not(:has(button, input, select, textarea)),
  li,
  dt,
  dd,
  caption,
  th,
  td,
  .table > div,
  .specimen,
  .metric,
  .study-number,
  .source-links > a
),
html.headline-rollout-pending #main-content .about-copy > .eyebrow,
html.headline-rollout-pending #main-content .about-founder,
html.headline-rollout-pending #main-content .about-brands,
html.headline-rollout-pending #main-content .about-hypothesis {
  opacity: 0;
}

html.headline-rollout-pending #main-content .copy-rollout-block.is-copy-rollout-static {
  opacity: 1;
}

[data-headline-rollout].is-headline-rollout-enhanced,
[data-headline-rollout].is-headline-rollout-static {
  opacity: 1;
}

[data-headline-rollout].is-headline-rollout-enhanced .headline-rollout-char {
  position: relative;
  opacity: 0;
  top: 0.10em;
  filter: blur(0.8px);
  transition: opacity 12ms linear, top 12ms linear, filter 12ms linear;
  transition-delay: var(--headline-rollout-delay, 0ms);
}

[data-headline-rollout].is-headline-rollout-visible .headline-rollout-char {
  opacity: 1;
  top: 0;
  filter: none;
}

[data-headline-rollout].is-headline-rollout-static .headline-rollout-char {
  opacity: 1;
  top: 0;
  filter: none;
  transition: none;
}

.copy-rollout-packet {
  opacity: 0;
  transition: opacity 18ms linear;
  transition-delay: var(--copy-rollout-delay, 0ms);
}

.accessibility-page .copy-rollout-block.metric .copy-rollout-packet,
.accessibility-page .copy-rollout-block.study-number .copy-rollout-packet {
  display: inline;
  margin: 0;
  color: inherit;
  font: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
}

.copy-rollout-block.is-copy-rollout-visible .copy-rollout-packet,
.copy-rollout-block.is-copy-rollout-static .copy-rollout-packet,
html.copy-rollout-static .copy-rollout-packet {
  opacity: 1;
}

.copy-rollout-block.is-copy-rollout-static .copy-rollout-packet,
html.copy-rollout-static .copy-rollout-packet {
  transition: none;
}

html.a11y-reduce-motion [data-headline-rollout] .headline-rollout-char {
  opacity: 1 !important;
  top: 0 !important;
  filter: none !important;
  transition: none !important;
}

html.a11y-reduce-motion [data-headline-rollout] {
  opacity: 1 !important;
}

html.a11y-reduce-motion .copy-rollout-packet {
  opacity: 1 !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-headline-rollout] {
    opacity: 1 !important;
  }

  [data-headline-rollout] .headline-rollout-char {
    opacity: 1 !important;
    top: 0 !important;
    filter: none !important;
    transition: none !important;
  }

  .copy-rollout-packet {
    opacity: 1 !important;
    transition: none !important;
  }
}

@media print {
  html.headline-rollout-pending #main-content [data-headline-rollout],
  html.headline-rollout-pending #main-content > .updated,
  html.headline-rollout-pending #main-content > .summary,
  html.headline-rollout-pending #main-content > section * {
    opacity: 1 !important;
  }

  [data-headline-rollout] .headline-rollout-char,
  .copy-rollout-packet {
    opacity: 1 !important;
    top: 0 !important;
    filter: none !important;
    transition: none !important;
  }
}

@media (max-width: 640px) and (hover: hover) and (pointer: fine) {
  [data-headline-rollout] .headline-rollout-word.loupe-word {
    display: inline;
    white-space: normal;
  }

  [data-headline-rollout] .headline-rollout-char.loupe-ch {
    display: inline;
  }
}
