/* V2 — current-site logo weight and repeat-on-entry marker animation (2026-10-11) */
:root { --marker-yellow: #ffe240; }
/* Match current site's .logo: Georgia 700 italic, slightly tightened tracking. */
.wordmark em, .splash-name em, .hero-name .hero-name-italic,
.identity-yojiro {
  font-family: Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  font-synthesis: none;
}
.wordmark em { letter-spacing: -.05em !important; }
.splash-name em { letter-spacing: -.05em !important; }
.hero-name .hero-name-italic { letter-spacing: -.085em !important; }
.identity-yojiro { display:inline-block; line-height:1.04; }
/* A low, shallow stroke, as on the live site. An uninterrupted fill is the no-JS fallback. */
.text-mark {
  background-image: linear-gradient(var(--marker-yellow), var(--marker-yellow));
  background-repeat: no-repeat;
  background-position: 0 91%;
  background-size: 100% .18em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-decoration: none;
}
html.marker-motion .text-mark {
  background-size: 0% .18em;
  transition: none;
}
html.marker-motion .text-mark.marker-visible {
  background-size: 100% .18em;
  transition: background-size 720ms cubic-bezier(.22,.61,.36,1) 100ms;
}
/* Existing V2 pseudo-line is replaced rather than doubling the underline. */
.underline-anim.text-mark::after { content: none !important; }
/* GL detail uses its own topbar rather than the shared V2 wordmark. */
.topbar .identity-yojiro { font-size: 1.2em; letter-spacing:-.05em; }
@media (prefers-reduced-motion: reduce) {
  html.marker-motion .text-mark, html.marker-motion .text-mark.marker-visible {
    background-size: 100% .18em !important;
    transition: none !important;
  }
}

/* Footer marker: preserve typography and apply the same #FFE240 replaying highlight. */
.footer-title em.text-mark {
  background-image: linear-gradient(var(--marker-yellow,#ffe240), var(--marker-yellow,#ffe240));
  background-repeat: no-repeat;
  background-position: left 97%;
  background-size: 100% .09em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-decoration: none;
}
html.marker-motion .footer-title em.text-mark {
  background-size: 0% .09em;
  transition: none;
}
html.marker-motion .footer-title em.text-mark.marker-visible {
  background-size: 100% .09em;
  transition: background-size 720ms cubic-bezier(.22,.61,.36,1) 100ms;
}
@media (prefers-reduced-motion: reduce) {
  html.marker-motion .footer-title em.text-mark,
  html.marker-motion .footer-title em.text-mark.marker-visible {
    background-size: 100% .09em !important;
    transition: none !important;
  }
}