.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.rounded-xl { border-radius: 0.75rem; }
.border { border-width: 1px; }
.border-stone-200 { border-color: rgb(231 229 228); }
.bg-stone-50 { background-color: rgb(250 250 249); }
.mb-3 { margin-bottom: 0.75rem; }
.mt-2 { margin-top: 0.5rem; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.gap-2 { gap: 0.5rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-stone-600 { color: rgb(87 83 78); }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.rounded-full { border-radius: 9999px; }
.aspect-\[1\/1\] { aspect-ratio: 1 / 1; }
.media-container { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.media-container .media-img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }

.suit-banner { border-radius: 0.75rem; overflow: hidden; border: 1px solid rgb(231 229 228); height: 180px; }
.suit-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.suit-card-banner { border-radius: 0.75rem; overflow: hidden; border: 1px solid rgb(231 229 228); height: 140px; }
.suit-card-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (min-width: 768px) {
  nav ul { display: flex !important; }
  .aspect-md-\[16\/10\] { aspect-ratio: 16 / 10; }
  .suit-banner { height: 500px; }
  .suit-card-banner { height: 180px; }
}