.gallery{margin:var(--space-6) 0 0;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));padding:0;list-style:none;display:grid}.gallery__item{margin:0}.gallery__link{border:1px solid var(--rule);background:var(--paper-sunk);line-height:0;display:block}.gallery__image{width:100%;height:auto;display:block}.gallery__caption{margin:var(--space-2) 0 0}.viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--paper);background:#17140f;border:0;grid-template-rows:auto 1fr auto;margin:0;padding:0;display:grid}.viewer::backdrop{background:#17140f}.viewer:not([open]){display:none}.viewer__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);display:flex}.viewer__position{color:var(--rule)}.viewer__figure{align-items:center;gap:var(--space-2);min-height:0;padding:0 var(--space-2);grid-template-rows:1fr auto;margin:0;display:grid}.viewer__image{object-fit:contain;touch-action:pan-y;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100dvh - 9rem);margin:0 auto;display:block}.viewer__caption{text-align:center;color:var(--rule);margin:0}.viewer__nav{justify-content:center;gap:var(--space-6);padding:var(--space-3) var(--space-4) var(--space-5);display:flex}.viewer__button{min-width:48px;min-height:48px;color:var(--paper);border-radius:var(--radius);cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;font-size:1.6rem;line-height:1}.viewer__button:hover{background:#ffffff29}.viewer__button:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.teaser{margin:var(--space-16) 0}.teaser__link{max-width:34rem;text-decoration:none;display:block}.teaser__frame{border:1px solid var(--rule);background:var(--paper-sunk);display:block;position:relative;overflow:hidden}.teaser__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s ease-in-out;position:absolute;inset:0}.teaser__image[data-current]{opacity:1}.teaser__label{margin-top:var(--space-3);font-family:var(--font-meta);font-size:var(--text-sm);color:var(--accent);display:inline-block}.teaser__link:hover .teaser__label{text-decoration:underline}@media (prefers-reduced-motion:reduce){.teaser__image{transition:none}}