main{max-width:1320px}h1{font-size:clamp(32px,5vw,65px)}.gallery-back{font-size:12px;color:#aaa;text-decoration:none}.intro{max-width:960px;line-height:1.7}.examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.example{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:0;overflow:hidden;background:#111}.example img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .5s}.example:hover img,.example:focus-visible img{filter:none;transform:scale(1.025)}.credit{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(transparent,#0009);text-align:left;font-size:12px}.credit small{display:block;font-size:9px;opacity:.5}#filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}#filters button{background:none;border:0;font-size:12px;color:#aaa}#filters button[aria-pressed=true]{color:var(--orange)}#viewer{max-height:95vh}#large{height:75vh}#caption{font-size:12px;color:#bbb}@media(max-width:1000px){.examples{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
#large-video{width:100%;max-height:72vh;background:#000}.video-mark{position:absolute;top:12px;right:12px;color:#fff}

.workshop-meta{font-size:12px;color:#aaa;line-height:1.6;margin:0 0 18px}

.example img{object-fit:contain}#large{max-width:90vw;object-fit:contain}

.example .credit{font-size:10px;font-weight:400;letter-spacing:.04em;padding:8px 10px;color:rgba(255,255,255,.72);background:linear-gradient(transparent,rgba(0,0,0,.25))}.example .credit small{display:none}