/* image-slots.css — shared across all templates, hosted once in GCS */

.slot-logo {
  max-width: 220px;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.slot-navbar-logo {
  max-width: 200px;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.slot-banner {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  display: block;
}

.slot-gallery {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.slot-profile-photo {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}