/* v244 — refined luxury image treatment for the workshop top banner */
.workshop-top-banner__gallery{
  height:190px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-items:center;
  padding:7px;
  border-radius:24px;
  background:rgba(255,255,255,.34);
  border:1px solid rgba(98,72,48,.08);
}
.workshop-top-banner__image,
.workshop-top-banner__placeholder{
  width:100%;
  height:154px;
  aspect-ratio:auto;
  margin:0;
  border-radius:15px 15px 24px 15px;
  border:1px solid rgba(255,255,255,.66);
  box-shadow:0 10px 24px rgba(54,35,22,.12);
}
.workshop-top-banner__image:nth-child(2),
.workshop-top-banner__placeholder:nth-child(2){transform:translateY(-7px)}
.workshop-top-banner__image:nth-child(3),
.workshop-top-banner__placeholder:nth-child(3){transform:translateY(7px)}
.workshop-top-banner__image img{object-position:center;transform:scale(1.01)}
.workshop-top-banner:hover .workshop-top-banner__image img{transform:scale(1.055)}
@media(max-width:1080px){
  .workshop-top-banner__gallery{height:174px}
  .workshop-top-banner__image,.workshop-top-banner__placeholder{height:140px}
}
@media(max-width:760px){
  .workshop-top-banner__gallery{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
  .workshop-top-banner__image,.workshop-top-banner__placeholder{height:112px;border-radius:13px 13px 20px 13px;transform:none!important}
}