.riqelo-logo {
  display: inline-flex;
  position: relative;
  width: var(--brand-width, 180px);
  max-width: 100%;
  aspect-ratio: 4.8;
  flex: 0 0 auto;
  vertical-align: middle;
}
.riqelo-logo .brand-art {
  width: 100%;
  height: 100%;
  display: block;
  user-select: none;
}
.riqelo-logo .brand-art--icon { display: none; }
.riqelo-logo--dark .brand-art--wordmark { filter: invert(1) hue-rotate(180deg); }
.riqelo-logo .brand-tagline {
  position: absolute;
  display: flex;
  align-items: center;
  gap: .4em;
  left: 35.4%;
  right: 0;
  bottom: 1%;
  color: #152733;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(7px, calc(var(--brand-width, 180px) * .044), 9px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .04em;
  text-align: center;
  white-space: nowrap;
  user-select: none;
}
.riqelo-logo .brand-tagline::before,
.riqelo-logo .brand-tagline::after {
  content: "";
  flex: 1 1 0;
  min-width: 3px;
  height: 1px;
  background: #3985d4;
}
.riqelo-logo--dark .brand-tagline { color: #eaf4ff; }
.riqelo-logo--dark .brand-tagline::before,
.riqelo-logo--dark .brand-tagline::after { background: #79b4ee; }
.portal-sidebar .portal-brand,
.workspace-page .portal-sidebar .portal-brand,
.department-sidebar .department-brand {
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 0 12px 20px;
  letter-spacing: normal;
  --brand-width: 180px;
}
.portal-brand .brand-workspace,
.department-brand .brand-workspace {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.launcher-header .launcher-brand { --brand-width: 154px; }
.portal-header .brand {
  display: flex;
  align-items: center;
  gap: 14px;
  --brand-width: 174px;
}
.portal-header .brand .riqelo-logo { display: inline-block; }
.site-header .brand { --brand-width: 190px; }
.riqelo-brand { --brand-width: 204px; }
.site-footer .riqelo-brand { --brand-width: 174px; }
@media (min-width: 781px) {
  .operations-page.ops-sidebar-collapsed .portal-sidebar .portal-brand { align-items: center; }
  .operations-page.ops-sidebar-collapsed .portal-sidebar .portal-brand .riqelo-logo {
    display: inline-flex;
    width: 40px;
    aspect-ratio: 1;
  }
  .operations-page.ops-sidebar-collapsed .riqelo-logo .brand-art,
  .operations-page.ops-sidebar-collapsed .riqelo-logo .brand-tagline { display: none; }
  .operations-page.ops-sidebar-collapsed .riqelo-logo .brand-art--icon {
    display: block;
    filter: brightness(0) invert(1);
    object-fit: contain;
  }
}
@media (max-width: 600px) {
  .riqelo-brand, .site-header .brand { --brand-width: 164px; }
  .portal-header .brand { --brand-width: 150px; }
  .launcher-header .launcher-brand { --brand-width: 132px; }
}