/* MLTM Photography identity integration — approved 2026-09-05. */

.wordmark {
  width: clamp(162px, 12.6vw, 194px);
  flex: 0 0 auto;
  display: block;
  font-size: 0;
  line-height: 0;
}

.wordmark img,
.brand-lockup img {
  display: block;
  width: 100%;
  height: auto;
}

.site-header {
  min-height: 102px;
  padding-block: 10px;
}

.site-header.is-compact {
  min-height: 86px;
}

/* The former floral cue becomes the exact L/T aperture from the master mark. */
main .section-number {
  gap: 11px;
}

.signature-cue {
  order: -1;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-block !important;
  background: url("../brand/mltm-section-mark.svg") center / contain no-repeat;
  opacity: .76;
  transform: none;
}

.signature-cue i,
.signature-cue b {
  display: none !important;
}

[data-signature-rest].is-resting .signature-cue {
  opacity: .76;
  transform: none;
}

.footer-meta .footer-mark.brand-lockup {
  width: clamp(188px, 16vw, 238px);
  display: block;
  font-size: 0;
  line-height: 0;
}

/* Legal pages share the same primary mark and favicon assets. */
.kopf.kompakt {
  min-height: 96px;
  padding-block: 9px;
}

.kopf .brand-lockup {
  width: clamp(152px, 13vw, 182px);
  display: block;
  font-size: 0;
  line-height: 0;
}

.fuss .brand-lockup {
  width: clamp(178px, 18vw, 222px);
  display: block;
  font-size: 0;
  line-height: 0;
}

@media (max-width: 640px) {
  .site-header,
  .site-header.is-compact {
    min-height: 76px;
    padding-block: 6px;
  }

  .wordmark {
    width: 118px;
  }

  .footer-meta .footer-mark.brand-lockup {
    width: 174px;
  }

  .kopf.kompakt {
    min-height: 78px;
    padding-block: 6px;
  }

  .kopf .brand-lockup {
    width: 118px;
  }

  .fuss .brand-lockup {
    width: 172px;
  }
}