@scope (html) to ([data-shared-header], [data-shared-footer], #luminal-home-extras) {
/* Workshop-specific editorial opening and visit details. */
main.sm-workshop .workshop-opening .page-intro { align-items: center; }
main.sm-workshop .workshop-opening h1 { max-width: 13ch; }
main.sm-workshop .workshop-opening-copy .lead { margin-bottom: 16px; }
main.sm-workshop .workshop-opening-copy .text-link { margin-top: 18px; }
main.sm-workshop .workshop-opening-photo > img { width: 100%; height: auto; max-height: 660px; aspect-ratio: 1.8; object-fit: cover; object-position: center; }
main.sm-workshop .workshop-opening-photo > figcaption { margin-top: 16px; }
main.sm-workshop .makers-intro { max-width: 43ch; font-size: 16px; }
main.sm-workshop .maker h3 { max-width: 12ch; line-height: 1.25; }
main.sm-workshop .workshop-visit .split { grid-template-columns: 1.1fr 1fr; align-items: start; }
main.sm-workshop .workshop-visit .media-frame img { aspect-ratio: 4 / 5; }
main.sm-workshop .workshop-address { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--sm-line); }
main.sm-workshop .workshop-address .label { margin-bottom: 12px; color: #d5ddd6; }
main.sm-workshop .workshop-address p { margin-top: 12px; color: #d5ddd6; }
@media (max-width: 760px) {
  main.sm-workshop .workshop-opening .page-intro { gap: 26px; }
  main.sm-workshop .workshop-opening-photo > img { aspect-ratio: 3 / 2; max-height: none; }
  main.sm-workshop .makers-intro { margin-top: 20px; }
  main.sm-workshop .workshop-visit .split { grid-template-columns: 1fr; }
  main.sm-workshop .workshop-visit .media-frame img { aspect-ratio: 3 / 2; }
}

}