@font-face {
  font-family: 'HOPO Nitoly Hand';
  src: url('fonts/caveat-nitoly-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* Entry-card shell only. Preserve source image pixels and all detail-page themes. */
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly,
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly .systemSeriesCardMedia,
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly .systemSeriesCardBody {
  background: #fff !important;
  border-color: var(--compact-catalog-line) !important;
  color: var(--compact-catalog-ink) !important;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly h3 {
  color: var(--compact-catalog-ink) !important;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly p {
  color: var(--compact-catalog-muted) !important;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly .systemSeriesCardMeta,
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly .systemSeriesCardMeta span {
  color: #70767b !important;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly .systemSeriesCardMeta span:last-child {
  color: var(--compact-catalog-ink) !important;
  border-color: #dfe2e3 !important;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly h3 .hopoNitolyWordmark {
  color: var(--compact-catalog-red) !important;
  font-family: 'HOPO Nitoly Hand', cursive !important;
  font-style: normal;
  font-weight: 600;
  font-size: 1.22em;
  line-height: .85;
  letter-spacing: 0;
  white-space: nowrap;
  unicode-bidi: isolate;
}
body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly:focus-visible .systemSeriesCardMeta span:last-child {
  color: var(--compact-catalog-red) !important;
  border-color: var(--compact-catalog-red) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.hopo-compact-catalog.hopo-category-rail .systemSeriesCard--nitoly:hover .systemSeriesCardMeta span:last-child {
    color: var(--compact-catalog-red) !important;
    border-color: var(--compact-catalog-red) !important;
  }
}