/* Fixed83 — transparent hero logo and equal light/dark sizing */
.reference-brand-hero{
  overflow:hidden;
}
.reference-brand-logo,
.reference-brand-logo-light,
.reference-brand-logo-dark{
  display:block;
  width:min(72%,560px)!important;
  height:auto!important;
  aspect-ratio:1/1;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.reference-brand-logo-dark{display:none!important}
html[data-theme="dark"] .reference-brand-logo-light{display:none!important}
html[data-theme="dark"] .reference-brand-logo-dark{display:block!important}

/* Both theme assets share the same 560 × 560 transparent canvas. */
html[data-theme="light"] .reference-brand-logo-light,
html[data-theme="dark"] .reference-brand-logo-dark{
  width:min(72%,560px)!important;
  max-width:560px!important;
}

@media(max-width:1080px){
  .reference-brand-logo,
  html[data-theme="light"] .reference-brand-logo-light,
  html[data-theme="dark"] .reference-brand-logo-dark{
    width:min(70vw,500px)!important;
    max-width:500px!important;
  }
}
@media(max-width:620px){
  .reference-brand-logo,
  html[data-theme="light"] .reference-brand-logo-light,
  html[data-theme="dark"] .reference-brand-logo-dark{
    width:min(84vw,390px)!important;
    max-width:390px!important;
  }
}