/* The Medicine Wild signature: sharp vector artwork, with no crop or photo tint. */
.masthead {
  height: 120px;
  min-height: 120px;
  padding-block: 18px;
}
.brand.brand-original {
  width: 520px;
  max-width: 52vw;
  text-decoration: none;
}
.original-logo-window,
.brand-original .original-logo-window {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1457 / 232;
  overflow: visible;
  background: transparent;
  -webkit-mask: none;
  mask: none;
}
.medicinewild-brand-picture { display: block; width: 100%; height: auto; }
.original-logo-window img,
.brand .original-logo-window img,
.brand-original .original-logo-window img,
.footer-original .original-logo-window img {
  position: static;
  display: block;
  inset: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
  mix-blend-mode: normal;
  filter: none;
  transform: none;
}
.footer-brand.footer-original { width: 360px; max-width: 100%; }
.footer-original .original-logo-window { aspect-ratio: 1457 / 248; }
@media (max-width: 760px) {
  /* Give the signature its own row; controls never intrude on the byline. */
  .masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto 44px;
    gap: 12px 16px;
    height: auto;
    min-height: 0;
    padding: 20px 24px 12px;
  }
  .masthead > .brand.brand-original {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    width: 360px;
    max-width: 100%;
  }
  .masthead > .menu-button {
    position: static;
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }
  .masthead > .header-tools {
    position: static;
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    gap: 0;
  }
  .masthead > .mast-side { display: none; }
  .masthead .header-tools .icon-button .label { display: inline; }
  .brand-original .original-logo-window { aspect-ratio: 1457 / 248; }
  .footer-brand.footer-original { width: 340px; }
}