.greta-brand-mark { display: inline-block; width: 48px; height: 48px; flex: 0 0 auto; vertical-align: middle; }
.greta-brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.greta-brand-mark .brand-logo-dark { display: none; }
:root[data-theme="dark"] .greta-brand-mark .brand-logo-light { display: none; }
:root[data-theme="dark"] .greta-brand-mark .brand-logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .greta-brand-mark .brand-logo-light { display: none; }
  :root:not([data-theme="light"]) .greta-brand-mark .brand-logo-dark { display: block; }
}
.landing__hero .greta-brand-mark { width: 112px; height: 112px; }
.brand { display: flex; align-items: center; gap: 12px; }