/*
 * Brand logo lockup, header and footer.
 *
 * Sized here rather than with utilities because the Tailwind build ships
 * prebuilt on this fleet and cannot be regenerated on the server: h-16, h-20,
 * w-auto and object-contain are all absent from it.
 *
 * The header row is 68px on mobile and 88px from md up, so the heights below
 * leave the lockup breathing room at both without changing the row.
 */

.site-logo {
    display: block;
    width: auto;
    height: 48px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .site-logo {
        height: 64px;
    }
}

/* The footer has room for a larger lockup, and sits on bg-ink - see the light
   variant in the template. */
.site-logo--footer {
    height: 72px;
}

@media (min-width: 768px) {
    .site-logo--footer {
        height: 88px;
    }
}