/* Styles for every Hype Williams project page */

/* Logo: the signature (canvas trimmed to it) at 56px tall, width follows its proportions.
   Same on-screen size as before the trim, now flush with the 30px margins. */
.logo:has(img) {
  width: auto;
  height: 56px;
}

.logo img {
  width: auto;
  height: 100%;
}

/* Phones: the logo 30% smaller than other clients' */
@media (max-width: 640px) {
  .logo { --logo-shrink: 0.7; }
}

/* Desktop: a size smaller (wide logos read large next to the square ones) */
@media (min-width: 641px) {
  .logo:has(img) { height: 42px; }
}