.gallery{display:flex;flex-direction:column;gap:var(--space-4)}.gallery__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gallery__filter{min-height:44px;padding-inline:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-navy);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.gallery__filter:hover{border-color:var(--color-primary);color:var(--color-primary-text)}.gallery__filter.is-active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.gallery__count{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.gallery__grid{display:grid;gap:var(--space-5);margin:var(--space-4) 0 0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-content:start}.gallery__figure{display:flex;flex-direction:column;gap:var(--space-3);margin:0;width:100%}.gallery__button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background-blue);transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.gallery__button:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gallery__cell .gallery__button{aspect-ratio:4 / 3}.gallery__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.gallery__button:hover .gallery__image{transform:scale(1.03)}.gallery__placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-6);background-color:var(--color-background-blue);isolation:isolate}.gallery__placeholder--green{background-color:var(--color-background-green)}.gallery__placeholder svg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.gallery__placeholder-text{max-width:18rem;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;line-height:1.45;text-align:center}.gallery__chip{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.gallery__zoom{position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);background-color:#fffffff0;color:var(--color-primary);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(4px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.gallery__button:hover .gallery__zoom,.gallery__button:focus-visible .gallery__zoom{opacity:1;transform:none}.gallery__caption{display:flex;flex-direction:column;gap:2px}.gallery__caption-title{color:var(--color-navy);font-size:var(--text-sm);font-weight:600}.gallery__caption-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.gallery__lightbox{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--space-4);background-color:#10456bb8}.gallery__dialog{display:flex;flex-direction:column;width:min(880px,100%);max-height:min(88dvh,780px);overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:0 24px 60px #10456b4d}.gallery__dialog-head,.gallery__dialog-foot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.gallery__dialog-head{justify-content:space-between;border-block-end:1px solid var(--color-border)}.gallery__dialog-title{margin:0;color:var(--color-navy);font-size:var(--text-base);font-weight:600}.gallery__dialog-media{position:relative;flex:1;min-height:240px;background-color:var(--color-background-blue)}.gallery__dialog-media .gallery__placeholder,.gallery__dialog-media .gallery__image{height:100%;min-height:240px}.gallery__dialog-foot{justify-content:space-between;border-block-start:1px solid var(--color-border)}.gallery__dialog-caption{flex:1;margin:0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.gallery__icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-navy);transition:border-color var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out)}.gallery__icon-button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-background-blue);color:var(--color-primary)}.gallery__icon-button:disabled{opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.gallery__button,.gallery__image,.gallery__zoom{transition:none}.gallery__button:hover,.gallery__button:hover .gallery__image{transform:none}}