/* v242 — elegant slim workshop top banner above category cards */
.workshop-top-banner{display:grid;grid-template-columns:minmax(250px,1.1fr) minmax(320px,1fr);gap:20px;align-items:center;margin:0 0 18px;padding:22px 24px;border-radius:28px 28px 44px 28px;background:linear-gradient(135deg,rgba(255,253,250,.98),rgba(243,234,223,.97));border:1px solid rgba(91,66,42,.08);box-shadow:0 18px 34px rgba(43,28,16,.06),0 28px 60px rgba(43,28,16,.05),inset 0 1px 0 rgba(255,255,255,.9)}
.workshop-top-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:#826b57;font-size:.74rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.workshop-top-banner__eyebrow::before{content:"";width:30px;height:1px;background:rgba(104,78,53,.28)}
.workshop-top-banner__copy h2{margin:0;font-size:clamp(1.8rem,2.8vw,3.1rem);line-height:.92;letter-spacing:-.03em}
.workshop-top-banner__copy p{margin:10px 0 0;color:#695d52;font-size:.95rem;line-height:1.65;max-width:58ch}
.workshop-top-banner__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.workshop-top-banner__image,.workshop-top-banner__placeholder{position:relative;overflow:hidden;aspect-ratio:1.02/1;border-radius:18px 18px 28px 18px;background:linear-gradient(135deg,#e8ddd1,#d8c7b7);border:1px solid rgba(91,66,42,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.38)}
.workshop-top-banner__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.workshop-top-banner:hover .workshop-top-banner__image img{transform:scale(1.04);filter:saturate(1.03) contrast(1.02)}
.workshop-top-banner__placeholder{display:grid;place-items:center;color:#7e6955;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1080px){.workshop-top-banner{grid-template-columns:1fr}.workshop-top-banner__copy p{max-width:none}}
@media(max-width:760px){.workshop-top-banner{padding:18px}.workshop-top-banner__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-top-banner__copy h2{font-size:clamp(1.45rem,8vw,2.3rem)}.workshop-top-banner__copy p{font-size:.86rem;line-height:1.55}}