.gallery-thumb{display:block;inline-size:100%;padding:0;border:0;background:#fff0;cursor:pointer;border-radius:var(--radius--sm);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.gallery-thumb:hover{transform:scale(1.02);box-shadow:var(--box--shadow)}.gallery-thumb:focus-visible{outline:var(--outline--border);outline-offset:2px}.gallery-image{display:block;inline-size:100%;block-size:auto;aspect-ratio:4 / 3;object-fit:cover}.gallery-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing--2xl);background:oklch(from var(--color--base--0) l c h / .92)}.gallery-lightbox[hidden]{display:none}.lightbox-figure{margin:0;padding:0;align-items:flex-start;max-inline-size:90vw;touch-action:pan-y pinch-zoom;transition:transform 0.25s cubic-bezier(.2,.8,.2,1);will-change:transform}.lightbox-figure.is-dragging{transition:none}.lightbox-image{display:block;max-inline-size:90vw;max-block-size:70vh;object-fit:contain;border-radius:var(--radius--sm);user-select:none;-webkit-user-drag:none;cursor:grab}.lightbox-image:active{cursor:grabbing}.lightbox-caption{flex:1;margin:0;padding:0;text-align:start;color:var(--text--color--heading)}.lightbox-counter{color:var(--text--color--heading);opacity:.7;font-variant-numeric:tabular-nums;letter-spacing:.05em;flex-shrink:0}.lightbox-close,.lightbox-nav{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-inline-size:56px;min-block-size:56px;padding:0;border:0;background:#fff0;color:var(--text--color--heading);line-height:1;cursor:pointer;transition:opacity var(--transition)}.lightbox-close:hover,.lightbox-nav:hover{opacity:.6}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:var(--outline--border);outline-offset:2px}.lightbox-close{inset-block-start:var(--spacing--md);inset-inline-end:var(--spacing--md)}.lightbox-prev{inset-block-start:50%;inset-inline-start:var(--spacing--md);margin-block-start:-28px}.lightbox-next{inset-block-start:50%;inset-inline-end:var(--spacing--md);margin-block-start:-28px}@media (max-width:991px){.lightbox-image{max-block-size:60vh}}@media (max-width:767px){.gallery-lightbox{padding:var(--spacing--sm)}.lightbox-image{max-block-size:50vh}.lightbox-close{inset-block-start:var(--spacing--sm);inset-inline-end:var(--spacing--sm)}.lightbox-prev,.lightbox-next{display:none}}