/* =====================================================================
   The ULTRAWORLD logo - public/assets/img/logo.jpeg, used exactly as supplied.

   The file is never edited. It is a JPEG with a white margin, so this wrapper:
     1. clips the view to the artwork (no wasted space around it), and
     2. multiplies the white background into whatever colour is behind the logo,
        so no white rectangle shows on the cream header / badges.

   Usage:  <span class="logo-crop" style="--logo-w: 120px"><img src=".../logo.jpeg" alt="..."></span>
   (partials/logo.php renders this.)  Size it with --logo-w; height follows the artwork's ratio.
   Crop box inside the 1223x900 file: x 43..1161, y 101..822  ->  1118 x 721.
   ===================================================================== */
.logo-crop {
    --logo-w: 120px;
    position: relative;
    display: block;
    flex: none;
    width: var(--logo-w);
    aspect-ratio: 1118 / 721;
    overflow: hidden;
}
.logo-crop img {
    position: absolute;
    left: -3.846%;      /* -43 / 1118  */
    top: -14.008%;      /* -101 / 721  */
    width: 109.392%;    /* 1223 / 1118 */
    max-width: none;
    height: auto;
    mix-blend-mode: multiply;
    -webkit-user-drag: none;
    user-select: none;
}