.workshop-intro { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,100px); padding-block:clamp(56px,7vw,110px); border-top:1px solid var(--line); scroll-margin-top:24px; }
.workshop-photo { min-width:0; }
.workshop-photo-crop { position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--media); }
.workshop-photo-crop img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 36%; display:block; }
.workshop-photo figcaption { margin-top:16px; font-size:9px; letter-spacing:.09em; }
.workshop-photo figcaption>span:nth-child(2) { padding-inline:8px; }
.workshop-copy h2 { font-weight:400; letter-spacing:.09em; text-transform:uppercase; margin-bottom:28px; }
.workshop-copy .workshop-lead { font-size:clamp(25px,2.55vw,46px); line-height:1.22; letter-spacing:-.035em; color:var(--paper); margin-bottom:28px; }
.workshop-copy>p:not(.workshop-lead) { font-size:clamp(15px,1.1vw,19px); line-height:1.7; max-width:43ch; margin-top:20px; }
.workshop-copy>p.workshop-current { font:11px/1.7 var(--mono); margin-top:28px; }
.workshop-current a { text-decoration:underline; text-underline-offset:4px; }
.workshop-current a:hover { color:var(--paper); }
@media(max-width:850px) {
  .workshop-intro { grid-template-columns:1fr; gap:32px; }
  .workshop-copy { max-width:620px; }
  .workshop-copy .workshop-lead { font-size:clamp(26px,4.5vw,38px); }
  .workshop-copy>p:not(.workshop-lead) { max-width:50ch; }
}