.workshop-gallery{margin:var(--space-xl)0;padding:var(--space-md)0}.workshop-photo-btn{cursor:zoom-in;border-radius:var(--border-radius-md);background:0 0;border:none;width:100%;height:100%;padding:0;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 1px 2px #00000014,0 10px 24px -6px #0000002e,0 24px 48px -12px #00000029}.workshop-photo-btn:hover,.workshop-photo-btn:focus-visible{z-index:2;transform:scale(1.03);box-shadow:0 2px 4px #0000001a,0 16px 32px -6px #00000038,0 32px 64px -12px #0003}.workshop-photo{object-fit:cover;width:100%;height:100%;display:block}.workshop-row-featured{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1.4fr 1fr;display:grid}.workshop-row-featured .workshop-photo-btn:first-child{grid-area:1/1/3}.workshop-row-featured .workshop-photo-btn:nth-child(2){aspect-ratio:1;grid-area:1/2}.workshop-row-featured .workshop-photo-btn:nth-child(3){aspect-ratio:1;grid-area:2/2}.workshop-row-more{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.workshop-row-more .workshop-photo-btn:first-child{aspect-ratio:3506/1135;grid-column:1/-1}.workshop-row-more .workshop-photo-btn:nth-child(2),.workshop-row-more .workshop-photo-btn:nth-child(3){aspect-ratio:1}@media (width<=600px){.workshop-row-featured,.workshop-row-more{gap:var(--space-md);grid-template-columns:1fr}.workshop-row-featured .workshop-photo-btn:first-child{aspect-ratio:3/4;grid-area:auto/1}.workshop-row-featured .workshop-photo-btn:nth-child(2),.workshop-row-featured .workshop-photo-btn:nth-child(3){grid-area:auto/1}}.lightbox{width:min(92vw,1400px);max-height:90dvh;padding:var(--space-sm)}.lightbox img{max-width:100%;max-height:calc(90dvh - var(--space-lg));object-fit:contain;border-radius:var(--border-radius-md);margin:0 auto;display:block}.lightbox-close{top:var(--space-sm);right:var(--space-sm);cursor:pointer;background:0 0;border:none;width:2rem;height:2rem;transition:transform .15s;position:absolute}.lightbox-close:before,.lightbox-close:after{content:"";background:light-dark(oklch(from var(--neutral)var(--200)),oklch(from var(--neutral)var(--200)));border-radius:1px;width:1.1rem;height:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px 1px #000000e6}.lightbox-close:before{transform:translate(-50%,-50%)rotate(45deg)}.lightbox-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.lightbox-close:hover{transform:scale(1.15)}