/* The one pull-quote in the article: a rule and the body serif at display size, no box. */
.natura-article .article-highlight {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--measure, 640px);
  margin: 40px 0 24px;
  padding: 6px 0 6px 26px;
  border: 0;
  border-left: 2px solid var(--ink);
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: inherit;
}

.natura-article .article-highlight p {
  margin: 0;
  color: inherit;
  font: 400 22px/1.4 var(--serif);
  letter-spacing: -.005em;
  text-wrap: balance;
}

.natura-article .article-section-body .article-highlight strong {
  font: inherit;
  font-weight: 600;
}

.natura-article .article-highlight .highlight-model {
  display: block;
  margin-top: .45em;
}

.natura-article .article-section-body .highlight-model strong {
  font-weight: 600;
}

.natura-article .article-highlight .footnote-ref a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(84, 91, 87, .45);
  text-underline-offset: .15em;
}

.natura-article .article-highlight .footnote-ref a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .natura-article .article-highlight {
    margin-top: 32px;
    padding-left: 18px;
  }
  .natura-article .article-highlight p {
    font-size: 19px;
  }
}

/* Lead: the opening sentence carries a faint ink wash that sweeps across it once it comes into view. */
.natura-article .natura-lead .lead-mark {
  font-weight: 500;
  color: var(--ink);
  padding: .06em .3em .09em;
  margin: 0 -.3em;
  border-radius: 4px;
  box-decoration-break: slice;
  -webkit-box-decoration-break: slice;
  background-image: linear-gradient(rgba(36, 37, 37, .075), rgba(36, 37, 37, .075));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: background-size 1.2s cubic-bezier(.2, .7, .2, 1);
}
.natura-article .natura-lead .lead-mark.will-sweep { background-size: 0% 100%; }
.natura-article .natura-lead .lead-mark.will-sweep.is-inview { background-size: 100% 100%; }
@media (prefers-reduced-motion: reduce) {
  .natura-article .natura-lead .lead-mark { transition: none; }
  .natura-article .natura-lead .lead-mark.will-sweep { background-size: 100% 100%; }
}