.website-examples { margin: 48px 0; }
.website-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.detail .website-gallery figure { width: 100%; min-width: 0; }
.detail .website-gallery img {
  width: 100%; height: auto; max-width: 100%; max-height: none;
  aspect-ratio: 16 / 9; object-fit: contain;
}
.website-gallery figcaption { max-width: none; font-size: 14px; line-height: 1.6; }
.website-gallery figcaption strong { display: block; font-size: 18px; color: var(--text); }
.website-gallery figcaption p { margin: 8px 0; font-size: 14px; }
.website-gallery figcaption a { cursor: pointer; }
.website-gallery .mobile-preview { margin-top: 16px; width: 96px; }
.detail .website-gallery .mobile-preview img { width: 96px; aspect-ratio: 390 / 844; }
@media(max-width:900px) { .website-gallery { grid-template-columns: 1fr; } }