.site-brand {
  display: inline-grid;
  align-items: center;
  flex: 0 1 auto;
  overflow: hidden;
  color: var(--store-text);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 850;
  letter-spacing: -.035em;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-brand__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-brand:has(.site-brand__text:empty) {
  display: none;
}

.site-brand__image {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--site-brand-position-x, 50%) var(--site-brand-position-y, 50%);
}

.site-brand-font--theme_font { font-family: inherit; }
.site-brand-font--sans_font { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.site-brand-font--serif_font { font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif; }
.site-brand-font--mono_font { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; }
.site-brand-text-size--compact { font-size: clamp(.95rem, 1.5vw, 1.1rem); }
.site-brand-text-size--standard { font-size: clamp(1.05rem, 2vw, 1.3rem); }
.site-brand-text-size--large { font-size: clamp(1.35rem, 2.7vw, 1.8rem); }
.site-brand-weight--regular { font-weight: 400; }
.site-brand-weight--medium { font-weight: 600; }
.site-brand-weight--bold { font-weight: 750; }
.site-brand-weight--heavy { font-weight: 850; }
.site-brand-color--inherit,.site-brand-color--text { color: var(--store-text); }
.site-brand-color--accent { color: var(--store-accent); }
.site-brand-color--muted { color: var(--store-muted); }
.site-brand-color--custom { color: var(--site-brand-custom-color, var(--store-text)); }
.site-brand-hover-color--inherit:hover,.site-brand-hover-color--inherit:focus-visible,
.site-brand-hover-color--text:hover,.site-brand-hover-color--text:focus-visible { color: var(--store-text); }
.site-brand-hover-color--accent:hover,.site-brand-hover-color--accent:focus-visible { color: var(--store-accent); }
.site-brand-hover-color--muted:hover,.site-brand-hover-color--muted:focus-visible { color: var(--store-muted); }
.site-brand-hover-color--custom:hover,.site-brand-hover-color--custom:focus-visible { color: var(--site-brand-custom-hover-color, var(--store-accent)); }
.site-brand-active-color--inherit:active,.site-brand-active-color--text:active { color: var(--store-text); }
.site-brand-active-color--accent:active { color: var(--store-accent); }
.site-brand-active-color--muted:active { color: var(--store-muted); }
.site-brand-active-color--custom:active { color: var(--site-brand-custom-active-color, var(--store-accent)); }
[data-color-mode="dark"] .site-brand-dark-color--inherit,
[data-color-mode="dark"] .site-brand-dark-color--text { color: var(--store-text); }
[data-color-mode="dark"] .site-brand-dark-color--accent { color: var(--store-accent); }
[data-color-mode="dark"] .site-brand-dark-color--muted { color: var(--store-muted); }
[data-color-mode="dark"] .site-brand-dark-color--custom { color: var(--site-brand-dark-custom-color, var(--store-text)); }
[data-color-mode="dark"] .site-brand-dark-hover-color--inherit:hover,
[data-color-mode="dark"] .site-brand-dark-hover-color--inherit:focus-visible,
[data-color-mode="dark"] .site-brand-dark-hover-color--text:hover,
[data-color-mode="dark"] .site-brand-dark-hover-color--text:focus-visible { color: var(--store-text); }
[data-color-mode="dark"] .site-brand-dark-hover-color--accent:hover,
[data-color-mode="dark"] .site-brand-dark-hover-color--accent:focus-visible { color: var(--store-accent); }
[data-color-mode="dark"] .site-brand-dark-hover-color--muted:hover,
[data-color-mode="dark"] .site-brand-dark-hover-color--muted:focus-visible { color: var(--store-muted); }
[data-color-mode="dark"] .site-brand-dark-hover-color--custom:hover,
[data-color-mode="dark"] .site-brand-dark-hover-color--custom:focus-visible { color: var(--site-brand-dark-custom-hover-color, var(--store-accent)); }
[data-color-mode="dark"] .site-brand-dark-active-color--inherit:active,
[data-color-mode="dark"] .site-brand-dark-active-color--text:active { color: var(--store-text); }
[data-color-mode="dark"] .site-brand-dark-active-color--accent:active { color: var(--store-accent); }
[data-color-mode="dark"] .site-brand-dark-active-color--muted:active { color: var(--store-muted); }
[data-color-mode="dark"] .site-brand-dark-active-color--custom:active { color: var(--site-brand-dark-custom-active-color, var(--store-accent)); }
.site-brand-spacing--tight { letter-spacing: -.035em; }
.site-brand-spacing--normal { letter-spacing: normal; }
.site-brand-spacing--wide { letter-spacing: .08em; }
.site-brand-transform--none { text-transform: none; }
.site-brand-transform--uppercase { text-transform: uppercase; }

.site-brand--image {
  position: relative;
  aspect-ratio: 7 / 2;
  inline-size: min(168px, 34vw);
  block-size: auto;
}

.site-brand--image .site-brand__image {
  position: absolute;
  inset: 0;
}

@media (max-width: 64rem) {
  .site-brand--image { inline-size: min(147px, 36vw); }
}

@media (max-width: 42rem) {
  .site-brand { max-inline-size: clamp(4.5rem, 24vw, 7.875rem); }
  .site-brand--image { inline-size: min(126px, 24vw); }
}