.more-work {
  width: 100%;
  margin: clamp(3rem, 6vw, 6rem) 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid #111;
  color: #111;
  font-family: 'Google Sans Flex', sans-serif;
}

.more-work *, .more-work *::before, .more-work *::after { box-sizing: border-box; }
.more-work .more-work__heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.5rem; }
.more-work .more-work__heading h2 { margin: 0; font-family: 'Nebulica', sans-serif; font-size: clamp(1.8rem, 3.3vw, 3.3rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }
.more-work .more-work__all { display: inline-flex; flex-shrink: 0; gap: .65rem; align-items: center; color: inherit; font-size: .95rem; line-height: 1.3; text-decoration: none; }
.more-work .more-work__all:hover { text-decoration: underline; text-underline-offset: .2em; }
.more-work .more-work__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.25rem; padding: 0; margin: 0; list-style: none; }
.more-work .more-work__item { min-width: 0; margin: 0; padding: 0; list-style: none; }
.more-work .more-work__card { display: flex; height: 100%; flex-direction: column; color: inherit; text-decoration: none; }
.more-work .more-work__media { aspect-ratio: 3 / 2; overflow: hidden; border-radius: 5px; background: #f2f1ee; }
.more-work .more-work__media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 350ms cubic-bezier(.22, 1, .36, 1); }
.more-work .more-work__info { display: flex; flex: 1; flex-direction: column; padding: .9rem 0 0; }
.more-work .more-work__title { display: flex; justify-content: space-between; align-items: baseline; gap: .65rem; }
.more-work .more-work__title h3 { margin: 0; font-family: 'Google Sans Flex', sans-serif; font-size: clamp(1.15rem, 1.6vw, 1.5rem); font-weight: 500; line-height: 1.15; letter-spacing: -.025em; }
.more-work .more-work__title > span { font-size: 1.35rem; line-height: 1; transition: transform 250ms ease; }
.more-work .more-work__description { margin: .65rem 0 1rem; color: #666; font-size: .95rem; line-height: 1.4; font-weight: 400; }
.more-work .more-work__categories { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; }
.more-work .more-work__categories span { display: inline-block; padding: .35rem .6rem; border-radius: 100px; background: #f1f1f1; color: #444; font-size: .75rem; line-height: 1; font-weight: 400; }
.more-work :is(.more-work__card, .more-work__all):focus-visible { outline: 2px solid #111; outline-offset: 5px; border-radius: 3px; }

@media (hover: hover) and (pointer: fine) {
  .more-work .more-work__card:hover .more-work__media img { transform: scale(1.035); }
  .more-work .more-work__card:hover .more-work__title > span { transform: translate(2px, -2px); }
}

@media (min-width: 601px) and (max-width: 900px) {
  .more-work .more-work__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .more-work { padding-right: 0 !important; padding-left: 0 !important; }
}

@media (max-width: 600px) {
  .more-work .more-work__heading { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .more-work .more-work__grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .more-work .more-work__title h3 { font-size: 1.3rem; }
}

@media (prefers-reduced-motion: reduce) {
  .more-work .more-work__media img, .more-work .more-work__title > span { transition: none; }
}