.works-list { padding-top: var(--sp-section); }
.tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(64 * var(--ut)) calc(40 * var(--ut)); }
.tile-in { display: flex; flex-direction: column; gap: var(--sp-media-caption); color: inherit; text-decoration: none; }
.tile-pic { display: block; aspect-ratio: 388 / 272.8; border-radius: calc(32 * var(--ut)); overflow: hidden; background: #ECEDF0; }
.tile-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tile-nm { display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--ut)); padding: 0 calc(8 * var(--ut)); font-size: var(--fs-body-lg); line-height: var(--lh-body-lg); font-weight: var(--fw-body-lg); letter-spacing: var(--ls-body-lg); }   
@media (max-width: 1023px) {   
  .tiles { grid-template-columns: 1fr; gap: var(--sp-column-gap); }
  .tile-pic { border-radius: 16px; }
}