/* A small, homepage-only enhancement. Resting layout stays with the published styles. */
.studio-home :is(.directory-four, #brand-close) .read-link {
  text-decoration-line: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right calc(50% + .5em + 5px);
  transition: background-size 180ms cubic-bezier(.22, 1, .36, 1);
}
.studio-home :is(.directory-four, #brand-close) .read-link:is(:hover, :active, :focus-visible) {
  text-decoration-line: none;
  background-size: 100% 1px;
  background-position: left calc(50% + .5em + 5px);
}
/* The ink line is this link's single motion; keep the existing arrow still. */
.studio-home #brand-close .t-learn:is(:hover, :focus-visible) :is(.t-learn-chevron, .t-learn-arm) {
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .studio-home :is(.directory-four, #brand-close) .read-link { transition: none; }
}
@media print {
  .studio-home :is(.directory-four, #brand-close) .read-link {
    background-image: none;
    text-decoration-line: underline;
  }
}