/* Display the original artwork at its natural proportions without cropping. */
.logo { width: min(360px, 85vw); }
.studio-logo { width: 220px; flex-shrink: 0; }

.logo,
.studio-logo {
  height: auto;
  aspect-ratio: auto;
  overflow: visible;
}

.logo img,
.studio-logo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: contain;
  image-rendering: auto;
}

@media (max-width: 700px) {
  .studio-logo { width: 180px; }
}