/* v249 — slim full-width banner between category cards and completed projects */
.workshop-projects-banner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,1.45fr) minmax(250px,.8fr);
  width:100%;
  min-height:190px;
  max-height:210px;
  margin:20px 0 24px;
  overflow:hidden;
  border:1px solid rgba(103,76,49,.12);
  border-radius:24px 24px 42px 24px;
  background:linear-gradient(125deg,#2c2119 0%,#493728 47%,#eadfce 47.2%,#f8f3eb 100%);
  box-shadow:0 18px 42px rgba(41,27,17,.11),inset 0 1px 0 rgba(255,255,255,.14);
}
.workshop-projects-banner__gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  min-width:0;
  height:100%;
  padding:12px;
}
.workshop-projects-banner__image,
.workshop-projects-banner__placeholder{
  position:relative;
  width:100%;
  height:166px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px 14px 25px 14px;
  background:linear-gradient(145deg,#5b493a,#8b735f);
  box-shadow:0 10px 24px rgba(20,13,8,.23);
}
.workshop-projects-banner__image:nth-child(2),
.workshop-projects-banner__placeholder:nth-child(2){transform:translateY(5px)}
.workshop-projects-banner__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .7s ease,filter .7s ease;
}
.workshop-projects-banner:hover .workshop-projects-banner__image img{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}
.workshop-projects-banner__placeholder{display:grid;place-items:center;color:rgba(255,255,255,.74);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.workshop-projects-banner__copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:22px 28px 22px 24px;
}
.workshop-projects-banner__copy::before{content:"";position:absolute;top:24px;right:26px;width:34px;height:34px;border-top:1px solid rgba(111,84,57,.22);border-right:1px solid rgba(111,84,57,.22)}
.workshop-projects-banner__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:#80684f;font-size:.65rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.workshop-projects-banner__eyebrow::before{content:"";width:25px;height:1px;background:rgba(112,84,57,.34)}
.workshop-projects-banner__copy h2{max-width:12ch;margin:0;color:#33261c;font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:.92;letter-spacing:-.035em}
.workshop-projects-banner__copy p{max-width:36ch;margin:9px 0 0;color:#6d5e50;font-size:.82rem;line-height:1.48}
@media(max-width:980px){
  .workshop-projects-banner{grid-template-columns:minmax(300px,1.25fr) minmax(220px,.9fr)}
  .workshop-projects-banner__copy{padding:20px}
  .workshop-projects-banner__image,.workshop-projects-banner__placeholder{height:158px}
}
@media(max-width:720px){
  .workshop-projects-banner{grid-template-columns:1fr;max-height:none;min-height:0;background:linear-gradient(155deg,#2f241c 0,#4b3829 47%,#f4ede3 47.3%,#faf7f1 100%)}
  .workshop-projects-banner__gallery{height:116px;padding:9px;gap:6px}
  .workshop-projects-banner__image,.workshop-projects-banner__placeholder{height:98px;border-radius:11px 11px 18px 11px;transform:none!important}
  .workshop-projects-banner__copy{min-height:128px;padding:18px 20px 20px}
  .workshop-projects-banner__copy::before{top:16px;right:18px;width:26px;height:26px}
  .workshop-projects-banner__copy h2{max-width:15ch;font-size:clamp(1.65rem,8vw,2.25rem)}
  .workshop-projects-banner__copy p{font-size:.78rem}
}