/* Header viewport into the unchanged, canonical combined PNG.
   Source pixels: text, claim and registered mark end before x=1112;
   the figure begins to the right. No text or logo artwork is recreated. */
.helga-header-wordmark {
  position: relative;
  display: block;
  flex: 0 0 232px;
  width: 232px;
  height: 64px;
  overflow: hidden;
}

.helga-header-wordmark > img {
  position: absolute;
  top: -34px;
  left: -4px;
  display: block;
  width: 348px;
  max-width: none;
  height: auto;
}

/* The logo keeps the same size on desktop and mobile. */
.helga-ui-shell-header .helga-header-wordmark > img,
.helga-masthead__logo-slot .helga-header-wordmark > img,
.helga-slimbar-logo .helga-header-wordmark > img,
.campaign-logo .helga-header-wordmark > img {
  width: 348px;
  height: auto;
}

/* The original wordmark is dark; keep the scrolled legacy bar light. */
.helga-slimbar {
  height: 80px;
  gap: 12px;
  padding-inline: 16px;
  background: var(--helga-white, #fff);
  box-shadow: none;
}

.helga-slimbar a,
.helga-slimbar a:hover,
.helga-slimbar a.is-active,
.helga-slimbar-icons,
.helga-slimbar-trail,
.helga-slimbar-trail nav,
.helga-slimbar-trail nav a,
.helga-slimbar-trail nav span,
.helga-slimbar-trail nav a:hover {
  color: #000066 !important;
}

@media (max-width: 680px) {
  .campaign-header {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .campaign-nav {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  body.has-sidebar .helga-masthead {
    height: auto;
    padding-block: 8px;
  }

  body.has-sidebar .helga-masthead-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 232px minmax(0, 1fr);
    grid-template-rows: 64px auto;
    gap: 4px;
  }

  body.has-sidebar .helga-masthead__burger {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  body.has-sidebar .helga-masthead__logo-slot {
    position: static;
    grid-column: 2;
    grid-row: 1;
    width: 232px;
    transform: none;
  }

  body.has-sidebar .helga-masthead-icons {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
    margin: 0;
  }

  .helga-slimbar-trail {
    display: none;
  }

  .helga-slimbar-icons {
    margin-left: auto;
  }
}