:root{--workshop-ink:#111;--workshop-paper:#fff;--workshop-pink:#f2d9df;--workshop-yellow:#f6efb4;--workshop-sage:#c7d7cf}
.workshops-page{background:var(--workshop-paper);color:var(--workshop-ink)}
.workshop-hero{min-height:calc(100vh - 88px);padding:clamp(50px,8vw,110px) 5vw;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-template-rows:auto 1fr;gap:40px 6vw;border-bottom:1px solid #111;background:#fff}
.workshop-kicker{grid-column:1/-1;font:10px/1.3 "DM Mono",monospace;letter-spacing:.12em}.workshop-hero h1{align-self:center;margin:0;font:400 clamp(72px,11vw,172px)/.78 "Italiana",Georgia,serif;letter-spacing:-.06em}.workshop-hero h1 em{font-style:normal;color:#df3e37}.workshop-intro{align-self:end;padding-bottom:16px}.workshop-intro p{margin:0 0 30px;font:18px/1.55 "Manrope",sans-serif}.workshop-intro a,.workshop-proof a,.workshop-cta a{font:10px "DM Mono",monospace;text-underline-offset:6px}
.workshop-ledger{padding:clamp(65px,9vw,130px) 5vw;display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:7vw;background:var(--workshop-yellow);border-bottom:1px solid #111}.workshop-ledger>header{position:sticky;top:115px;align-self:start}.workshop-ledger>header span,.workshop-proof span,.workshop-cta>span{font:10px "DM Mono",monospace;letter-spacing:.12em}.workshop-ledger h2,.workshop-proof h2,.workshop-cta h2{margin:24px 0;font:400 clamp(48px,6vw,86px)/.9 "Italiana",Georgia,serif;letter-spacing:-.045em}.service-list{border-top:1px solid #111}.service-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid rgba(17,17,17,.45)}.service-list b{font:10px "DM Mono",monospace}.service-list h3{margin:0 0 9px;font:500 clamp(22px,2.4vw,36px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em}.service-list p{margin:0 0 15px;max-width:680px;font:15px/1.55 "Manrope",sans-serif}.service-list small{font:9px/1.5 "DM Mono",monospace;letter-spacing:.06em}
.workshop-proof{padding:clamp(70px,9vw,130px) 5vw;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:7vw;align-items:center;border-bottom:1px solid #111;background:#fff}.workshop-proof figure{margin:0;padding:12px 12px 32px;background:#fff;border:1px solid #111;transform:rotate(-1deg);box-shadow:14px 15px 0 var(--workshop-pink)}.workshop-proof img{display:block;width:100%;height:clamp(390px,55vw,690px);object-fit:cover}.workshop-proof figcaption{padding:15px 4px 0;font:9px "DM Mono",monospace}.workshop-proof p{font:17px/1.55 "Manrope",sans-serif;margin:0 0 28px}
.workshop-cta{padding:clamp(70px,10vw,145px) 5vw;text-align:center;background:var(--workshop-sage)}.workshop-cta h2{margin:28px auto 35px;max-width:950px}
@media(max-width:850px){.workshop-hero,.workshop-ledger,.workshop-proof{grid-template-columns:1fr}.workshop-hero{min-height:auto}.workshop-hero h1{margin:45px 0}.workshop-intro{max-width:650px}.workshop-ledger>header{position:static}.workshop-proof figure{max-width:680px}.workshop-proof img{height:auto}}
@media(max-width:560px){.workshop-hero,.workshop-ledger,.workshop-proof,.workshop-cta{padding-left:20px;padding-right:20px}.workshop-hero h1{font-size:22vw}.service-list article{grid-template-columns:32px 1fr}.workshop-proof figure{box-shadow:8px 9px 0 var(--workshop-pink)}}
