.workshops-hero{display:grid;grid-template-columns:minmax(420px,5fr) 7fr;min-height:calc(100svh - 132px);border-top:0}
.workshops-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:84px clamp(38px,5.5vw,88px)}
.workshops-hero h1{max-width:8ch;margin:0 0 34px;font:400 clamp(74px,8vw,126px)/.86 var(--display)}
.workshops-intro{max-width:19ch;margin:0 0 42px;font-size:clamp(24px,2.3vw,38px);line-height:1.22;letter-spacing:-.035em}
.workshops-hero-media{margin:0;min-height:700px;overflow:hidden;background:#ddd}
.workshops-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.workshop-story .prose p:first-child{font-size:clamp(20px,1.8vw,28px);line-height:1.4;letter-spacing:-.02em}
.workshop-format .page-title{max-width:10ch}
.workshop-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;border-top:1px solid rgba(255,255,255,.45)}
.workshop-steps article{min-height:300px;padding:34px 42px 28px 0;border-right:1px solid rgba(255,255,255,.25)}
.workshop-steps article+article{padding-left:42px}
.workshop-steps article:last-child{border-right:0}
.workshop-steps span{display:block;margin-bottom:56px;color:var(--orange);font-size:12px;font-weight:600;letter-spacing:.16em}
.workshop-steps h3{margin:0 0 18px;font:400 42px/1 var(--display)}
.workshop-steps p{max-width:34ch;margin:0;color:rgba(255,255,255,.82)}
.workshop-close{background:#f7f6f2}
@media(max-width:1100px) and (min-width:901px){.workshops-hero{grid-template-columns:44% 56%}.workshops-hero-copy{padding-left:36px;padding-right:36px}.workshops-hero h1{font-size:76px}}
@media(max-width:900px){.workshops-hero{grid-template-columns:1fr;min-height:0}.workshops-hero-copy{padding:72px 28px}.workshops-hero-media{min-height:68vh}.workshop-steps{grid-template-columns:1fr;margin-top:52px}.workshop-steps article,.workshop-steps article+article{min-height:0;padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.workshop-steps article:last-child{border-bottom:0}.workshop-steps span{margin-bottom:22px}}
@media(max-width:520px){.workshops-hero h1{font-size:64px}.workshops-hero-media{min-height:540px}.workshops-intro{font-size:23px}}