/* Elegia Presence Generator — Hero logo sizing v3.10
   Larger business logo while preserving aspect ratio.
*/

.preview-frame[data-device="desktop"] .landing-hero__logo,
.preview-frame[data-device="tablet"] .landing-hero__logo,
#elegiaExportFrame .landing-hero__logo,
body > .landing-preview .landing-hero__logo {
  width: 180px !important;
  height: 86px !important;
  max-width: 42% !important;
}

.preview-frame[data-device="mobile"] .landing-hero__logo {
  width: 124px !important;
  height: 62px !important;
  max-width: 58% !important;
}

.landing-hero__logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@media (max-width: 620px) {
  #elegiaExportFrame .landing-hero__logo,
  body > .landing-preview .landing-hero__logo {
    width: 124px !important;
    height: 62px !important;
    max-width: 58% !important;
  }
}