/* The logo is a 3:1 wordmark (2172x724), but the base theme sizes the old
   square mark with `.brand img`/`.footer__brand img`/`.legal-brand img`.
   Those selectors outrank a bare class, so each rule below is qualified to
   match specificity and let the wordmark keep its aspect ratio. */

.brand img.brand__logo,
.footer__brand img.brand__logo,
.legal-brand img.brand__logo {
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Artwork is black on transparent; invert renders it white on the dark UI. */
.brand img.brand__logo,
.footer__brand img.brand__logo,
.legal-brand img.brand__logo,
.hero__fx .wm,
.value__wm,
.club__wm,
.results__wm,
.final__wm {
  filter: invert(1);
}

/* Wordmark is 6.37:1 after trimming, so height drives width: 28px -> ~178px. */
.brand img.brand__logo { height: 28px; }
.footer__brand img.brand__logo { height: 26px; }
.legal-brand img.brand__logo { height: 24px; }

/* No separate text wordmark any more, so the flex gap is dead space. */
.brand,
.footer__brand,
.legal-brand { gap: 0; }

.footer__lang { font-weight: 600; }

@media (max-width: 860px) {
  .brand img.brand__logo { height: 24px; }
}

@media (max-width: 460px) {
  .brand img.brand__logo { height: 20px; }
}

/* The old mark was square; a 6.37:1 wordmark needs its own watermark sizing. */
.hero__fx .wm { width: min(120vw, 900px); }
.results__wm { width: min(70vw, 640px); }
.final__wm { width: min(74vw, 700px); }