/* Approved S symbol with a live-text product name. */
.g-site-header .gsn__brand,
.header .brand,
.g-site-footer .gsf__brand { display: inline-flex; align-items: center; gap: 7px; }
.g-site-header .gsn__brand .steer-symbol,
.header .brand .steer-symbol,
.g-site-footer .gsf__brand .steer-symbol {
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.g-site-header .gsn__brand .steer-brand-name,
.header .brand .steer-brand-name,
.g-site-footer .gsf__brand .steer-brand-name {
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1;
}
.g-site-footer .gsf__brand .steer-brand-name { font-size: 20px; }
.g-site-footer .gsf__brand .steer-symbol { width: 32px; height: 32px; }
:root[data-theme="dark"] .steer-symbol,
:root[data-theme="dark"] .hero-mark img { filter: invert(1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .steer-symbol { filter: invert(1); }
}

/* The supplied PNG has a white canvas; blend it into the page surface. */
.steer-symbol, .hero-mark img { mix-blend-mode: multiply; }
:root[data-theme="dark"] .steer-symbol,
:root[data-theme="dark"] .hero-mark img { mix-blend-mode: screen; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .steer-symbol { mix-blend-mode: screen; }
}

.hero-eyebrow { align-items: center; }
.hero-eyebrow .hero-eyebrow__logo { display: block; width: 32px; height: auto; flex-shrink: 0; }
:root[data-theme="dark"] .hero-eyebrow__logo { filter: invert(1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .hero-eyebrow__logo { filter: invert(1); }
}

.g-site-header .gsn__brand .steer-nav-wordmark,
.header .brand .steer-nav-wordmark { display: block; width: 68px; height: auto; flex-shrink: 0; }
:root[data-theme="dark"] .steer-nav-wordmark { filter: invert(1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .steer-nav-wordmark { filter: invert(1); }
}

.g-site-footer .gsf__brand .steer-footer-wordmark { display: block; width: 100px; height: auto; }
:root[data-theme="dark"] .steer-footer-wordmark { filter: invert(1); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .steer-footer-wordmark { filter: invert(1); }
}