:root {
  --v36-blue: #3158df;
  --v36-ink: #17222d;
  --v36-muted: #65707b;
  --v36-line: rgba(23, 34, 45, .22);
}

/* Keep the project quantity inseparable from its unit, so it cannot read as an item number. */
.home-page--v36 .categorized-work-v35__count {
  display: grid;
  gap: 7px;
  align-content: center;
  align-items: start;
  min-height: 166px;
  padding: 20px 0 24px;
}

.home-page--v36 .categorized-work-v35__count p {
  margin: 0;
  color: var(--v36-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

.home-page--v36 .categorized-work-v35__count strong {
  display: flex;
  gap: 14px;
  align-items: baseline;
  color: var(--v36-ink);
  font-size: inherit;
  font-weight: 900;
  line-height: 1;
  letter-spacing: normal;
}

.home-page--v36 .categorized-work-v35__count strong > span {
  padding: 0;
  color: var(--v36-blue);
  font: 900 clamp(66px, 6vw, 92px)/.82 "Arial Black", "Helvetica Neue", sans-serif;
  letter-spacing: -.08em;
}

.home-page--v36 .categorized-work-v35__count strong > em {
  color: var(--v36-ink);
  font-size: clamp(22px, 2vw, 30px);
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.home-page--v36 .categorized-work-v35__count > small {
  color: var(--v36-blue);
  font: 900 .68rem/1.4 ui-monospace, monospace;
  letter-spacing: .12em;
}

.home-page--v36 .categorized-work-v35__framework li {
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 14px;
}

.home-page--v36 .categorized-work-v35__framework li > small {
  color: var(--v36-blue);
}

.home-page--v36 .project-entry-v28__visual--cover-v36 img {
  object-fit: cover;
}

.home-page--v36 .project-entry-v28__visual--mimy-v36 img {
  object-position: center;
}

.home-page--v36 .project-entry-v28__visual--fitness-v36 {
  background: #080b10;
}

.home-page--v36 .project-entry-v28__visual--fitness-v36 img {
  object-position: center 18%;
  transform: scale(1.7);
}

.home-page--v36 .project-entry-v28__visual--fitness-v36:is(:hover, :focus-visible) img {
  transform: scale(1.7);
}

@media (max-width: 900px) {
  .home-page--v36 .categorized-work-v35__count {
    min-height: 0;
    padding-top: 22px;
  }
}

@media (max-width: 620px) {
  .home-page--v36 .categorized-work-v35__count {
    min-height: 0;
    padding-block: 20px 22px;
  }

  .home-page--v36 .categorized-work-v35__count strong > span {
    font-size: 64px;
  }

  .home-page--v36 .categorized-work-v35__count strong > em {
    font-size: 22px;
  }

  .home-page--v36 .categorized-work-v35__framework li {
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 10px;
  }
}