sunniva-logo {
  display: inline-block;
  width: var(--sunniva-logo-width, 180px);
  max-width: 100%;
  flex: 0 0 auto;
  line-height: 0;
  vertical-align: middle;
}
sunniva-logo picture { display: block; }
sunniva-logo img { display: block; width: 100%; height: auto; aspect-ratio: 1024 / 314; object-fit: contain; }
sunniva-logo[variant="footer"] { --sunniva-logo-width: 216px; margin-bottom: 1.25rem; }
sunniva-logo[variant="loader"] { --sunniva-logo-width: 250px; }
sunniva-logo[variant="intro"] { --sunniva-logo-width: 560px; width: min(560px, 80vw); margin-block: 1rem; }
sunniva-logo[variant="admin"] { --sunniva-logo-width: 156px; }
@media (max-width: 640px) {
  sunniva-logo[variant="header"] { --sunniva-logo-width: 148px; }
  sunniva-logo[variant="loader"] { --sunniva-logo-width: 210px; }
}