/* Styles for every Action Bronson project page */
:root {
  --text: #ffffff; /* "Haikoo Studio", list text and lines */
  --logo-size: 105px; /* logo width: ~37px tall, matching Poetry Camera */
}

/* Logo box hugs the (wide) logo, so it sits 30px from the bottom and right */
.logo:has(img) {
  width: var(--logo-size);
  height: auto;
}

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

/* Turn the logo white, whatever colour the SVG was drawn in */
.logo img {
  filter: brightness(0) invert(1);
}

/* 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) {
  :root { --logo-size: 80px; }
}