/* Borelli Scroll-Driven Animated Logo (Borelli ⇄ B°) */
.scroll-brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

.scroll-brand-wrapper {
  display: inline-flex;
  align-items: center;
  overflow: visible;
  height: 40px;
}

.scroll-brand-svg {
  display: block;
  height: 40px;
  overflow: visible;
  vertical-align: middle;
}

.scroll-brand-letter {
  font-family: Arial, "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 124px;
  font-weight: 700;
  letter-spacing: -0.04em;
  fill: var(--ink, #f1f4f6);
}

.scroll-brand-b {
  letter-spacing: -0.04em;
}

.scroll-brand-orelli {
  transform-origin: 200px 117px;
  will-change: transform;
}

.scroll-brand-relli {
  will-change: opacity;
}

/* Header placement variations */
.site-header.logo-on-right {
  justify-content: space-between;
}

.site-header.logo-on-right .brand {
  order: 3;
}

.site-header.logo-on-right nav {
  order: 2;
}

.site-header.logo-on-right .header-actions {
  order: 1;
}