/* Approved MELT logo artwork in existing top-left navigation treatments. */
.brand,
.archive-nav__brand,
.melt-site-logo,
.reel-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
  text-decoration: none;
}

.brand {
  width: clamp(6rem, 9vw, 7rem);
}

.archive-nav__brand {
  width: clamp(6.5rem, 10vw, 7.5rem);
  margin-right: auto;
}

.melt-site-logo {
  width: clamp(7.75rem, 14vw, 10rem);
  color: inherit;
}

.reel-brand {
  width: clamp(7rem, 12vw, 8rem);
}

.footer-brand-logo {
  display: block;
  width: clamp(6.5rem, 8vw, 7rem);
  height: auto;
  max-width: none;
}

.hero-melt-aligned-layer {
  transform: translateY(var(--hero-melt-align-y, 0)) !important;
}

.brand__mark,
.archive-nav__brand-mark,
.melt-site-logo__mark,
.reel-brand__mark {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.nav:has(> .brand),
.page > .nav:has(> .brand),
nav:has(> .melt-site-logo) {
  padding-block: 1.25rem !important;
}

body:has(.archive-nav__brand) .project-breadcrumbs {
  inset-block-start: clamp(6.25rem, 9vw, 7rem);
}

.brand:focus-visible,
.archive-nav__brand:focus-visible,
.melt-site-logo:focus-visible,
.reel-brand:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 0.4rem;
}

@media (max-width: 760px) {
  .brand {
    width: 6rem;
  }

  .archive-nav__brand {
    width: 6.5rem;
  }

  .footer-brand-logo {
    width: 6rem;
  }
}