.wdt-workshops-archive__hero {
  padding-bottom: clamp(var(--wdt-space-8), 2.8vw, var(--wdt-space-11));
  background:
    linear-gradient(rgba(var(--wdt-rgb-white), .88), rgba(var(--wdt-rgb-white), .96)),
    radial-gradient(circle at 50% 0, rgba(var(--wdt-rgb-orange), .13), transparent 52%);
}

.wdt-workshops-archive__title {
  color: var(--wdt-blue);
  font-family: var(--wdt-title-font);
  font-size: var(--wdt-font-size-display);
  line-height: 1.04;
  font-weight: 760;
  letter-spacing: -.04em;
}

.wdt-workshops-archive__title::after {
  display: none;
}

.wdt-workshops-archive__lead {
  max-width: 620px;
  margin: var(--wdt-space-8) auto 0;
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-lead);
  line-height: 1.65;
}

.wdt-workshops-archive__lead::after {
  content: "";
  display: block;
  width: 96px;
  height: 2px;
  margin: var(--wdt-space-8) auto 0;
  border-radius: var(--wdt-radius-pill);
  background: linear-gradient(90deg, var(--wdt-orange), var(--wdt-coral));
  opacity: .75;
}

.wdt-workshops-archive__intro {
  padding-top: clamp(var(--wdt-space-5), 1.8vw, var(--wdt-space-9));
}

.wdt-workshops-gallery {
  width: 100%;
  margin-top: clamp(26px, 3.5vw, 38px);
}

.wdt-workshops-gallery__header {
  margin-bottom: clamp(22px, 3vw, var(--wdt-space-12));
  text-align: center;
}

.wdt-workshops-gallery__header h2 {
  margin: 0;
  color: var(--wdt-text);
  font-family: var(--wdt-title-font);
  font-size: var(--wdt-font-size-subheading);
  line-height: 1.18;
  font-weight: var(--wdt-font-weight-heading);
  letter-spacing: -.02em;
}

.wdt-workshops-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(var(--wdt-space-9), 3vw, 34px);
}

.wdt-workshops-poster {
  min-width: 0;
  margin: 0;
  text-align: center;
}

.wdt-workshops-poster__link {
  display: block;
}

.wdt-workshops-poster__frame {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 5.2;
  padding: 9px;
  border: 1px solid rgba(var(--wdt-rgb-poster-border), .26);
  border-radius: 13px;
  background: var(--wdt-media-mat);
  box-shadow: 0 12px 28px rgba(var(--wdt-rgb-blue), .075);
}

.wdt-workshops-poster__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: var(--wdt-radius-lg);
  transition: transform .25s ease;
}

.wdt-workshops-poster__link:hover .wdt-workshops-poster__image,
.wdt-workshops-poster__link:focus-visible .wdt-workshops-poster__image {
  transform: scale(1.018);
}

.wdt-workshops-poster figcaption {
  margin-top: var(--wdt-space-4);
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-meta);
  line-height: 1.45;
}

@media (max-width: 980px) {
  .wdt-workshops-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .wdt-workshops-archive__title {
    font-size: var(--wdt-font-size-display-mobile);
  }

  .wdt-workshops-archive__lead::after {
    width: 82px;
  }

  .wdt-workshops-gallery__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}