/* Seen & Booked logo. The artwork lives in assets/brand/ as outlined SVG files
   (stacked, horizontal and mark; colour, black, white and colour-on-dark), generated by brand/build_logo.py. */
.logo { display: block; flex: none; line-height: 0; }
.logo img { display: block; height: 34px; width: auto; }
.logo--lg { margin: 0 0 1.5rem; }
.logo--lg img { height: auto; width: clamp(220px, 34vw, 400px); }
@media (max-width: 420px) { .logo img { height: 28px; } .logo--lg img { height: auto; } }

/* Third-party brand marks, tinted to the current text colour.
   <span class="brand" style="--logo:url(/assets/logos/google.svg)" role="img" aria-label="Google"></span> */
.brand {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  flex: none;
  background-color: currentColor;
  -webkit-mask: var(--logo) center / contain no-repeat;
  mask: var(--logo) center / contain no-repeat;
  vertical-align: middle;
}
.brand--wide, .strip .brand--wide { width: 2.3em; }   /* wordmark logos that are wider than tall */