/* Editorial navigation: from the artist statement to the work and back. */
.statement-navigation { margin-top: 34px; }
.editorial-link { display: inline-flex; align-items: baseline; gap: 18px; padding-bottom: 5px; font-size: 29px; font-style: italic; text-decoration: none; }
.editorial-link > span:first-child { background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat; padding-bottom: 3px; transition: background-size .35s ease; }
.editorial-arrow { font-size: 34px; transition: transform .35s ease; }
.editorial-link:hover > span:first-child, .editorial-link:focus-visible > span:first-child { background-size: 100% 1px; }
.editorial-link:hover .editorial-arrow, .editorial-link:focus-visible .editorial-arrow { transform: translateX(7px); }
.editorial-return { position: relative; display: inline-flex; align-items: center; gap: clamp(12px, 1.5vw, 24px); text-decoration: none; }
.return-arrow { font: .48em/1 var(--serif); transition: transform .3s ease; }
.editorial-return:hover .return-arrow, .editorial-return:focus-visible .return-arrow { transform: translateX(-5px); }
.editorial-return > span:last-child { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .13em; text-decoration-color: #c5bfae; }
.draft-note { margin-top: 26px; }

@media (max-width: 800px) {
  .statement-navigation { margin-top: 28px; }
  .editorial-link { font-size: 27px; gap: 14px; }
  .editorial-link .editorial-arrow { font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-arrow, .editorial-link > span:first-child, .return-arrow { transition: none; }
}
