/* Logofolio: Webflow gave the descriptions on the dark logo cards (.logoparagraph.to-left)
   a stray magenta (--color: #ad3489). Take the card's own text color instead, like the
   heading and name above them: white on the dark cards. */
.logoparagraph.to-left { color: inherit; }

/* Phones: the main logo and its variants as two crops, stacked (see LOGOS in tools/fixes.py),
   instead of one wide image where every logo ended up a few dozen pixels across. */
.logo-description picture { display: contents; }
.lf-variants { display: none; }
@media screen and (max-width: 479px) {
  .logo-description {
    flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 1.5rem;
    width: 100%; padding: 0 1rem 2.5rem;
  }
  .logo-description img { width: min(64%, 260px); height: auto; }
  .logo-description img.lf-variants { display: block; width: 100%; max-width: 400px; }
}