body[data-brand-slug="casio"] .brand-page-hero__banner,
body[data-brand-slug="slazenger"] .new-brand-hero__art {
 display:block; width:100%; max-width:640px; aspect-ratio:auto;
 min-width:0; padding:0; margin-inline:auto; align-self:center; justify-self:center;
 border:1px solid rgba(177,138,82,.26); border-radius:20px; overflow:hidden;
 background:transparent;
}
body[data-brand-slug="casio"] .brand-page-hero__banner img,
body[data-brand-slug="slazenger"] .new-brand-hero__image {
 display:block; width:100%; height:auto; aspect-ratio:1942/809;
 object-fit:contain; object-position:center; max-width:none; padding:0;
}
body[data-brand-slug="slazenger"] .new-brand-hero__art picture {display:block;width:100%;height:auto;}
@media(max-width:700px) {
 body[data-brand-slug="casio"] .brand-page-hero__banner,
 body[data-brand-slug="slazenger"] .new-brand-hero__art {border-radius:16px;order:-1;}
}

body[data-brand-slug="casio"] .brand-page-hero__banner {max-width:720px;}
body[data-brand-slug="slazenger"] .new-brand-hero__art {max-width:700px;}
@media(min-width:1025px) {
 body[data-brand-slug="casio"] .brand-page-hero__grid {
  grid-template-columns:minmax(0,.915fr) minmax(0,1.085fr); gap:32px;
 }
 body[data-brand-slug="slazenger"] .new-brand-hero__grid {
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); gap:36px;
 }
}