/* Approved supplied asset replacements. Load after the existing Frontline CSS. */
.brand img { width: 100%; aspect-ratio: 282 / 59; object-fit: contain; object-position: left center; }
.product-logo { aspect-ratio: 281 / 63; object-fit: contain; object-position: left center; mix-blend-mode: normal; }
/* Keep the original layout box; enlarge only the visible photograph. */
.hero-art { display: grid; place-items: center; aspect-ratio: 403 / 253; max-width: 100%; clip-path: none; mix-blend-mode: normal; }
.hero-art > img { width: 90%; height: auto; border: 1px solid #fff; border-radius: 2px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 1.5%, #000 98.5%, transparent), linear-gradient(to bottom, transparent, #000 2.4%, #000 97.6%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 1.5%, #000 98.5%, transparent), linear-gradient(to bottom, transparent, #000 2.4%, #000 97.6%, transparent);
  -webkit-mask-composite: source-in; mask-composite: intersect;
}