/* --------------------------------------------------
Contents
-------------------------------------------------- */
.contents__inner { padding: 0 calc(var(--padding-base) * 2); }

.collectionList { display: flex; flex-direction: column; row-gap: 7.5rem; }
.collectionList__itemLink { display: block; }
.collectionList__itemImage { aspect-ratio: 4 / 5; margin: 0 0 1.5rem; }
.collectionList__itemTitle { font-size: 1.25rem; letter-spacing: 0.1em; }

@media screen and (min-width: 768px) { .contents__inner { padding: 0 calc(var(--padding-base) * 3); }
  .collectionList { flex-direction: row; column-gap: calc(26.32% / 2); max-width: 168rem; margin: 0 auto; }
  .collectionList__item { width: 24.56%; transition: filter 0.4s var(--easeout) 0s; }
  .collectionList__itemImage { margin: 0 0 2rem; }
  .collectionList__itemTitle { font-size: 1.4rem; }
  .collectionList:has(.collectionList__item:hover) .collectionList__item:not(:hover) { filter: grayscale(1); } }