.map-embed {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.map-embed iframe {
  display: block;
  width: 100%;
  height: 450px;
}

.workshop-gallery {
  width: 100%;
  overflow: hidden;
}

.workshop-marquee {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.workshop-marquee-track {
  display: flex;
  width: max-content;
  animation: workshopMarquee 36s linear infinite;
  will-change: transform;
}

.workshop-marquee-group {
  display: flex;
  flex: 0 0 auto;
  gap: 22px;
  padding-right: 22px;
}

.workshop-slide {
  display: grid;
  flex: 0 0 min(72vw, 520px);
  aspect-ratio: 16 / 10;
  height: auto;
  overflow: hidden;
  border-radius: var(--radius);
  background: #0b160d;
}

.workshop-slide img {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workshop-slide span {
  grid-area: 1 / 1;
  align-self: end;
  margin: 18px;
  padding: 10px 12px;
  border-radius: var(--radius);
  background: rgba(11, 22, 13, .72);
  color: var(--white);
  font-size: 17px;
  font-weight: 700;
}

@media (max-width: 760px) {
  .workshop-slide {
    flex-basis: min(86vw, 420px);
    aspect-ratio: 4 / 3;
  }

}