/* Generated by website/scripts/build-brand-assets.mjs — do not edit.

   Brand lockup: the wordmark image with its tagline as text. The tagline starts
   where the name starts, is at most as wide as the name, and its baseline lies
   on the bottom of the mark. Lengths are viewBox units of the wordmark, whose
   box the image fills; js/tagline-fit.js sets --tag-fit when a tagline is
   longer than the name. Pinyon Script at line-height 1 puts its baseline
   0.2605 em above the bottom of the line box. */

.brand-lockup {
  position: relative;
  container-type: inline-size;
  max-width: 100%;
}

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

.brand-lockup__tagline {
  --tag-font: calc(var(--tag-size) / var(--wm-w) * 100cqw * var(--tag-fit, 1));
  position: absolute;
  left: calc(var(--name-x0) / var(--wm-w) * 100cqw);
  bottom: calc((var(--wm-h) - var(--mark-bottom)) / var(--wm-w) * 100cqw - 0.2605 * var(--tag-font));
  width: calc((var(--name-x1) - var(--name-x0)) / var(--wm-w) * 100cqw);
  margin: 0;
  color: var(--color-text);
  font-family: 'Pinyon Script', cursive;
  font-size: var(--tag-font);
  font-weight: 400;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.brand-lockup--pedema {
  --wm-w: 1522;
  --wm-h: 416;
  --mark-bottom: 409;
  --name-x0: 455.25;
  --name-x1: 1514.75;
  --tag-size: 100;
}

.brand-lockup--didema {
  --wm-w: 1569;
  --wm-h: 447;
  --mark-bottom: 440;
  --name-x0: 508.5;
  --name-x1: 1562;
  --tag-size: 110;
}

.brand-lockup--mapidu {
  --wm-w: 1474.75;
  --wm-h: 438;
  --mark-bottom: 434;
  --name-x0: 500;
  --name-x1: 1470.75;
  --tag-size: 94;
}