.alchemy-photo {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: min(880px, 100%);
  margin: 24px auto 0;
  padding: clamp(24px, 3vw, 30px);
  border: 1px solid #a68042;
  background: radial-gradient(ellipse at top, #624524 0%, #342417 65%, #251a12 100%);
  box-shadow: 0 16px 38px #0005, inset 0 0 0 3px #291b11, inset 0 0 18px #d8b56b26;
}
.alchemy-photo::before,
.alchemy-photo::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid;
}
.alchemy-photo::before { inset: 7px; border-color: #d5b46c; }
.alchemy-photo::after { inset: 13px; border-color: #d5b46c66; }
.alchemy-photo img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: 1px solid #dfc486;
  box-shadow: 0 0 0 3px #20160f, 0 0 0 4px #b8925066;
}
.alchemy-photo-corner {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 1px solid #b89350;
  border-radius: 50%;
  background: #362617;
  color: #f1d58e;
  font: 14px/1 Georgia, serif;
}
.alchemy-photo-corner.north-west { top: 2px; left: 2px; }
.alchemy-photo-corner.north-east { top: 2px; right: 2px; }
.alchemy-photo-corner.south-west { bottom: 2px; left: 2px; }
.alchemy-photo-corner.south-east { bottom: 2px; right: 2px; }
.alchemy-photo-ornament {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 66px;
  height: 22px;
  background: linear-gradient(90deg, #3d2a19, #604323, #3d2a19);
  color: #f3d99d;
  font: 21px/22px Georgia, serif;
  text-align: center;
  text-shadow: 0 1px 3px #0009;
}
.alchemy-photo-ornament.top { top: 1px; }
.alchemy-photo-ornament.bottom { bottom: 1px; }
.workshop-hero .hero-copy { width: 100%; min-width: 0; }
.curriculum-intro + .alchemy-photo { margin-bottom: 40px; }
.service-detail > .alchemy-photo { margin: 0 auto 28px; flex-shrink: 0; }
.service-cards > .service-photo-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 310px;
  margin: 0;
  padding: 24px;
}
.service-photo-card img { min-width: 0; object-fit: contain; }
.service-photo-card[href] { text-decoration: none; }
.service-photo-card[href]:hover { border-color: #f1d58e; }
.service-photo-card[href]:focus-visible { outline: 3px solid #f1d58e; outline-offset: 4px; }
.service-photo-title {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #f1d58e;
  font: 700 clamp(26px, 2.5vw, 34px)/1.1 var(--serif);
  text-align: center;
  text-shadow: 0 2px 8px #0008;
}
@media (max-width: 760px) {
  .service-cards > .service-photo-card { min-height: 0; }
}