/* Supplied brand artwork and homepage film. */
.header-area .logo.logo-width-1 { margin-right: 20px; }
.header-area .logo.logo-width-1 a img { width: 150px; height: 100px; object-fit: contain; }
.mobile-header-logo a img { width: 120px; height: 80px; object-fit: contain; }
.home-film { padding: 24px 0 12px; }
.home-film video { display: block; width: 100%; max-width: 960px; margin: 0 auto; height: auto; max-height: 480px; object-fit: contain; background: #fff; }
.home-film video:focus-visible { outline: 2px solid #84601d; outline-offset: 4px; }
@media (max-width: 767px) {
    .header-area .logo.logo-width-1 a img { width: 108px; height: 72px; }
    .home-film { padding: 20px 0 16px; }
}

/* Full-width campaign slider and featured categories within Products. */
.home-slider-wide .hero-slider-1.style-3 .single-hero-slider img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    border-radius: 10px;
}
.home-slider-wide .single-hero-slider > a { display: block; }
.home-category-banners {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}
.home-category-banner { display: block; overflow: hidden; border-radius: 10px; }
.home-category-banner img { display: block; width: 100%; height: auto; }
.home-category-banner:focus-visible { outline: 2px solid #84601d; outline-offset: 4px; }
@media (max-width: 767px) {
    .home-category-banners { grid-template-columns: 1fr; gap: 16px; margin-top: 20px; }
}