.workshops-page {
  --workshop-border: color-mix(in srgb, var(--primary), var(--light-gray) 55%);
  --workshop-soft: color-mix(in srgb, var(--secondary), var(--background) 78%);
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.workshop-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.8fr);
  gap: 30px;
  align-items: stretch;
  margin: 10px 0 25px;
  padding: 35px;
  border: 1px solid var(--workshop-border);
  border-radius: calc(var(--rounded) * 3);
  background: linear-gradient(135deg, var(--workshop-soft), transparent 62%), var(--background);
  box-shadow: var(--shadow);
  text-align: left;
}

.workshop-hero-copy h2 {
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  color: var(--text);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: var(--semi-bold);
  letter-spacing: 0;
  line-height: 1.1;
}

.workshop-eyebrow,
.workshop-acronym,
.workshop-card-label {
  margin: 0;
  color: var(--primary);
  font-family: var(--heading);
  font-size: 0.78rem;
  font-weight: var(--bold);
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.workshop-acronym {
  margin: 10px 0 18px;
  color: var(--gray);
  font-size: var(--large);
  letter-spacing: 0.18em;
}

.workshop-lead {
  max-width: 720px;
  margin-bottom: 0;
  font-size: var(--large);
  line-height: 1.7;
  text-align: left;
}

.workshop-hero-card,
.workshop-intro-grid article,
.schedule-day,
.workshop-note {
  border: 1px solid var(--light-gray);
  border-radius: calc(var(--rounded) * 3);
  background: var(--background);
  box-shadow: var(--shadow);
}

.workshop-hero-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  padding: 25px;
}

.workshop-hero-card div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--light-gray);
}

.workshop-hero-card div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.workshop-affiliation-mark {
  align-items: center;
  padding: 12px 14px 22px;
}

.workshop-affiliation-mark img {
  display: block;
  width: min(100%, 260px);
  height: auto;
  border-radius: calc(var(--rounded) * 1.5);
  background: var(--background);
  object-fit: contain;
}

.workshop-hero-card strong {
  font-family: var(--heading);
  font-size: var(--large);
  font-weight: var(--semi-bold);
  line-height: 1.35;
}

.workshop-map-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--primary), transparent 45%);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.workshop-map-link:hover {
  color: var(--primary);
  text-decoration-color: var(--primary);
}

.workshop-intro-grid,
.schedule-grid {
  display: grid;
  gap: 25px;
}

.workshop-intro-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.schedule-grid {
  grid-template-columns: 1fr;
}

.workshop-intro-grid article,
.workshop-note {
  padding: 25px;
  text-align: left;
}

.workshop-intro-grid h3,
.workshop-note h3 {
  margin-top: 0;
}

.workshop-intro-grid p,
.workshop-note p {
  margin-bottom: 0;
  text-align: left;
}

.schedule-day {
  overflow: hidden;
  text-align: left;
}

.schedule-day-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 25px;
  background: var(--primary);
  color: var(--background);
}

.schedule-day-header span {
  font-family: var(--heading);
  font-size: 0.85rem;
  font-weight: var(--bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.schedule-day-header strong {
  font-family: var(--heading);
  font-size: var(--large);
  font-weight: var(--semi-bold);
  line-height: 1.35;
}

.timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.timeline li {
  display: grid;
  grid-template-columns: 115px minmax(0, 1fr);
  gap: 18px;
  padding: 18px 25px;
  border-bottom: 1px solid var(--light-gray);
}

.timeline li:last-child {
  border-bottom: 0;
}

.timeline time {
  color: var(--primary);
  font-family: var(--heading);
  font-weight: var(--semi-bold);
  white-space: nowrap;
}

.timeline div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.timeline strong {
  font-family: var(--heading);
  font-weight: var(--semi-bold);
}

.timeline span {
  color: var(--gray);
  line-height: 1.5;
}

.timeline-break {
  background: var(--background-alt);
}

.workshop-note {
  border-left: 5px solid var(--primary);
}

@media (max-width: 850px) {
  .workshop-hero-panel,
  .workshop-intro-grid,
  .schedule-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .workshop-hero-panel {
    padding: 25px 20px;
  }
  .timeline li {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/*# sourceMappingURL=workshops.css.map */