/* V4.23.10 — corporate workshop service refresh */
.workshop-service{
  border-top:1px solid var(--line);
}
.workshop-service .workshop-layout{
  display:grid;
  grid-template-columns:minmax(320px, 0.95fr) minmax(320px, 1.05fr);
  gap:clamp(30px, 4vw, 64px);
  align-items:center;
}
.workshop-service .workshop-photo{
  margin:0;
}
.workshop-service .workshop-photo .photo-zoom{
  display:block;
  aspect-ratio:1.18;
}
.workshop-service .workshop-photo .photo-zoom img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
}
.workshop-service .workshop-photo figcaption{
  padding-top:12px;
  font:500 .64rem/1.6 "Space Grotesk",sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#b5a7b0;
}
.workshop-service .workshop-copy{
  max-width:680px;
}
.workshop-service .workshop-copy .display{
  max-width:9ch;
  margin-bottom:20px;
}
.workshop-service .workshop-copy .lead-paragraph{
  max-width:18ch;
  margin-bottom:18px;
}
.workshop-service .workshop-copy p:not(.micro-label):not(.lead-paragraph){
  max-width:58ch;
}
.workshop-service .page-hero-actions{
  margin-top:28px;
}
@media (max-width:980px){
  .workshop-service .workshop-layout{
    grid-template-columns:1fr;
    align-items:start;
  }
  .workshop-service .workshop-copy{
    max-width:none;
  }
  .workshop-service .workshop-copy .display,
  .workshop-service .workshop-copy .lead-paragraph,
  .workshop-service .workshop-copy p:not(.micro-label):not(.lead-paragraph){
    max-width:none;
  }
}
@media (max-width:760px){
  .workshop-service .workshop-photo .photo-zoom{aspect-ratio:1.12;}
  .workshop-service .page-hero-actions{display:grid;grid-template-columns:1fr;}
}